diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 347fbadd92..448a4b67fc 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -4,10 +4,16 @@ env:
access: public
registry: https://registry.npmjs.org
token: ${{ secrets.NPMJS_GRANULAR_TOKEN }}
- tag: next
on:
workflow_dispatch:
+ inputs:
+ tag:
+ type: choice
+ description: Which NPM tag should be assigned?
+ options:
+ - next
+ - latest
jobs:
publish:
@@ -50,127 +56,128 @@ jobs:
run: pnpm -r build
- name: Build and publish schema
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ continue-on-error: true
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/schema
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish components
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/components
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish adapter angular v11
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/adapters/angular/v11
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish adapter angular v12
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/adapters/angular/v12
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish adapter angular v13
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/adapters/angular/v13
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish adapter angular v14
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/adapters/angular/v14
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish adapter angular v15
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/adapters/angular/v15
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish adapter angular v16
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/adapters/angular/v16
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish adapter angular v17
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/adapters/angular/v17
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish adapter react
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/adapters/react
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish adapter react-standalone
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/adapters/react-standalone
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish adapter solid
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/adapters/solid
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish adapter vue
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/adapters/vue
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish adapter preact
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/adapters/preact
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish adapter hydrate
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/adapters/hydrate
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish create-kolibri
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/create-kolibri
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish tools kolibri-cli
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/tools/kolibri-cli
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish theme default
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/themes/default
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish themes
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/themes
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish sample react
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/samples/react
env:
NODE_AUTH_TOKEN: ${{env.token}}
- name: Build and publish tools visual-tests
continue-on-error: true
- run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{env.tag}}
+ run: pnpm publish --access ${{env.access}} --no-git-checks --tag ${{github.event.inputs.tag}}
working-directory: packages/tools/visual-tests
env:
NODE_AUTH_TOKEN: ${{env.token}}
diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml
index 5530621433..77b2a289c4 100644
--- a/.github/workflows/stale.yml
+++ b/.github/workflows/stale.yml
@@ -2,8 +2,9 @@
name: 'Close stale issues and PRs'
on:
+ workflow_dispatch:
schedule:
- - cron: '0 6 * * *'
+ - cron: '0 4 * * *'
jobs:
stale:
@@ -11,7 +12,7 @@ jobs:
steps:
- uses: actions/stale@v8
with:
- days-before-stale: 365 # @todo Revert to 170 after testing
+ days-before-stale: 170
days-before-close: 10
days-before-pr-close: -1 # Don't close PR's
stale-issue-message: 'This issue has been automatically marked as stale and will be closed in 10 days because it has not had recent activity and is much likely outdated. If you think this issue is still relevant and applicable, please post a comment or remove the Stale label.'
diff --git a/.vscode/settings.json b/.vscode/settings.json
index c41fe646b4..074b0b5ceb 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,5 +1,5 @@
{
- "editor.formatOnSave": false,
+ "editor.formatOnSave": true,
"editor.renderWhitespace": "all",
// Configure glob patterns for excluding files and folders.
// For example, the files explorer decides which files and folders to show
diff --git a/MIGRATION.de.md b/MIGRATION.de.md
new file mode 100644
index 0000000000..7d56574352
--- /dev/null
+++ b/MIGRATION.de.md
@@ -0,0 +1,70 @@
+# Migration
+
+## Einleitung
+
+Neue Major-Versionen von KoliBri werden mit dem Ziel entwickelt, die Wartung und Pflege zu vereinfachen und Weiterentwicklung zu fördern.
+
+Dies bedeutet, dass ggf. Komponenten, Eigenschaften oder Funktionalitäten entfernt werden und technologische Voraussetzungen geschaffen werden, um einen zukünftigen innovativen Wandel zu begünstigt.
+
+- **Wartungs- und Pflegestrategie:**
+ Wir werden immer die neuste und die vorherige Major-Version von KoliBri pflegen. Dies bedeutet, dass wir für diese Versionen Fehler beheben und Sicherheitslücken schließen. Für alle anderen Versionen werden wir ohne Weiteres keine Fehlerbehebungen oder Sicherheitsupdates mehr bereitstellen.
+- **Weiterentwicklung:**
+ Wir werden immer die neuste Major-Version von KoliBri weiterentwickeln. Dies bedeutet, dass wir für diese Versionen neue Features und Funktionalitäten bereitstellen. Für alle anderen Versionen werden wir ohne Weiteres keine neuen Features oder Funktionalitäten mehr bereitstellen.
+- **Vor der Migration einen lauffähigen Stand sichern:**
+ Bevor die Migration erfolgt, empfehlen wir einen lauffähigen Stand einzuchecken und somit keine uncommiteten Änderungen auf dem zu migrierenden Quellcode zu haben. Während und nach der Migration können so alle Änderungen gut nachvollzogen und geprüft werden.
+- **Migrationstool:**
+ Wir stellen ein Migrationstool bereit, welches generell die Migration von Quellcode mit KoliBri unterstützt. Dieses Tool ist in der Lage, die meisten Breaking Changes automatisch zu migrieren. Weitere Informationen finden Sie in der [Tool-Dokumentation (EN)](https://www.npmjs.com/package/@public-ui/kolibri-cli).
+- **Hilfe und Feedback:**
+ Sollte es Probleme bei der Migration geben, stehen wir gerne zur Verfügung. Bitte eröffnen Sie ein [Issue auf GitHub](https://github.com/public-ui/kolibri/issues/new/choose).
+
+## Migration von Version 1 auf Version 2
+
+### Hinweise zum Upgrade auf Version 2
+
+1. **Neue Eigenschaften in Version 2 bereits ab Version 1.7 verfügbar:**
+ Die meisten neuen Eigenschaften, die in Version 2 eingeführt werden, sind bereits ab der Version 1.7 und höher verfügbar. Dies bedeutet, dass Anwendungen, die auf Version 1.7 oder höher basieren, möglicherweise bereits über die erforderlichen Funktionen verfügen, um eine reibungslose Migration zu ermöglichen.
+
+2. **Entfernte Eigenschaften, Komponenten und Funktionalitäten waren in Version 1.7 und höher bereits als veraltet markiert:**
+ Alle Eigenschaften, Komponenten und Funktionalitäten, die in Version 2 entfernt wurden, waren in Version 1.7 und höher bereits als veraltet (`deprecated`) gekennzeichnet. Wenn Sie also regelmäßig Ihre Codebasis aktualisiert haben, sollten Sie bereits darauf vorbereitet sein, diese Elemente zu ersetzen.
+
+3. **Migration ab Version 1.7 minimiert potenzielle Änderungen:**
+ Eine Migration von Version 1.7 und höher auf Version 2.0.0 wird voraussichtlich die geringsten Anpassungen erfordern. Die Wahrscheinlichkeit von Inkompatibilitäten ist niedrig, da die meisten Änderungen und Entfernungen bereits in den vorherigen Versionen als veraltet markiert wurden.
+
+4. **Migration ab Version 1.4 ist möglich:**
+ Obwohl eine Migration ab Version 1.7 empfohlen wird, ist es auch möglich, von Version 1.4 auf Version 2.0.0 zu migrieren. Beachten Sie jedoch, dass dies möglicherweise zusätzliche Anpassungen erfordert, da einige der notwendigen Funktionen möglicherweise erst ab Version 1.7 verfügbar sind.
+
+5. **Vereinfachte Registrierung beachten:**
+ Wir haben in Version 1 und für Version 2 die Modularisierung von KoliBri vereinfacht. Das Modul `@public-ui/core` wurde entfernt und die Funktionalitäten in das Modul `@public-ui/components` verschoben.
+
+```diff
+ - import { register } from '@public-ui/core';
+ + import { register } from '@public-ui/components';
+ import { defineCustomElements } from '@public-ui/components/dist/loader';
+ import { MyTheme } from '...';
+ await register(MyTheme, defineCustomElements);
+```
+
+### Breaking Changes für Version 2
+
+Mehr Informationen zu Breaking Changes finden Sie in der Dokumentation [BREAKING_CHANGES.v2.md (EN)](https://github.com/public-ui/kolibri/blob/develop/docs/BREAKING_CHANGES.v2.md).
+
+## Migration durchführen
+
+> [!TIP]
+> Wir empfehlen, die Migration mit dem Migrationstool durchzuführen. Dieses Tool ist in der Lage, die meisten Breaking Changes automatisch zu migrieren. Weitere Informationen finden Sie in der [Tool-Dokumentation (EN)](https://www.npmjs.com/package/@public-ui/kolibri-cli).
+
+### Migration mit Migrationstool
+
+1. **Vorbereitung:**
+ Das Projekt ist auf einer früheren Version, alle Abhängigkeiten sind installiert, das Projekt ist lauffähig und alle Änderungen sind eingecheckt und sicher gepusht.
+2. **Migration ausführen:**
+ Führen Sie den folgenden Befehl aus, um das Migration auszuführen: `npx @public-ui/kolibri-cli migrate src`
+3. **Migration prüfen:**
+ Prüfen Sie die Änderungen und führen Sie die Anwendung aus, um sicherzustellen, dass alles wie erwartet funktioniert.
+
+### Migration manuell durchführen
+
+1. **Vorbereitung:**
+ Das Projekt ist auf einer früheren Version, alle Abhängigkeiten sind installiert, das Projekt ist lauffähig und alle Änderungen sind eingecheckt und sicher gepusht.
+2. **Migration durchführen:**
+ Führen Sie die Migration durch, indem Sie die Breaking Changes in der jeweiligen Dokumentation.
diff --git a/MIGRATION.md b/MIGRATION.md
index 57ad68e392..4f38eb7632 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -1,287 +1,70 @@
-# Breaking Changes for version 2.0.0
+# Migration
-## Removed Components
+## Introduction
-The following components have been removed entirely:
+New major versions of KoliBri are developed with the aim of simplifying maintenance and support and promoting further development.
-- kol-icon-font-awesome
-- kol-icon-icofont
-- kol-input-adapter-leanup
-- kol-input-radio-group
+This means that components, features or functionalities may be removed and technological prerequisites created to promote future innovative change.
-## Data Structures
+- **Maintenance and care strategy:**
+ We will always maintain the latest and previous major version of KoliBri. This means that we will fix bugs and close security gaps for these versions. For all other versions, we will no longer provide bug fixes or security updates without further notice.
+- **Further development:**
+ We will always continue to develop the latest major version of KoliBri. This means that we will provide new features and functionalities for these versions. For all other versions, we will no longer provide any new features or functionalities without further ado.
+- **Save an executable version before migration:**
+ Before the migration takes place, we recommend checking in an executable version so that there are no uncommitted changes to the source code to be migrated. This means that all changes can be easily tracked and checked during and after the migration.
+- **Migrationstool:**
+ We provide a migration tool that generally supports the migration of source code with KoliBri. This tool is able to migrate most breaking changes automatically. Further information can be found in the [Tool-Dokumentation (EN)](https://www.npmjs.com/package/@public-ui/kolibri-cli).
+- **Help and feedback:**
+ If there are any problems with the migration, we are happy to help. Please open an [Issue on GitHub](https://github.com/public-ui/kolibri/issues/new/choose).
-1. `Link` objects now longer support the `_icon` property, only `_icon`. The object shape remains the same.
+## Migration from version 1 to version 2
-Affected components:
+### Notes on upgrading to version 2
-- kol-breadcrumb
-- kol-button-link-text-switch
-- kol-link-group
-- kol-nav
-- kol-skip-nav
+1. **New features in version 2 already available from version 1.7:**
+ Most of the new features introduced in version 2 are already available from version 1.7 and higher. This means that applications based on version 1.7 or higher may already have the necessary functions to enable a smooth migration.
-2. `ColorPair` objects no longer support the `color` property, only the more explicit `foregroundColor`.
+2. **Removed properties, components and functionalities were already marked as obsolete in version 1.7 and higher:**
+ All features, components and functionalities that were removed in version 2 were already marked as deprecated in version 1.7 and higher. So if you have regularly updated your code base, you should already be prepared to replace these elements.
-Affected components:
+3. **Migration from version 1.7 minimizes potential changes:**
+ A migration from version 1.7 and higher to version 2.0.0 will probably require the least adjustments. The likelihood of incompatibilities is low, as most changes and removals have already been marked as obsolete in previous versions.
-- kol-badge
-- kol-kolibri
+4. **Migration from version 1.4 is possible:**
+ Although a migration from version 1.7 is recommended, it is also possible to migrate from version 1.4 to version 2.0.0. Please note, however, that this may require additional adjustments, as some of the necessary functions may only be available from version 1.7.
-## Component Properties And Slots
+5. **Note simplified registration:**
+ We have simplified the modularization of KoliBri in version 1 and for version 2. The module `@public-ui/core` has been removed and the functionalities moved to the module `@public-ui/components`.
-kol-abbr:
+```diff
+ - import { register } from '@public-ui/core';
+ + import { register } from '@public-ui/components';
+ import { defineCustomElements } from '@public-ui/components/dist/loader';
+ import { MyTheme } from '...';
+ await register(MyTheme, defineCustomElements);
+```
-- prop `_label` now required
-- prop `_title` removed (use `_label` instead)
+### Breaking changes for version 2
-kol-accordion:
+You can find more information about Breaking Changes in the documentation [BREAKING_CHANGES.v2.md (EN)](https://github.com/public-ui/kolibri/blob/develop/docs/BREAKING_CHANGES.v2.md).
-- prop `_heading` removed (use `_label` instead)
-- prop `_label` now required
-- slot `content` removed (use `default` instead)
-- slot `header` removed
+## Perform migration
-kol-alert:
+> [!TIP]
+> We recommend carrying out the migration with the migration tool. This tool is able to migrate most breaking changes automatically. Further information can be found in the [Tool-Dokumentation (EN)](https://www.npmjs.com/package/@public-ui/kolibri-cli).
-- prop `_heading` removed (use `_label` instead)
+### Migration with migration tool
-kol-badge:
+1. **Preparation:**
+ The project is on an earlier version, all dependencies are installed, the project is executable and all changes are checked in and safely pushed.
+2. **Execute migration:**
+ Execute the following command to perform the migration: `npx @public-ui/kolibri-cli migrate src`
+3. **Check migration:**
+ Check the changes and run the application to make sure everything works as expected.
-- prop `_hideLabel` removed
-- prop `_icon` removed (use `_icons` instead)
-- prop `_iconOnly` removed
+### Perform migration manually
-kol-breadcrumb:
-
-- prop `_ariaLabel` removed (use `_label` instead)
-- prop `_label` now required
-
-kol-button:
-
-- prop `_accessKey` removed
-- prop `_ariaCurrent` removed
-- prop `_ariaLabel` removed (use `_label` instead)
-- prop `_icon` removed (use `_icons` instead)
-- prop `_iconAlign` removed (use `_icons` instead)
-- prop `_iconOnly` removed (use `_hideLabel` instead)
-
-kol-button-link:
-
-- prop `_accessKey` removed
-- prop `_ariaCurrent` removed
-- prop `_ariaLabel` removed (use `_label` instead)
-- prop `_icon` removed (use `_icons` instead)
-- prop `_iconOnly` removed (use `_hideLabel` instead)
-
-kol-card:
-
-- prop `_hasFooter` removed
-- prop `_heading` removed (use `_label` instead)
-- prop `_headline` removed (use `_label` instead)
-- prop `_label` now required
-- slot `content` removed (use `default` instead)
-- slot `footer` removed
-- slot `header` removed
-
-kol-details:
-
-- prop `_label` now required
-- prop `_summary` removed (use `_label` instead)
-
-kol-icon:
-
-- prop `_ariaLabel` removed (use `_label` instead)
-- prop `_icon` removed (use `_icons` instead)
-- prop `_icons` now required
-- prop `_label` now required
-- prop `_part` removed
-
-kol-input:
-
-- prop `_icon` removed (use `_icons` instead)
-
-kol-input-checkbox:
-
-- prop `_icon` removed (use `_icons` instead)
-- prop `_type` removed (use `_variant` instead)
-- prop `_variant` option: `'checkbox'` removed, `'default'` is the default value
-- slot `default` renamed to `expert`
-
-kol-input-color:
-
-- prop `_icon` removed (use `_icons` instead)
-- prop `_list` removed (use `_suggestions` instead)
-- slot `default` renamed to `expert`
-
-kol-input-date:
-
-- prop `_icon` removed (use `_icons` instead)
-- prop `_list` removed (use `_suggestions` instead)
-- slot `default` renamed to `expert`
-
-kol-input-email:
-
-- prop `_icon` removed (use `_icons` instead)
-- prop `_list` removed (use `_suggestions` instead)
-- prop `_size` removed
-- slot `default` renamed to `expert`
-
-kol-input-file:
-
-- prop `_icon` removed (use `_icons` instead)
-- slot `default` renamed to `expert`
-
-kol-input-number:
-
-- prop `_icon` removed (use `_icons` instead)
-- prop `_list` removed (use `_suggestions` instead)
-- prop `_type` removed (defaults to `'number'` now)
-- slot `default` renamed to `expert`
-
-kol-input-password:
-
-- prop `_icon` removed (use `_icons` instead)
-- prop `_size` removed
-- slot `default` renamed to `expert`
-
-kol-input-radio:
-
-- prop `_list` removed (use `_options` instead)
-- slot `default` renamed to `expert`
-
-kol-input-range:
-
-- prop `_icon` removed (use `_icons` instead)
-- prop `_list` removed (use `_suggestions` instead)
-- slot `default` renamed to `expert`
-
-kol-input-text:
-
-- prop `_icon` removed (use `_icons` instead)
-- prop `_list` removed (use `_suggestions` instead)
-- prop `_size` removed
-- slot `default` renamed to `expert`
-
-kol-link:
-
-- prop `_ariaControls` removed
-- prop `_ariaCurrent` removed (Use ariaCurrentService instead)
-- prop `_ariaExpanded` removed
-- prop `_ariaLabel` removed
-- prop `_ariaSelected` removed
-- prop `_disabled` removed
-- prop `_icon` removed (use `_icons` instead)
-- prop `_iconAlign` removed (use `_icons` instead)
-- prop `_iconOnly` removed (use `_hideLabel` instead)
-- prop `_selector` removed
-- prop `_stealth` removed
-- prop `_useCase` removed
-- slot `default` removed (use `expert` instead)
-
-kol-link-button:
-
-- prop `_ariaControls` removed
-- prop `_ariaCurrent` removed (use `_listenAriaCurrent` instead)
-- prop `_ariaExpanded` removed
-- prop `_ariaLabel` removed
-- prop `_ariaSelected` removed
-- prop `_disabled` removed
-- prop `_icon` renamed to `_icons`
-- prop `_iconOnly` removed
-
-kol-link-group:
-
-- prop `_ariaLabel` removed (use `_label` instead)
-- prop `_heading` removed
-- prop `_label` now required
-- prop `_level` removed
-- prop `_ordered` removed
-
-kol-logo:
-
-- prop `_abbr` removed (use `_org` instead)
-
-kol-modal:
-
-- prop `_ariaLabel` removed (use `_label` instead)
-- prop `_label` now required
-
-kol-nav:
-
-- prop `_ariaCurrentValue` removed
-- prop `_ariaLabel` removed (use `_label` instead)
-- prop `_compact` removed (use `_hideLabel` instead)
-- prop `_hasCompactButton` removed
-- prop `_label` now required
-- prop `_variant` removed
-
-kol-pagination:
-
-- prop `_max` now required
-- prop `_total` removed (use `_max` instead)
-
-kol-progress:
-
-- prop `_type` removed (use `_variant` instead)
-
-kol-quote:
-
-- prop `_caption` removed (use `_label` instead)
-
-kol-select:
-
-- prop `_height` removed (use `_rows` instead)
-- prop `_icon` removed (use `_icons` instead)
-- prop `_list` removed (use `_options` instead)
-- prop `_size` removed (use `_rows` instead)
-- slot `default` renamed to `expert`
-
-kol-skip-nav:
-
-- prop `_ariaLabel` removed (use `_label` instead)
-- prop `_label` now required
-
-kol-span:
-
-- prop `_icon` removed (use `_icons` instead)
-- prop `_iconOnly` removed (use `_hideLabel` instead)
-
-kol-split-button:
-
-- prop `_accessKey` removed
-- prop `_ariaLabel` removed (use `_label` instead)
-- prop `_icon` removed (use `_icons` instead)
-- prop `_show` removed
-- prop `_showDropdown` removed
-
-kol-symbol:
-
-- prop `_ariaLabel` removed (use `_label` instead)
-- prop `_label` now required
-
-kol-table:
-
-- prop `_caption` removed (use `_label` instead)
-- prop `_label` now required
-
-kol-tabs:
-
-- prop `_ariaLabel` removed (use `_label` instead)
-- prop `_icon` removed (use `_icons` instead)
-- prop `_iconOnly` removed (use `_hideLabel` instead)
-- prop `_label` now required
-- prop `_tabsAlign` removed (use `_align` instead)
-
-kol-textarea:
-
-- slot `default` renamed to `expert`
-
-version:
-
-- prop `_label` now required
-- prop `_version` removed (use `_label` instead)
-
-kol-heading:
-
-- slot `default` renamed to `expert`
+1. **Preparation:**
+ The project is on an earlier version, all dependencies are installed, the project is executable and all changes are checked in and safely pushed.
+2. **Perform migration:**
+ Carry out the migration by making the breaking changes in the respective documentation.
diff --git a/docs/BREAKING_CHANGES.v2.md b/docs/BREAKING_CHANGES.v2.md
new file mode 100644
index 0000000000..83239e6bce
--- /dev/null
+++ b/docs/BREAKING_CHANGES.v2.md
@@ -0,0 +1,319 @@
+# Breaking Changes for version 2
+
+## Introduction
+
+New major versions of KoliBri are developed with the goal of simplifying maintenance and support and promoting further development.
+
+For more information, see the [KoliBri Maintenance and Support Strategy](https://github.com/public-ui/kolibri/blob/develop/MIGRATION.md).
+
+## Removed Modules
+
+We have simplified the modularization of KoliBri in version 1 and for version 2. The module `@public-ui/core` has been removed and the functionalities moved to the module `@public-ui/components`.
+
+```diff
+ - import { register } from '@public-ui/core';
+ + import { register } from '@public-ui/components';
+ import { defineCustomElements } from '@public-ui/components/dist/loader';
+ import { MyTheme } from '...';
+ await register(MyTheme, defineCustomElements);
+```
+
+## Removed Components
+
+The following components have been removed entirely:
+
+- kol-icon-font-awesome
+- kol-icon-icofont
+- kol-input-adapter-leanup
+- kol-input-radio-group
+
+## Removed Slots
+
+The following slots have been removed entirely:
+
+- `header`-Slot
+- `content`-Slot
+- `footer`-Slot
+
+We only support the `default`-Slot or the `expert`-Slot in the future. This decision was made to simplify the API and to reduce the complexity of the components.
+
+For example, the `kol-card` component now only supports the `default`-Slot. The `header`-Slot and `footer`-Slot have been removed. The `content`-Slot has been renamed to `default`. If you want to use the `footer`-Slot, you can use the `kol-card` component and add your footer section in the `default`-Slot.
+
+## Data Structures
+
+1. `Link` objects now longer support the `_icon` property, only `_icons`. The object shape remains the same.
+
+Affected components:
+
+- kol-breadcrumb
+- kol-button-link-text-switch
+- kol-link-group
+- kol-nav
+- kol-skip-nav
+
+2. `ColorPair` objects no longer support the `color` property, only the more explicit `foregroundColor`.
+
+Affected components:
+
+- kol-badge
+- kol-kolibri
+
+## Component Properties And Slots
+
+kol-abbr:
+
+- prop `_label` now required
+- prop `_title` removed (use `_label` instead)
+
+kol-accordion:
+
+- prop `_heading` removed (use `_label` instead)
+- prop `_label` now required
+- slot `content` removed (use `default` instead)
+- slot `header` removed
+
+kol-alert:
+
+- prop `_heading` removed (use `_label` instead)
+
+kol-badge:
+
+- prop `_hideLabel` removed
+- prop `_icon` removed (use `_icons` instead)
+- prop `_iconOnly` removed
+
+kol-breadcrumb:
+
+- prop `_ariaLabel` removed (use `_label` instead)
+- prop `_label` now required
+
+kol-button:
+
+- prop `_accessKey` removed
+- prop `_ariaCurrent` removed
+- prop `_ariaLabel` removed (use `_label` instead)
+- prop `_icon` removed (use `_icons` instead)
+- prop `_iconAlign` removed (use `_icons` instead)
+- prop `_iconOnly` removed (use `_hideLabel` instead)
+
+kol-button-link:
+
+- prop `_accessKey` removed
+- prop `_ariaCurrent` removed
+- prop `_ariaLabel` removed (use `_label` instead)
+- prop `_icon` removed (use `_icons` instead)
+- prop `_iconOnly` removed (use `_hideLabel` instead)
+
+kol-card:
+
+- prop `_hasFooter` removed
+- prop `_heading` removed (use `_label` instead)
+- prop `_headline` removed (use `_label` instead)
+- prop `_label` now required
+- slot `content` removed (use `default` instead)
+- slot `footer` removed
+- slot `header` removed
+
+kol-details:
+
+- prop `_label` now required
+- prop `_summary` removed (use `_label` instead)
+
+kol-icon:
+
+- prop `_ariaLabel` removed (use `_label` instead)
+- prop `_icon` removed (use `_icons` instead)
+- prop `_icons` now required
+- prop `_label` now required
+- prop `_part` removed
+
+kol-input:
+
+- prop `_icon` removed (use `_icons` instead)
+
+kol-input-checkbox:
+
+- prop `_icon` removed (use `_icons` instead)
+- prop `_type` removed (use `_variant` instead)
+- prop `_variant` option: `'checkbox'` removed, `'default'` is the default value
+- slot `default` renamed to `expert`
+
+kol-input-color:
+
+- prop `_icon` removed (use `_icons` instead)
+- prop `_list` removed (use `_suggestions` instead)
+- slot `default` renamed to `expert`
+
+kol-input-date:
+
+- prop `_icon` removed (use `_icons` instead)
+- prop `_list` removed (use `_suggestions` instead)
+- slot `default` renamed to `expert`
+
+kol-input-email:
+
+- prop `_icon` removed (use `_icons` instead)
+- prop `_list` removed (use `_suggestions` instead)
+- prop `_size` removed
+- slot `default` renamed to `expert`
+
+kol-input-file:
+
+- prop `_icon` removed (use `_icons` instead)
+- slot `default` renamed to `expert`
+
+kol-input-number:
+
+- prop `_icon` removed (use `_icons` instead)
+- prop `_list` removed (use `_suggestions` instead)
+- prop `_type` removed (defaults to `'number'` now)
+- slot `default` renamed to `expert`
+
+kol-input-password:
+
+- prop `_icon` removed (use `_icons` instead)
+- prop `_size` removed
+- slot `default` renamed to `expert`
+
+kol-input-radio:
+
+- prop `_list` removed (use `_options` instead)
+- slot `default` renamed to `expert`
+
+kol-input-range:
+
+- prop `_icon` removed (use `_icons` instead)
+- prop `_list` removed (use `_suggestions` instead)
+- slot `default` renamed to `expert`
+
+kol-input-text:
+
+- prop `_icon` removed (use `_icons` instead)
+- prop `_list` removed (use `_suggestions` instead)
+- prop `_size` removed
+- slot `default` renamed to `expert`
+
+kol-link:
+
+- prop `_ariaControls` removed
+- prop `_ariaCurrent` removed (Use ariaCurrentService instead)
+- prop `_ariaExpanded` removed
+- prop `_ariaLabel` removed
+- prop `_ariaSelected` removed
+- prop `_disabled` removed
+- prop `_icon` removed (use `_icons` instead)
+- prop `_iconAlign` removed (use `_icons` instead)
+- prop `_iconOnly` removed (use `_hideLabel` instead)
+- prop `_selector` removed
+- prop `_stealth` removed
+- prop `_useCase` removed
+- slot `default` removed (use `expert` instead)
+
+kol-link-button:
+
+- prop `_ariaControls` removed
+- prop `_ariaCurrent` removed (use `_listenAriaCurrent` instead)
+- prop `_ariaExpanded` removed
+- prop `_ariaLabel` removed
+- prop `_ariaSelected` removed
+- prop `_disabled` removed
+- prop `_icon` renamed to `_icons`
+- prop `_iconOnly` removed
+
+kol-link-group:
+
+- prop `_ariaLabel` removed (use `_label` instead)
+- prop `_heading` removed
+- prop `_label` now required
+- prop `_level` removed
+- prop `_ordered` removed
+
+kol-logo:
+
+- prop `_abbr` removed (use `_org` instead)
+
+kol-modal:
+
+- prop `_ariaLabel` removed (use `_label` instead)
+- prop `_label` now required
+
+kol-nav:
+
+- prop `_ariaCurrentValue` removed
+- prop `_ariaLabel` removed (use `_label` instead)
+- prop `_compact` removed (use `_hideLabel` instead)
+- prop `_hasCompactButton` removed
+- prop `_label` now required
+- prop `_variant` removed
+
+kol-pagination:
+
+- prop `_max` now required
+- prop `_total` removed (use `_max` instead)
+
+kol-progress:
+
+- prop `_type` removed (use `_variant` instead)
+
+kol-quote:
+
+- prop `_caption` removed (use `_label` instead)
+
+kol-select:
+
+- prop `_height` removed (use `_rows` instead)
+- prop `_icon` removed (use `_icons` instead)
+- prop `_list` removed (use `_options` instead)
+- prop `_size` removed (use `_rows` instead)
+- slot `default` renamed to `expert`
+
+kol-skip-nav:
+
+- prop `_ariaLabel` removed (use `_label` instead)
+- prop `_label` now required
+
+kol-span:
+
+- prop `_icon` removed (use `_icons` instead)
+- prop `_iconOnly` removed (use `_hideLabel` instead)
+
+kol-split-button:
+
+- prop `_accessKey` removed
+- prop `_ariaLabel` removed (use `_label` instead)
+- prop `_icon` removed (use `_icons` instead)
+- prop `_show` removed
+- prop `_showDropdown` removed
+
+kol-symbol:
+
+- prop `_ariaLabel` removed (use `_label` instead)
+- prop `_label` now required
+
+kol-table:
+
+- prop `_caption` removed (use `_label` instead)
+- prop `_label` now required
+
+kol-tabs:
+
+- prop `_ariaLabel` removed (use `_label` instead)
+- prop `_icon` removed (use `_icons` instead)
+- prop `_iconOnly` removed (use `_hideLabel` instead)
+- prop `_label` now required
+- prop `_tabsAlign` removed (use `_align` instead)
+
+kol-textarea:
+
+- slot `default` renamed to `expert`
+
+version:
+
+- prop `_label` now required
+- prop `_version` removed (use `_label` instead)
+
+kol-heading:
+
+- slot `default` renamed to `expert`
+
+
diff --git a/docs/tutorials/new-component/styles.ts b/docs/tutorials/new-component/styles.ts
index 6c3fd1d7a0..cf9a67ccf8 100644
--- a/docs/tutorials/new-component/styles.ts
+++ b/docs/tutorials/new-component/styles.ts
@@ -1,6 +1,6 @@
/* Hier kommen alle Typen rein, die von der Komponente verwendet werden; 'States' und 'Props' werden in der Komponente mindestens benötigt. */
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Events } from '../../enums/events';
import { EventValueOrEventCallback } from '../../types/callbacks';
import { HeadingLevel } from '../../types/heading-level';
diff --git a/lerna.json b/lerna.json
index aad29b0c44..959e7c51d7 100644
--- a/lerna.json
+++ b/lerna.json
@@ -30,5 +30,5 @@
"packages/tools/visual-tests"
],
"useNx": true,
- "version": "2.0.0-rc.12"
+ "version": "2.0.0"
}
diff --git a/netlify.toml b/netlify.toml
new file mode 100644
index 0000000000..139b429018
--- /dev/null
+++ b/netlify.toml
@@ -0,0 +1,3 @@
+[build]
+ command = "pnpm -r build"
+ publish = "packages/samples/react/dist"
diff --git a/package.json b/package.json
index 644c1bb242..c5131cf32b 100644
--- a/package.json
+++ b/package.json
@@ -39,11 +39,11 @@
"lint-staged": "15.2.0",
"npm-check-updates": "16.14.11",
"npm-run-all": "4.1.5",
- "pnpm": "8.11.0",
- "prettier": "3.1.0",
+ "pnpm": "8.12.0",
+ "prettier": "3.1.1",
"rimraf": "3.0.2",
- "ts-node": "10.9.1",
+ "ts-node": "10.9.2",
"ts-prune": "0.10.3",
- "typescript": "5.3.2"
+ "typescript": "5.3.3"
}
}
diff --git a/packages/adapters/angular/v11/package.json b/packages/adapters/angular/v11/package.json
index 1aa6cdd380..842d7a18ae 100644
--- a/packages/adapters/angular/v11/package.json
+++ b/packages/adapters/angular/v11/package.json
@@ -1,6 +1,6 @@
{
"name": "@public-ui/angular-v11",
- "version": "2.0.0-rc.12",
+ "version": "2.0.0",
"license": "EUPL-1.2",
"homepage": "https://public-ui.github.io",
"repository": "https://github.com/public-ui/kolibri",
@@ -66,12 +66,12 @@
"@angular/compiler": "11.2.14",
"@angular/compiler-cli": "11.2.14",
"@angular/core": "11.2.14",
- "@public-ui/components": "2.0.0-rc.12",
+ "@public-ui/components": "2.0.0",
"@types/minimatch": "5.1.2",
"@types/minimist": "1.2.5",
"@types/node": "ts4.1",
"@types/normalize-package-data": "2.4.4",
- "prettier": "3.1.0",
+ "prettier": "3.1.1",
"rimraf": "3.0.2",
"rxjs": "6.5.5",
"tslib": "2.6.2",
@@ -80,7 +80,7 @@
},
"peerDependencies": {
"@angular/core": "^11",
- "@public-ui/components": "2.0.0-rc.12"
+ "@public-ui/components": "2.0.0"
},
"files": [
"dist"
diff --git a/packages/adapters/angular/v12/package.json b/packages/adapters/angular/v12/package.json
index 290a9f4c86..d2bad45058 100644
--- a/packages/adapters/angular/v12/package.json
+++ b/packages/adapters/angular/v12/package.json
@@ -1,6 +1,6 @@
{
"name": "@public-ui/angular-v12",
- "version": "2.0.0-rc.12",
+ "version": "2.0.0",
"license": "EUPL-1.2",
"homepage": "https://public-ui.github.io",
"repository": "https://github.com/public-ui/kolibri",
@@ -66,12 +66,12 @@
"@angular/compiler": "12.2.17",
"@angular/compiler-cli": "12.2.17",
"@angular/core": "12.2.17",
- "@public-ui/components": "2.0.0-rc.12",
+ "@public-ui/components": "2.0.0",
"@types/minimatch": "5.1.2",
"@types/minimist": "1.2.5",
"@types/node": "ts4.3",
"@types/normalize-package-data": "2.4.4",
- "prettier": "3.1.0",
+ "prettier": "3.1.1",
"rimraf": "3.0.2",
"rxjs": "7.6.0",
"tslib": "2.6.2",
@@ -80,7 +80,7 @@
},
"peerDependencies": {
"@angular/core": "^12",
- "@public-ui/components": "2.0.0-rc.12"
+ "@public-ui/components": "2.0.0"
},
"files": [
"dist"
diff --git a/packages/adapters/angular/v13/package.json b/packages/adapters/angular/v13/package.json
index 0daa3e4eb7..596b04a6e2 100644
--- a/packages/adapters/angular/v13/package.json
+++ b/packages/adapters/angular/v13/package.json
@@ -1,6 +1,6 @@
{
"name": "@public-ui/angular-v13",
- "version": "2.0.0-rc.12",
+ "version": "2.0.0",
"license": "EUPL-1.2",
"homepage": "https://public-ui.github.io",
"repository": "https://github.com/public-ui/kolibri",
@@ -66,12 +66,12 @@
"@angular/compiler": "13.4.0",
"@angular/compiler-cli": "13.4.0",
"@angular/core": "13.4.0",
- "@public-ui/components": "2.0.0-rc.12",
+ "@public-ui/components": "2.0.0",
"@types/minimatch": "5.1.2",
"@types/minimist": "1.2.5",
"@types/node": "ts4.6",
"@types/normalize-package-data": "2.4.4",
- "prettier": "3.1.0",
+ "prettier": "3.1.1",
"rimraf": "3.0.2",
"rxjs": "7.6.0",
"tslib": "2.6.2",
@@ -80,7 +80,7 @@
},
"peerDependencies": {
"@angular/core": "^13",
- "@public-ui/components": "2.0.0-rc.12"
+ "@public-ui/components": "2.0.0"
},
"files": [
"dist"
diff --git a/packages/adapters/angular/v14/package.json b/packages/adapters/angular/v14/package.json
index d44b4643bc..5c6082dd92 100644
--- a/packages/adapters/angular/v14/package.json
+++ b/packages/adapters/angular/v14/package.json
@@ -1,6 +1,6 @@
{
"name": "@public-ui/angular-v14",
- "version": "2.0.0-rc.12",
+ "version": "2.0.0",
"license": "EUPL-1.2",
"homepage": "https://public-ui.github.io",
"repository": "https://github.com/public-ui/kolibri",
@@ -66,12 +66,12 @@
"@angular/compiler": "14.3.0",
"@angular/compiler-cli": "14.3.0",
"@angular/core": "14.3.0",
- "@public-ui/components": "2.0.0-rc.12",
+ "@public-ui/components": "2.0.0",
"@types/minimatch": "5.1.2",
"@types/minimist": "1.2.5",
"@types/node": "ts4.8",
"@types/normalize-package-data": "2.4.4",
- "prettier": "3.1.0",
+ "prettier": "3.1.1",
"rimraf": "3.0.2",
"rxjs": "7.6.0",
"tslib": "2.6.2",
@@ -80,7 +80,7 @@
},
"peerDependencies": {
"@angular/core": "^14",
- "@public-ui/components": "2.0.0-rc.12"
+ "@public-ui/components": "2.0.0"
},
"files": [
"dist"
diff --git a/packages/adapters/angular/v15/package.json b/packages/adapters/angular/v15/package.json
index 85973a3449..aedc9c24bc 100644
--- a/packages/adapters/angular/v15/package.json
+++ b/packages/adapters/angular/v15/package.json
@@ -1,6 +1,6 @@
{
"name": "@public-ui/angular-v15",
- "version": "2.0.0-rc.12",
+ "version": "2.0.0",
"license": "EUPL-1.2",
"homepage": "https://public-ui.github.io",
"repository": "https://github.com/public-ui/kolibri",
@@ -66,12 +66,12 @@
"@angular/compiler": "15.2.10",
"@angular/compiler-cli": "15.2.10",
"@angular/core": "15.2.10",
- "@public-ui/components": "2.0.0-rc.12",
+ "@public-ui/components": "2.0.0",
"@types/minimatch": "5.1.2",
"@types/minimist": "1.2.5",
"@types/node": "ts4.9",
"@types/normalize-package-data": "2.4.4",
- "prettier": "3.1.0",
+ "prettier": "3.1.1",
"rimraf": "3.0.2",
"rxjs": "7.8.1",
"tslib": "2.6.2",
@@ -80,7 +80,7 @@
},
"peerDependencies": {
"@angular/core": "^15",
- "@public-ui/components": "2.0.0-rc.12"
+ "@public-ui/components": "2.0.0"
},
"files": [
"dist"
diff --git a/packages/adapters/angular/v16/package.json b/packages/adapters/angular/v16/package.json
index 02c60aa0ae..b3042c212e 100644
--- a/packages/adapters/angular/v16/package.json
+++ b/packages/adapters/angular/v16/package.json
@@ -1,6 +1,6 @@
{
"name": "@public-ui/angular-v16",
- "version": "2.0.0-rc.12",
+ "version": "2.0.0",
"license": "EUPL-1.2",
"homepage": "https://public-ui.github.io",
"repository": "https://github.com/public-ui/kolibri",
@@ -66,12 +66,12 @@
"@angular/compiler": "16.2.12",
"@angular/compiler-cli": "16.2.12",
"@angular/core": "16.2.12",
- "@public-ui/components": "2.0.0-rc.12",
+ "@public-ui/components": "2.0.0",
"@types/minimatch": "5.1.2",
"@types/minimist": "1.2.5",
"@types/node": "ts5.1",
"@types/normalize-package-data": "2.4.4",
- "prettier": "3.1.0",
+ "prettier": "3.1.1",
"rimraf": "3.0.2",
"rxjs": "7.8.1",
"tslib": "2.6.2",
@@ -80,7 +80,7 @@
},
"peerDependencies": {
"@angular/core": "^16",
- "@public-ui/components": "2.0.0-rc.12"
+ "@public-ui/components": "2.0.0"
},
"files": [
"dist"
diff --git a/packages/adapters/angular/v17/package.json b/packages/adapters/angular/v17/package.json
index 07dd7bddc3..08cfba1783 100644
--- a/packages/adapters/angular/v17/package.json
+++ b/packages/adapters/angular/v17/package.json
@@ -1,6 +1,6 @@
{
"name": "@public-ui/angular-v17",
- "version": "2.0.0-rc.12",
+ "version": "2.0.0",
"license": "EUPL-1.2",
"homepage": "https://public-ui.github.io",
"repository": "https://github.com/public-ui/kolibri",
@@ -63,15 +63,15 @@
"import": "./dist/index.js"
},
"devDependencies": {
- "@angular/compiler": "17.0.5",
- "@angular/compiler-cli": "17.0.5",
- "@angular/core": "17.0.5",
- "@public-ui/components": "2.0.0-rc.12",
+ "@angular/compiler": "17.0.6",
+ "@angular/compiler-cli": "17.0.6",
+ "@angular/core": "17.0.6",
+ "@public-ui/components": "2.0.0",
"@types/minimatch": "5.1.2",
"@types/minimist": "1.2.5",
"@types/node": "ts5.2",
"@types/normalize-package-data": "2.4.4",
- "prettier": "3.1.0",
+ "prettier": "3.1.1",
"rimraf": "3.0.2",
"rxjs": "7.8.1",
"tslib": "2.6.2",
@@ -80,7 +80,7 @@
},
"peerDependencies": {
"@angular/core": "^17",
- "@public-ui/components": "2.0.0-rc.12"
+ "@public-ui/components": "2.0.0"
},
"files": [
"dist"
diff --git a/packages/adapters/hydrate/package.json b/packages/adapters/hydrate/package.json
index f14bf90e15..f972d5384c 100644
--- a/packages/adapters/hydrate/package.json
+++ b/packages/adapters/hydrate/package.json
@@ -1,6 +1,6 @@
{
"name": "@public-ui/hydrate",
- "version": "2.0.0-rc.12",
+ "version": "2.0.0",
"license": "EUPL-1.2",
"homepage": "https://public-ui.github.io",
"repository": "https://github.com/public-ui/kolibri",
@@ -46,11 +46,11 @@
"prepack": "npm run build"
},
"devDependencies": {
- "@public-ui/components": "2.0.0-rc.12",
+ "@public-ui/components": "2.0.0",
"rimraf": "3.0.2"
},
"peerDependencies": {
- "@public-ui/components": "2.0.0-rc.12"
+ "@public-ui/components": "2.0.0"
},
"sideEffects": false,
"type": "commonjs",
diff --git a/packages/adapters/preact/package.json b/packages/adapters/preact/package.json
index cff39ff4b0..afa6b43894 100644
--- a/packages/adapters/preact/package.json
+++ b/packages/adapters/preact/package.json
@@ -1,6 +1,6 @@
{
"name": "@public-ui/preact",
- "version": "2.0.0-rc.12",
+ "version": "2.0.0",
"license": "EUPL-1.2",
"homepage": "https://public-ui.github.io",
"repository": "https://github.com/public-ui/kolibri",
@@ -46,13 +46,13 @@
"prepack": "unbuild"
},
"dependencies": {
- "@public-ui/react": "2.0.0-rc.12"
+ "@public-ui/react": "2.0.0"
},
"devDependencies": {
- "@public-ui/components": "2.0.0-rc.12",
+ "@public-ui/components": "2.0.0",
"react": "18.2.0",
"react-dom": "18.2.0",
- "typescript": "5.3.2",
+ "typescript": "5.3.3",
"unbuild": "1.2.1"
},
"peerDependencies": {
diff --git a/packages/adapters/react-standalone/README.md b/packages/adapters/react-standalone/README.md
index 46e1144418..eadb1a89d8 100644
--- a/packages/adapters/react-standalone/README.md
+++ b/packages/adapters/react-standalone/README.md
@@ -14,8 +14,8 @@ Load the necessary scripts in your HTML file, either from a CDN or from your loc
-
-
+
+
```
## Usage
@@ -23,7 +23,7 @@ Load the necessary scripts in your HTML file, either from a CDN or from your loc
First, initialize KoliBri with a [theme](https://github.com/public-ui/kolibri/tree/develop/packages/themes):
```ts
-import { register } from 'https://unpkg.com/@public-ui/components@2.0.0-rc.12/dist/esm/index.js';
+import { register } from 'https://unpkg.com/@public-ui/components@2.0.0/dist/esm/index.js';
import { DEFAULT } from 'https://unpkg.com/@public-ui/themes/dist/index.mjs';
register(DEFAULT, []).catch(console.warn);
```
diff --git a/packages/adapters/react-standalone/kolibri-rock's.html b/packages/adapters/react-standalone/kolibri-rock's.html
index 785c62adaa..187faa4a15 100644
--- a/packages/adapters/react-standalone/kolibri-rock's.html
+++ b/packages/adapters/react-standalone/kolibri-rock's.html
@@ -10,8 +10,8 @@
-
-
+
+
@@ -23,7 +23,7 @@
diff --git a/packages/adapters/react-standalone/package.json b/packages/adapters/react-standalone/package.json
index c2ff5b92d0..e4560ced0b 100644
--- a/packages/adapters/react-standalone/package.json
+++ b/packages/adapters/react-standalone/package.json
@@ -1,6 +1,6 @@
{
"name": "@public-ui/react-standalone",
- "version": "2.0.0-rc.12",
+ "version": "2.0.0",
"license": "EUPL-1.2",
"homepage": "https://public-ui.github.io",
"repository": "https://github.com/public-ui/kolibri",
@@ -47,12 +47,12 @@
"prepack": "pnpm build"
},
"devDependencies": {
- "@public-ui/react": "2.0.0-rc.12",
+ "@public-ui/react": "2.0.0",
"cpy-cli": "5.0.0",
"rimraf": "3.0.2"
},
"peerDependencies": {
- "@public-ui/components": "2.0.0-rc.12",
+ "@public-ui/components": "2.0.0",
"react": ">=16.14.0",
"react-dom": ">=16.14.0"
},
diff --git a/packages/adapters/react/package.json b/packages/adapters/react/package.json
index 3e337ae343..73008411b5 100644
--- a/packages/adapters/react/package.json
+++ b/packages/adapters/react/package.json
@@ -1,6 +1,6 @@
{
"name": "@public-ui/react",
- "version": "2.0.0-rc.12",
+ "version": "2.0.0",
"license": "EUPL-1.2",
"homepage": "https://public-ui.github.io",
"repository": "https://github.com/public-ui/kolibri",
@@ -46,20 +46,20 @@
"prepack": "unbuild"
},
"devDependencies": {
- "@public-ui/components": "2.0.0-rc.12",
+ "@public-ui/components": "2.0.0",
"@types/minimatch": "5.1.2",
"@types/minimist": "1.2.5",
"@types/node": "ts5.3",
"@types/normalize-package-data": "2.4.4",
- "@types/react": "18.2.41",
+ "@types/react": "18.2.43",
"@types/react-dom": "18.2.17",
"react": "18.2.0",
"react-dom": "18.2.0",
- "typescript": "5.3.2",
+ "typescript": "5.3.3",
"unbuild": "1.2.1"
},
"peerDependencies": {
- "@public-ui/components": "2.0.0-rc.12",
+ "@public-ui/components": "2.0.0",
"react": ">=16.14.0",
"react-dom": ">=16.14.0"
},
diff --git a/packages/adapters/solid/package.json b/packages/adapters/solid/package.json
index bf1b71077a..ce8e26b776 100644
--- a/packages/adapters/solid/package.json
+++ b/packages/adapters/solid/package.json
@@ -1,6 +1,6 @@
{
"name": "@public-ui/solid",
- "version": "2.0.0-rc.12",
+ "version": "2.0.0",
"license": "EUPL-1.2",
"homepage": "https://public-ui.github.io",
"repository": "https://github.com/public-ui/kolibri",
@@ -46,17 +46,17 @@
"prepack": "unbuild"
},
"devDependencies": {
- "@public-ui/components": "2.0.0-rc.12",
+ "@public-ui/components": "2.0.0",
"@types/minimatch": "5.1.2",
"@types/minimist": "1.2.5",
"@types/node": "ts5.3",
"@types/normalize-package-data": "2.4.4",
"solid-js": "1.8.7",
- "typescript": "5.3.2",
+ "typescript": "5.3.3",
"unbuild": "1.2.1"
},
"peerDependencies": {
- "@public-ui/components": "2.0.0-rc.12",
+ "@public-ui/components": "2.0.0",
"solid-js": ">=1.2.0"
},
"sideEffects": false,
diff --git a/packages/adapters/vue/package.json b/packages/adapters/vue/package.json
index 914985b6f8..7dac21137e 100644
--- a/packages/adapters/vue/package.json
+++ b/packages/adapters/vue/package.json
@@ -1,6 +1,6 @@
{
"name": "@public-ui/vue",
- "version": "2.0.0-rc.12",
+ "version": "2.0.0",
"license": "EUPL-1.2",
"homepage": "https://public-ui.github.io",
"repository": "https://github.com/public-ui/kolibri",
@@ -46,18 +46,18 @@
"prepack": "unbuild"
},
"devDependencies": {
- "@babel/types": "7.23.5",
- "@public-ui/components": "2.0.0-rc.12",
+ "@babel/types": "7.23.6",
+ "@public-ui/components": "2.0.0",
"@types/minimatch": "5.1.2",
"@types/minimist": "1.2.5",
"@types/node": "ts5.3",
"@types/normalize-package-data": "2.4.4",
- "typescript": "5.3.2",
+ "typescript": "5.3.3",
"unbuild": "1.2.1",
- "vue": "3.3.9"
+ "vue": "3.3.11"
},
"peerDependencies": {
- "@public-ui/components": "2.0.0-rc.12",
+ "@public-ui/components": "2.0.0",
"vue": ">=3"
},
"sideEffects": false,
diff --git a/packages/components/package.json b/packages/components/package.json
index 74a25c9b36..4220cf4662 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
{
"name": "@public-ui/components",
- "version": "2.0.0-rc.12",
+ "version": "2.0.0",
"license": "EUPL-1.2",
"homepage": "https://public-ui.github.io",
"repository": "https://github.com/public-ui/kolibri",
@@ -67,15 +67,15 @@
"prepack": "npm run build && cp package.json package.bak.json && rimraf dist/collection dist/kolibri/assets/@leanup dist/types/assets/@leanup && node scripts/anonymous.js && node scripts/minify.js"
},
"dependencies": {
- "@a11y-ui/core": "1.1.0",
+ "adopted-style-sheets": "1.1.2",
"@floating-ui/dom": "1.5.3",
- "@public-ui/schema": "2.0.0-rc.12",
- "i18next": "23.7.7",
+ "@public-ui/schema": "2.0.0",
+ "i18next": "23.7.8",
"markdown-it": "13.0.2"
},
"devDependencies": {
"@stencil/angular-output-target": "0.8.3",
- "@stencil/core": "4.8.0",
+ "@stencil/core": "4.8.2",
"@stencil/postcss": "2.1.0",
"@stencil/react-output-target": "0.5.3",
"@stencil/solid-output-target": "file:node_martin/stencil-solid-output-target-0.0.1.tgz",
@@ -88,8 +88,8 @@
"@types/pug": "2.0.10",
"@types/twig": "1.12.16",
"@types/wcag-contrast": "3.0.3",
- "@typescript-eslint/eslint-plugin": "6.13.1",
- "@typescript-eslint/parser": "6.13.1",
+ "@typescript-eslint/eslint-plugin": "6.14.0",
+ "@typescript-eslint/parser": "6.14.0",
"autoprefixer": "10.4.16",
"clean-css": "5.3.3",
"color-convert": "2.0.1",
@@ -106,7 +106,7 @@
"eslint-plugin-react": "7.33.2",
"jest": "26.6.3",
"jest-cli": "26.6.3",
- "lighthouse": "11.3.0",
+ "lighthouse": "11.4.0",
"mustache": "4.2.0",
"postcss": "8.4.32",
"postcss-sorting": "8.0.2",
@@ -117,10 +117,10 @@
"rgba-convert": "0.3.0",
"rimraf": "3.0.2",
"stencil-awesome-test": "1.0.6",
- "terser": "5.24.0",
+ "terser": "5.26.0",
"tslib": "2.6.2",
"twig": "1.17.1",
- "typescript": "5.3.2",
+ "typescript": "5.3.3",
"wcag-contrast": "3.0.0",
"webpack": "5.89.0",
"workbox-build": "7.0.0"
diff --git a/packages/components/src/components/@deprecated/input/controller-icon.ts b/packages/components/src/components/@deprecated/input/controller-icon.ts
index d0ebf05964..4ce97e54d6 100644
--- a/packages/components/src/components/@deprecated/input/controller-icon.ts
+++ b/packages/components/src/components/@deprecated/input/controller-icon.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../../types/common';
import { KoliBriHorizontalIcons } from '../../../types/icons';
diff --git a/packages/components/src/components/@deprecated/input/controller.ts b/packages/components/src/components/@deprecated/input/controller.ts
index 0c86c8790d..f7bf95d10d 100644
--- a/packages/components/src/components/@deprecated/input/controller.ts
+++ b/packages/components/src/components/@deprecated/input/controller.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { InputTypeOnDefault } from '../../../types/input/types';
import { AdjustHeightPropType, validateAdjustHeight } from '../../../types/props/adjust-height';
@@ -194,13 +194,6 @@ export class InputController extends ControlledInputController implements Watche
}
}
- public setValue(event: Event, value: string | number | boolean): void {
- this.setFormAssociatedValue(value as string);
- if (typeof this.component._on?.onChange === 'function') {
- this.component._on.onChange(event, value);
- }
- }
-
public addValueChangeListener(listener: ValueChangeListener) {
this.valueChangeListeners.push(listener);
}
diff --git a/packages/components/src/components/@deprecated/input/types-icon.ts b/packages/components/src/components/@deprecated/input/types-icon.ts
index d74efee733..41785c1498 100644
--- a/packages/components/src/components/@deprecated/input/types-icon.ts
+++ b/packages/components/src/components/@deprecated/input/types-icon.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../../types/common';
import { KoliBriHorizontalIcons } from '../../../types/icons';
diff --git a/packages/components/src/components/@deprecated/input/types.ts b/packages/components/src/components/@deprecated/input/types.ts
index 69f7b9da0b..954ded6110 100644
--- a/packages/components/src/components/@deprecated/input/types.ts
+++ b/packages/components/src/components/@deprecated/input/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../../types/common';
import { InputTypeOnDefault } from '../../../types/input/types';
diff --git a/packages/components/src/components/@else/all/component.tsx b/packages/components/src/components/@else/all/component.tsx
index 63446be757..a2a95a621b 100644
--- a/packages/components/src/components/@else/all/component.tsx
+++ b/packages/components/src/components/@else/all/component.tsx
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { h, Host, JSX, State } from '@stencil/core';
import { Bundesministerium } from '../../../enums/bund';
diff --git a/packages/components/src/components/a11y.css b/packages/components/src/components/a11y.css
index eb61b88a51..0725380526 100644
--- a/packages/components/src/components/a11y.css
+++ b/packages/components/src/components/a11y.css
@@ -7,6 +7,13 @@
* Minimum size of interactive elements.
*/
--a11y-min-size: 44px;
+ /*
+ * No element should be used without a background and font color whose contrast ratio has
+ * not been checked. By initially setting the background color to white and the font color
+ * to black, the contrast ratio is ensured and explicit adjustment is forced.
+ */
+ background-color: white;
+ color: black;
/*
* Verdana is an accessible font that can be used without requiring additional loading time.
*/
diff --git a/packages/components/src/components/abbr/types.ts b/packages/components/src/components/abbr/types.ts
index 619833f5c2..71b4bec9c6 100644
--- a/packages/components/src/components/abbr/types.ts
+++ b/packages/components/src/components/abbr/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { PropLabel } from '../../types/props/label';
import { PropTooltipAlign } from '../../types/props/tooltip-align';
diff --git a/packages/components/src/components/accordion/types.ts b/packages/components/src/components/accordion/types.ts
index 6d21513b9c..d3d9617c71 100644
--- a/packages/components/src/components/accordion/types.ts
+++ b/packages/components/src/components/accordion/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Events } from '../../enums/events';
import { EventValueOrEventCallback } from '../../types/callbacks';
diff --git a/packages/components/src/components/alert/style.css b/packages/components/src/components/alert/style.css
index a883ca07b3..0e804b3c78 100644
--- a/packages/components/src/components/alert/style.css
+++ b/packages/components/src/components/alert/style.css
@@ -13,4 +13,8 @@
kol-alert-wc .heading > div {
flex-grow: 1;
}
+
+ .close {
+ outline: transparent solid 1px; /* Visible with forced colors */
+ }
}
diff --git a/packages/components/src/components/alert/types.ts b/packages/components/src/components/alert/types.ts
index 756fa46112..b110ce6a56 100644
--- a/packages/components/src/components/alert/types.ts
+++ b/packages/components/src/components/alert/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { EventCallback } from '../../types/callbacks';
import { HeadingLevel } from '../../types/heading-level';
diff --git a/packages/components/src/components/avatar/style.css b/packages/components/src/components/avatar/style.css
index f4e5eb1453..a03a545fec 100644
--- a/packages/components/src/components/avatar/style.css
+++ b/packages/components/src/components/avatar/style.css
@@ -4,6 +4,7 @@
.container {
border-radius: 50%;
overflow: hidden;
+ outline: transparent solid 1px; /* Visible with forced colors */
/*theme?*/
width: 100px;
height: 100px;
diff --git a/packages/components/src/components/avatar/types.ts b/packages/components/src/components/avatar/types.ts
index 6e0df54e69..d54d0dc86f 100644
--- a/packages/components/src/components/avatar/types.ts
+++ b/packages/components/src/components/avatar/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { PropImageSource } from '../../types/props/image-source';
import { PropLabel } from '../../types/props/label';
diff --git a/packages/components/src/components/badge/style.css b/packages/components/src/components/badge/style.css
index b673996690..a010ed9587 100644
--- a/packages/components/src/components/badge/style.css
+++ b/packages/components/src/components/badge/style.css
@@ -3,6 +3,7 @@
:host > span {
display: inline-flex;
place-items: center;
+ outline: transparent solid 1px; /* Visible with forced colors */
}
:host > span > kol-button-wc button {
diff --git a/packages/components/src/components/badge/types.ts b/packages/components/src/components/badge/types.ts
index 6f6aee632e..117ed7d8bd 100644
--- a/packages/components/src/components/badge/types.ts
+++ b/packages/components/src/components/badge/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { ColorPair, PropColor } from '../../types/props/color';
diff --git a/packages/components/src/components/breadcrumb/types.ts b/packages/components/src/components/breadcrumb/types.ts
index 90060f8f48..604e973c3a 100644
--- a/packages/components/src/components/breadcrumb/types.ts
+++ b/packages/components/src/components/breadcrumb/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { LabelProp, PropLabel } from '../../types/props/label';
diff --git a/packages/components/src/components/button-group/types.ts b/packages/components/src/components/button-group/types.ts
index 8c36049091..1c380a0ec6 100644
--- a/packages/components/src/components/button-group/types.ts
+++ b/packages/components/src/components/button-group/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
type RequiredProps = NonNullable;
type OptionalProps = NonNullable;
diff --git a/packages/components/src/components/button-link-text-switch/types.ts b/packages/components/src/components/button-link-text-switch/types.ts
index 5451c15756..3ae87f674f 100644
--- a/packages/components/src/components/button-link-text-switch/types.ts
+++ b/packages/components/src/components/button-link-text-switch/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
import { PropHideLabel } from '../../types/props/hide-label';
diff --git a/packages/components/src/components/button-link/types.ts b/packages/components/src/components/button-link/types.ts
index 5dd5366e89..21d84975a1 100644
--- a/packages/components/src/components/button-link/types.ts
+++ b/packages/components/src/components/button-link/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
import { OptionalButtonProps, OptionalButtonStates, RequiredButtonProps, RequiredButtonStates } from '../button/types';
diff --git a/packages/components/src/components/button/types.ts b/packages/components/src/components/button/types.ts
index b84c68d4b0..36c83ae74f 100644
--- a/packages/components/src/components/button/types.ts
+++ b/packages/components/src/components/button/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { KoliBriAllIcons } from '../../types/icons';
diff --git a/packages/components/src/components/card/style.css b/packages/components/src/components/card/style.css
index 0c80d5c9d8..71920874db 100644
--- a/packages/components/src/components/card/style.css
+++ b/packages/components/src/components/card/style.css
@@ -3,6 +3,7 @@
:host > div.card {
height: 100%;
position: relative;
+ outline: transparent solid 1px; /* Visible with forced colors */
}
.close {
diff --git a/packages/components/src/components/card/types.ts b/packages/components/src/components/card/types.ts
index 4e278c47da..990ac41f08 100644
--- a/packages/components/src/components/card/types.ts
+++ b/packages/components/src/components/card/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { EventCallback } from '../../types/callbacks';
import { HeadingLevel } from '../../types/heading-level';
diff --git a/packages/components/src/components/details/types.ts b/packages/components/src/components/details/types.ts
index d24842e8f6..ecf2ca6abe 100644
--- a/packages/components/src/components/details/types.ts
+++ b/packages/components/src/components/details/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { EventValueOrEventCallback } from '../../types/callbacks';
import { PropLabel } from '../../types/props/label';
diff --git a/packages/components/src/components/form/types.ts b/packages/components/src/components/form/types.ts
index 807f37e69f..416cd18232 100644
--- a/packages/components/src/components/form/types.ts
+++ b/packages/components/src/components/form/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Events } from '../../enums/events';
import { EventCallback } from '../../types/callbacks';
diff --git a/packages/components/src/components/heading/types.ts b/packages/components/src/components/heading/types.ts
index d2f76a4ffd..af60c7b4ea 100644
--- a/packages/components/src/components/heading/types.ts
+++ b/packages/components/src/components/heading/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { HeadingLevel } from '../../types/heading-level';
import { PropLabelWithExpertSlot } from '../../types/props/label';
diff --git a/packages/components/src/components/heading/validation.ts b/packages/components/src/components/heading/validation.ts
index 6f4246e0e2..b2a90e514f 100644
--- a/packages/components/src/components/heading/validation.ts
+++ b/packages/components/src/components/heading/validation.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchValidator } from '../../utils/prop.validators';
import { HeadingLevel, headingLevelOptions } from '../../types/heading-level';
diff --git a/packages/components/src/components/icon/types.ts b/packages/components/src/components/icon/types.ts
index e9664c22c3..b088c05424 100644
--- a/packages/components/src/components/icon/types.ts
+++ b/packages/components/src/components/icon/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { PropLabel } from '../../types/props/label';
type RequiredProps = {
diff --git a/packages/components/src/components/image/types.ts b/packages/components/src/components/image/types.ts
index fe10773a04..4d54036736 100644
--- a/packages/components/src/components/image/types.ts
+++ b/packages/components/src/components/image/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { PropImageSource } from '../../types/props/image-source';
import { Loading } from '../../utils/validators/loading';
diff --git a/packages/components/src/components/indented-text/types.ts b/packages/components/src/components/indented-text/types.ts
index 8c36049091..1c380a0ec6 100644
--- a/packages/components/src/components/indented-text/types.ts
+++ b/packages/components/src/components/indented-text/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
type RequiredProps = NonNullable;
type OptionalProps = NonNullable;
diff --git a/packages/components/src/components/input-adapter-leanup/associated.controller.ts b/packages/components/src/components/input-adapter-leanup/associated.controller.ts
index 8909bec6f7..8b5a8a77f0 100644
--- a/packages/components/src/components/input-adapter-leanup/associated.controller.ts
+++ b/packages/components/src/components/input-adapter-leanup/associated.controller.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { NamePropType, validateName } from '../../types/props/name';
import { PropSyncValueBySelector, SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
diff --git a/packages/components/src/components/input-adapter-leanup/controller.ts b/packages/components/src/components/input-adapter-leanup/controller.ts
index d3e01d33b1..ab0cfc3a22 100644
--- a/packages/components/src/components/input-adapter-leanup/controller.ts
+++ b/packages/components/src/components/input-adapter-leanup/controller.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { validateTouched } from '../../types/props/touched';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/components/input-adapter-leanup/types.ts b/packages/components/src/components/input-adapter-leanup/types.ts
index e5dd59e62c..c03f594cda 100644
--- a/packages/components/src/components/input-adapter-leanup/types.ts
+++ b/packages/components/src/components/input-adapter-leanup/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
type RequiredProps = NonNullable;
type OptionalProps = {
diff --git a/packages/components/src/components/input-checkbox/checkbox.css b/packages/components/src/components/input-checkbox/checkbox.css
index c1b711310c..904a54da38 100644
--- a/packages/components/src/components/input-checkbox/checkbox.css
+++ b/packages/components/src/components/input-checkbox/checkbox.css
@@ -1,32 +1,27 @@
@layer kol-component {
- .default input[type='checkbox'] {
- height: 1.5em;
- width: 1.5em;
- }
-
- .default input[type='checkbox']:before {
- display: block;
- height: 1.5em;
- position: relative;
- width: 1.5em;
- }
+ .default {
+ & .checkbox-container {
+ align-items: center;
+ display: flex;
+ height: var(--a11y-min-size);
+ justify-content: center;
+ position: relative;
+ width: var(--a11y-min-size);
+ }
- .default input[type='checkbox']:checked:before {
- border-radius: 1px;
- border-style: solid;
- border-width: 0 3px 3px 0;
- height: 0.75em;
- left: calc(0.375em - 2px);
- transform: rotate(40deg) translate(-50%, -50%);
- top: calc(0.7125em - 2px);
- width: 0.375em;
- }
+ & .icon {
+ display: block;
+ inset: auto;
+ position: absolute;
+ z-index: 1;
+ }
+ &:not(.checked):not(.indeterminate) .icon::part(icon) {
+ display: none;
+ }
- .default input[type='checkbox']:indeterminate:before {
- background-color: #000;
- height: 0.2em;
- left: 0.24em;
- top: 0.575em;
- width: 0.8em;
+ & .checkbox-input-element {
+ width: 22px;
+ height: 22px;
+ }
}
}
diff --git a/packages/components/src/components/input-checkbox/common.css b/packages/components/src/components/input-checkbox/common.css
index 2b38838e9b..1948c82015 100644
--- a/packages/components/src/components/input-checkbox/common.css
+++ b/packages/components/src/components/input-checkbox/common.css
@@ -71,10 +71,6 @@
cursor: not-allowed;
}
- .default kol-icon {
- display: none;
- }
-
kol-input.required .tooltip-content .span-label::after {
content: '*';
}
diff --git a/packages/components/src/components/input-checkbox/component.tsx b/packages/components/src/components/input-checkbox/component.tsx
index 03fcda4d50..e4270b171c 100644
--- a/packages/components/src/components/input-checkbox/component.tsx
+++ b/packages/components/src/components/input-checkbox/component.tsx
@@ -56,6 +56,7 @@ export class KolInputCheckbox implements API {
[this.state._variant]: true,
'hide-label': !!this.state._hideLabel,
checked: this.state._checked,
+ indeterminate: this.state._indeterminate,
}}
data-role={this.state._variant === 'button' ? 'button' : undefined}
onKeyPress={this.state._variant === 'button' ? this.onChange : undefined}
@@ -86,17 +87,16 @@ export class KolInputCheckbox implements API {
{this.state._label}
)}
-
+
+
);
@@ -361,12 +361,6 @@ export class KolInputCheckbox implements API {
this.controller.componentWillLoad();
}
- private handleIconClick(event: Event): void {
- if (!this.state._disabled) {
- this.onChange(event);
- }
- }
-
private onChange = (event: Event): void => {
this._checked = !this._checked;
this._indeterminate = false;
diff --git a/packages/components/src/components/input-checkbox/controller.ts b/packages/components/src/components/input-checkbox/controller.ts
index 3734cfdace..0faa7e5236 100644
--- a/packages/components/src/components/input-checkbox/controller.ts
+++ b/packages/components/src/components/input-checkbox/controller.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { CheckedPropType, validateChecked } from '../../types/props/checked';
diff --git a/packages/components/src/components/input-checkbox/switch.css b/packages/components/src/components/input-checkbox/switch.css
index 21cbc4708a..a800e44af1 100644
--- a/packages/components/src/components/input-checkbox/switch.css
+++ b/packages/components/src/components/input-checkbox/switch.css
@@ -45,11 +45,11 @@
color: #000;
}
- .switch:has(input:checked) .icon {
+ .switch.checked .icon {
transform: translate(1.5em, -50%);
}
- .switch:has(input:indeterminate) .icon {
+ .switch.indeterminate .icon {
transform: translate(0.75em, -50%);
}
}
diff --git a/packages/components/src/components/input-checkbox/types.ts b/packages/components/src/components/input-checkbox/types.ts
index dafb60bac5..b2c3283fed 100644
--- a/packages/components/src/components/input-checkbox/types.ts
+++ b/packages/components/src/components/input-checkbox/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { AnyIconFontClass } from '../../types/icons';
diff --git a/packages/components/src/components/input-color/controller.ts b/packages/components/src/components/input-color/controller.ts
index 4956d6dd74..4d324e61ff 100644
--- a/packages/components/src/components/input-color/controller.ts
+++ b/packages/components/src/components/input-color/controller.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { InputTypeOnOff, inputTypeOnOffOptions } from '../../types/input/types';
import { SuggestionsPropType, validateSuggestions } from '../../types/props/suggestions';
diff --git a/packages/components/src/components/input-color/types.ts b/packages/components/src/components/input-color/types.ts
index 84b3453898..c11d46f13e 100644
--- a/packages/components/src/components/input-color/types.ts
+++ b/packages/components/src/components/input-color/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { KoliBriHorizontalIcons } from '../../types/icons';
diff --git a/packages/components/src/components/input-date/controller.ts b/packages/components/src/components/input-date/controller.ts
index aa8083342c..fdf4798524 100644
--- a/packages/components/src/components/input-date/controller.ts
+++ b/packages/components/src/components/input-date/controller.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { InputDateType, inputDateTypeOptions } from '../../types/input/control/number';
import { Iso8601 } from '../../types/input/iso8601';
diff --git a/packages/components/src/components/input-date/types.ts b/packages/components/src/components/input-date/types.ts
index 74d0ff8767..5fa642d60a 100644
--- a/packages/components/src/components/input-date/types.ts
+++ b/packages/components/src/components/input-date/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { KoliBriHorizontalIcons } from '../../types/icons';
import { InputDateType, OptionalInputProps } from '../../types/input/control/number';
diff --git a/packages/components/src/components/input-email/controller.ts b/packages/components/src/components/input-email/controller.ts
index 1da7508575..3749d3f0d3 100644
--- a/packages/components/src/components/input-email/controller.ts
+++ b/packages/components/src/components/input-email/controller.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { MultiplePropType, validateMultiple } from '../../types/props/multiple';
import { InputTextEmailController } from '../input-text/controller';
diff --git a/packages/components/src/components/input-email/types.ts b/packages/components/src/components/input-email/types.ts
index 5fad688c41..66245696e4 100644
--- a/packages/components/src/components/input-email/types.ts
+++ b/packages/components/src/components/input-email/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { KoliBriHorizontalIcons } from '../../types/icons';
diff --git a/packages/components/src/components/input-file/controller.ts b/packages/components/src/components/input-file/controller.ts
index ae74a3ccaa..02db6ec094 100644
--- a/packages/components/src/components/input-file/controller.ts
+++ b/packages/components/src/components/input-file/controller.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean, watchString } from '../../utils/prop.validators';
import { InputIconController } from '../@deprecated/input/controller-icon';
diff --git a/packages/components/src/components/input-file/types.ts b/packages/components/src/components/input-file/types.ts
index 40052b8b33..bd50ad2066 100644
--- a/packages/components/src/components/input-file/types.ts
+++ b/packages/components/src/components/input-file/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { KoliBriHorizontalIcons } from '../../types/icons';
diff --git a/packages/components/src/components/input-number/controller.ts b/packages/components/src/components/input-number/controller.ts
index 45485b057a..c9d6abf07b 100644
--- a/packages/components/src/components/input-number/controller.ts
+++ b/packages/components/src/components/input-number/controller.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Iso8601 } from '../../types/input/iso8601';
import { InputTypeOnOff } from '../../types/input/types';
import { SuggestionsPropType, validateSuggestions } from '../../types/props/suggestions';
diff --git a/packages/components/src/components/input-number/types.ts b/packages/components/src/components/input-number/types.ts
index 575259362c..27e17b2212 100644
--- a/packages/components/src/components/input-number/types.ts
+++ b/packages/components/src/components/input-number/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { KoliBriHorizontalIcons } from '../../types/icons';
import { OptionalInputProps } from '../../types/input/control/number';
diff --git a/packages/components/src/components/input-password/controller.ts b/packages/components/src/components/input-password/controller.ts
index c6c7f34c69..335b48414e 100644
--- a/packages/components/src/components/input-password/controller.ts
+++ b/packages/components/src/components/input-password/controller.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { InputTypeOnOff } from '../../types/input/types';
import { validateHasCounter } from '../../types/props/has-counter';
diff --git a/packages/components/src/components/input-password/types.ts b/packages/components/src/components/input-password/types.ts
index c1b515e110..eb1b60975d 100644
--- a/packages/components/src/components/input-password/types.ts
+++ b/packages/components/src/components/input-password/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { KoliBriHorizontalIcons } from '../../types/icons';
diff --git a/packages/components/src/components/input-radio/component.tsx b/packages/components/src/components/input-radio/component.tsx
index bbb5112b4f..4b0eca645a 100644
--- a/packages/components/src/components/input-radio/component.tsx
+++ b/packages/components/src/components/input-radio/component.tsx
@@ -85,7 +85,10 @@ export class KolInputRadio implements API {
const slotName = `radio-${index}`;
return (
+
{this.state._error}
)}
@@ -376,9 +379,6 @@ export class KolInputRadio implements API {
this.state._on.onChange(event, option.value);
}
- // TODO: Prüfen, was setValue noch genau macht, wir syncValue ja jetzt.
- this.controller.setValue(event, option.value as string); // TODO: fix type
-
this.currentValue = option.value;
}
}
diff --git a/packages/components/src/components/input-radio/controller.ts b/packages/components/src/components/input-radio/controller.ts
index 30cb36342c..726b3b7d42 100644
--- a/packages/components/src/components/input-radio/controller.ts
+++ b/packages/components/src/components/input-radio/controller.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { Optgroup, Option, SelectOption } from '../../types/input/types';
diff --git a/packages/components/src/components/input-radio/types.ts b/packages/components/src/components/input-radio/types.ts
index 0ce44bfc7f..20fc5f83ac 100644
--- a/packages/components/src/components/input-radio/types.ts
+++ b/packages/components/src/components/input-radio/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { InputTypeOnDefault, Option } from '../../types/input/types';
import { Orientation } from '../../types/orientation';
import { PropDisabled } from '../../types/props/disabled';
diff --git a/packages/components/src/components/input-range/controller.ts b/packages/components/src/components/input-range/controller.ts
index c1d06746e0..d877a9abfd 100644
--- a/packages/components/src/components/input-range/controller.ts
+++ b/packages/components/src/components/input-range/controller.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { InputTypeOnOff } from '../../types/input/types';
import { SuggestionsPropType, validateSuggestions } from '../../types/props/suggestions';
import { watchNumber, watchValidator } from '../../utils/prop.validators';
diff --git a/packages/components/src/components/input-range/types.ts b/packages/components/src/components/input-range/types.ts
index caf7c10dae..63a3081fdb 100644
--- a/packages/components/src/components/input-range/types.ts
+++ b/packages/components/src/components/input-range/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { KoliBriHorizontalIcons } from '../../types/icons';
diff --git a/packages/components/src/components/input-text/controller.ts b/packages/components/src/components/input-text/controller.ts
index c2398cda4b..b083f0329c 100644
--- a/packages/components/src/components/input-text/controller.ts
+++ b/packages/components/src/components/input-text/controller.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { InputTextType, inputTextTypeOptions } from '../../types/input/control/text';
import { validateHasCounter } from '../../types/props/has-counter';
import { PropLabelWithExpertSlot } from '../../types/props/label';
diff --git a/packages/components/src/components/input-text/types.ts b/packages/components/src/components/input-text/types.ts
index 34545eaf15..cd38cf0cf2 100644
--- a/packages/components/src/components/input-text/types.ts
+++ b/packages/components/src/components/input-text/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { KoliBriHorizontalIcons } from '../../types/icons';
diff --git a/packages/components/src/components/input.css b/packages/components/src/components/input.css
index dc63562ce1..fcecbe987f 100644
--- a/packages/components/src/components/input.css
+++ b/packages/components/src/components/input.css
@@ -51,7 +51,7 @@
padding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;
}
- kol-input.disabled :is(button, input, label, option, select, textarea) {
+ kol-input.disabled :is(button, input, option, select, textarea, .input-label) {
cursor: not-allowed;
opacity: 0.5;
}
diff --git a/packages/components/src/components/input/types.ts b/packages/components/src/components/input/types.ts
index 19f40900f7..a90d9f27b0 100644
--- a/packages/components/src/components/input/types.ts
+++ b/packages/components/src/components/input/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { KoliBriHorizontalIcons } from '../../types/icons';
diff --git a/packages/components/src/components/kolibri/component.tsx b/packages/components/src/components/kolibri/component.tsx
index d504a50160..91c77075be 100644
--- a/packages/components/src/components/kolibri/component.tsx
+++ b/packages/components/src/components/kolibri/component.tsx
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';
import { translate } from '../../i18n';
diff --git a/packages/components/src/components/kolibri/types.ts b/packages/components/src/components/kolibri/types.ts
index 60debeb3b5..51cabd2cae 100644
--- a/packages/components/src/components/kolibri/types.ts
+++ b/packages/components/src/components/kolibri/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { PropColor } from '../../types/props/color';
diff --git a/packages/components/src/components/link-button/types.ts b/packages/components/src/components/link-button/types.ts
index 9782d7d0e0..1d5831ba8d 100644
--- a/packages/components/src/components/link-button/types.ts
+++ b/packages/components/src/components/link-button/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
import { OptionalProps as LinkOptionalProps, RequiredProps as LinkRequiredProps } from '../link/types';
diff --git a/packages/components/src/components/link-group/types.ts b/packages/components/src/components/link-group/types.ts
index dd28e09f98..651805dd84 100644
--- a/packages/components/src/components/link-group/types.ts
+++ b/packages/components/src/components/link-group/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { Orientation } from '../../types/orientation';
diff --git a/packages/components/src/components/link/types.ts b/packages/components/src/components/link/types.ts
index 64f397ab99..d8aac51b2e 100644
--- a/packages/components/src/components/link/types.ts
+++ b/packages/components/src/components/link/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
import { PropAriaCurrentValue } from '../../types/props/aria-current-value';
import { PropDownload } from '../../types/props/download';
diff --git a/packages/components/src/components/logo/types.ts b/packages/components/src/components/logo/types.ts
index 5595b90239..f910359aa0 100644
--- a/packages/components/src/components/logo/types.ts
+++ b/packages/components/src/components/logo/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Bundesamt, Bundesanstalt, Bundesministerium } from '../../enums/bund';
diff --git a/packages/components/src/components/modal/types.ts b/packages/components/src/components/modal/types.ts
index 574a9ac91b..025e8f6822 100644
--- a/packages/components/src/components/modal/types.ts
+++ b/packages/components/src/components/modal/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { KoliBriModalEventCallbacks } from '../../types/modal';
import { PropLabel } from '../../types/props/label';
diff --git a/packages/components/src/components/nav/types.ts b/packages/components/src/components/nav/types.ts
index 8a29aa988e..14a3e61bba 100644
--- a/packages/components/src/components/nav/types.ts
+++ b/packages/components/src/components/nav/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
import { Stringified } from '../../types/common';
diff --git a/packages/components/src/components/nav/validation.ts b/packages/components/src/components/nav/validation.ts
index 39d6136721..e5cfde4c07 100644
--- a/packages/components/src/components/nav/validation.ts
+++ b/packages/components/src/components/nav/validation.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { HrefProp } from '../../types/props/href';
diff --git a/packages/components/src/components/pagination/types.ts b/packages/components/src/components/pagination/types.ts
index 9a9ae0e797..93da9f04bf 100644
--- a/packages/components/src/components/pagination/types.ts
+++ b/packages/components/src/components/pagination/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Events } from '../../enums/events';
import { EventValueOrEventCallback } from '../../types/callbacks';
diff --git a/packages/components/src/components/popover/types.ts b/packages/components/src/components/popover/types.ts
index 0159de23a1..03bee728f3 100644
--- a/packages/components/src/components/popover/types.ts
+++ b/packages/components/src/components/popover/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { PropAlign } from '../../types/props/align';
import { PropShow } from '../../types/props/show';
diff --git a/packages/components/src/components/progress/types.ts b/packages/components/src/components/progress/types.ts
index 94daf1f17d..2732aa7c78 100644
--- a/packages/components/src/components/progress/types.ts
+++ b/packages/components/src/components/progress/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { KoliBriProgressVariantType } from '../../types/progress';
import { PropLabel } from '../../types/props/label';
diff --git a/packages/components/src/components/quote/types.ts b/packages/components/src/components/quote/types.ts
index f4d041f8c1..a7a00504a3 100644
--- a/packages/components/src/components/quote/types.ts
+++ b/packages/components/src/components/quote/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { PropHref } from '../../types/props/href';
import { PropLabel } from '../../types/props/label';
diff --git a/packages/components/src/components/select/controller.ts b/packages/components/src/components/select/controller.ts
index 810811e6f7..5a15719297 100644
--- a/packages/components/src/components/select/controller.ts
+++ b/packages/components/src/components/select/controller.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { Optgroup, Option, SelectOption } from '../../types/input/types';
diff --git a/packages/components/src/components/select/types.ts b/packages/components/src/components/select/types.ts
index 67c09f01a4..8a224c06ef 100644
--- a/packages/components/src/components/select/types.ts
+++ b/packages/components/src/components/select/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { KoliBriHorizontalIcons } from '../../types/icons';
diff --git a/packages/components/src/components/skip-nav/types.ts b/packages/components/src/components/skip-nav/types.ts
index c40439f27e..2be3791f83 100644
--- a/packages/components/src/components/skip-nav/types.ts
+++ b/packages/components/src/components/skip-nav/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { PropLabel } from '../../types/props/label';
diff --git a/packages/components/src/components/span/types.ts b/packages/components/src/components/span/types.ts
index c30790cf34..2793ce2b74 100644
--- a/packages/components/src/components/span/types.ts
+++ b/packages/components/src/components/span/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { KoliBriCustomIcon, KoliBriIconsProp } from '../../types/icons';
diff --git a/packages/components/src/components/spin/types.ts b/packages/components/src/components/spin/types.ts
index 3e68099fdc..bb3ddc492a 100644
--- a/packages/components/src/components/spin/types.ts
+++ b/packages/components/src/components/spin/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { PropShow } from '../../types/props/show';
import { PropSpinVariant } from '../../types/props/variant/spin';
diff --git a/packages/components/src/components/split-button/types.ts b/packages/components/src/components/split-button/types.ts
index 636040f264..e5b7f2c2a0 100644
--- a/packages/components/src/components/split-button/types.ts
+++ b/packages/components/src/components/split-button/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { StencilUnknown } from '../../components';
import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
diff --git a/packages/components/src/components/symbol/types.ts b/packages/components/src/components/symbol/types.ts
index a563cf38c2..d7e266ea78 100644
--- a/packages/components/src/components/symbol/types.ts
+++ b/packages/components/src/components/symbol/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { PropLabel } from '../../types/props/label';
type RequiredProps = {
diff --git a/packages/components/src/components/table/component.tsx b/packages/components/src/components/table/component.tsx
index b83c0c91c3..1059813b81 100644
--- a/packages/components/src/components/table/component.tsx
+++ b/packages/components/src/components/table/component.tsx
@@ -1,5 +1,5 @@
/* eslint-disable jsx-a11y/no-noninteractive-tabindex */
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';
import { translate } from '../../i18n';
diff --git a/packages/components/src/components/table/types.ts b/packages/components/src/components/table/types.ts
index 111723d6eb..4ed36415d4 100644
--- a/packages/components/src/components/table/types.ts
+++ b/packages/components/src/components/table/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Stringified } from '../../types/common';
import { PropLabel } from '../../types/props/label';
diff --git a/packages/components/src/components/tabs/component.tsx b/packages/components/src/components/tabs/component.tsx
index 7e80a1d8d9..52318dbc43 100644
--- a/packages/components/src/components/tabs/component.tsx
+++ b/packages/components/src/components/tabs/component.tsx
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';
import { translate } from '../../i18n';
diff --git a/packages/components/src/components/tabs/types.ts b/packages/components/src/components/tabs/types.ts
index c14213b7a5..68e56d4a64 100644
--- a/packages/components/src/components/tabs/types.ts
+++ b/packages/components/src/components/tabs/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Events } from '../../enums/events';
import { EventCallback, EventValueOrEventCallback } from '../../types/callbacks';
diff --git a/packages/components/src/components/textarea/controller.ts b/packages/components/src/components/textarea/controller.ts
index 52341701ee..e675451fef 100644
--- a/packages/components/src/components/textarea/controller.ts
+++ b/packages/components/src/components/textarea/controller.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { HasCounterPropType } from '../../types/props/has-counter';
import { RowsPropType, validateRows } from '../../types/props/rows';
diff --git a/packages/components/src/components/textarea/types.ts b/packages/components/src/components/textarea/types.ts
index e0468c39ad..d84cd52ba2 100644
--- a/packages/components/src/components/textarea/types.ts
+++ b/packages/components/src/components/textarea/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { InputTypeOnDefault } from '../../types/input/types';
import { PropAdjustHeight } from '../../types/props/adjust-height';
diff --git a/packages/components/src/components/toaster/types.ts b/packages/components/src/components/toaster/types.ts
index 7237163c7a..34587ff654 100644
--- a/packages/components/src/components/toaster/types.ts
+++ b/packages/components/src/components/toaster/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { LabelPropType } from '../../types/props/label';
import { AlertType, AlertVariant } from '../alert/types';
diff --git a/packages/components/src/components/tooltip/types.ts b/packages/components/src/components/tooltip/types.ts
index 2e0c345d65..046b296d74 100644
--- a/packages/components/src/components/tooltip/types.ts
+++ b/packages/components/src/components/tooltip/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { PropAlign } from '../../types/props/align';
import { PropId } from '../../types/props/id';
diff --git a/packages/components/src/components/version/types.ts b/packages/components/src/components/version/types.ts
index a69c740efc..54554cf049 100644
--- a/packages/components/src/components/version/types.ts
+++ b/packages/components/src/components/version/types.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { PropLabel } from '../../types/props/label';
diff --git a/packages/components/src/core/declare.d.ts b/packages/components/src/core/declare.d.ts
index 91a6766b1f..e6a77163fc 100644
--- a/packages/components/src/core/declare.d.ts
+++ b/packages/components/src/core/declare.d.ts
@@ -1,4 +1,4 @@
-import type { Generic, ThemeDetails } from '@a11y-ui/core';
+import type { Generic, ThemeDetails } from 'adopted-style-sheets';
declare global {
interface Window {
diff --git a/packages/components/src/core/i18n.ts b/packages/components/src/core/i18n.ts
index 1b3b8194ce..b5c95ff8c8 100644
--- a/packages/components/src/core/i18n.ts
+++ b/packages/components/src/core/i18n.ts
@@ -1,6 +1,6 @@
import i18next from 'i18next';
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
interface ITranslationOptions {
/**
diff --git a/packages/components/src/core/index.ts b/packages/components/src/core/index.ts
index db4a9d3a8e..31f79da76c 100644
--- a/packages/components/src/core/index.ts
+++ b/packages/components/src/core/index.ts
@@ -1,5 +1,5 @@
-import type { Generic, LoaderCallback, RegisterOptions } from '@a11y-ui/core';
-import { register as coreRegister, STORE } from '@a11y-ui/core';
+import type { Generic, LoaderCallback, RegisterOptions } from 'adopted-style-sheets';
+import { register as coreRegister, STORE } from 'adopted-style-sheets';
import { I18nextService, II18nService } from './i18n';
diff --git a/packages/components/src/dev/theme-registration.ts b/packages/components/src/dev/theme-registration.ts
index f7488c292c..52097390ec 100644
--- a/packages/components/src/dev/theme-registration.ts
+++ b/packages/components/src/dev/theme-registration.ts
@@ -1,4 +1,4 @@
-import { patchTheme } from '@a11y-ui/core';
+import { patchTheme } from 'adopted-style-sheets';
patchTheme('demo', {
GLOBAL: `:host {
diff --git a/packages/components/src/global/script.ts b/packages/components/src/global/script.ts
index cf9123f42d..3ba287696a 100644
--- a/packages/components/src/global/script.ts
+++ b/packages/components/src/global/script.ts
@@ -1,4 +1,4 @@
-import { getThemeDetails, setThemeStyle } from '@a11y-ui/core';
+import { getThemeDetails, setThemeStyle } from 'adopted-style-sheets';
import { setMode } from '@stencil/core';
import { register } from '../core';
diff --git a/packages/components/src/i18n.ts b/packages/components/src/i18n.ts
index a91a8cec4a..434ec958ae 100644
--- a/packages/components/src/i18n.ts
+++ b/packages/components/src/i18n.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { getI18nService } from './core';
/**
diff --git a/packages/components/src/index.html b/packages/components/src/index.html
index 5e89a30831..1f01175abb 100644
--- a/packages/components/src/index.html
+++ b/packages/components/src/index.html
@@ -238,7 +238,7 @@
-
+
@@ -2188,8 +2188,8 @@
diff --git a/packages/components/src/types/button-link-text.ts b/packages/components/src/types/button-link-text.ts
index 491f10f5b3..90c9b9ec27 100644
--- a/packages/components/src/types/button-link-text.ts
+++ b/packages/components/src/types/button-link-text.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { PropHideLabel } from './props/hide-label';
import { PropHref } from './props/href';
diff --git a/packages/components/src/types/props/access-key.ts b/packages/components/src/types/props/access-key.ts
index 30460c27eb..ad4535866b 100644
--- a/packages/components/src/types/props/access-key.ts
+++ b/packages/components/src/types/props/access-key.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchString } from '../../utils/prop.validators';
/* types */
diff --git a/packages/components/src/types/props/adjust-height.ts b/packages/components/src/types/props/adjust-height.ts
index b8c9f5aa95..163e2d6ec1 100644
--- a/packages/components/src/types/props/adjust-height.ts
+++ b/packages/components/src/types/props/adjust-height.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/alert.ts b/packages/components/src/types/props/alert.ts
index 915af9a078..909583ca6c 100644
--- a/packages/components/src/types/props/alert.ts
+++ b/packages/components/src/types/props/alert.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/align.ts b/packages/components/src/types/props/align.ts
index 7a6b422c9a..bf00f37489 100644
--- a/packages/components/src/types/props/align.ts
+++ b/packages/components/src/types/props/align.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { validateAlignment } from '../../utils/validators/alignment';
diff --git a/packages/components/src/types/props/alternative-button-link-role.ts b/packages/components/src/types/props/alternative-button-link-role.ts
index f1b3194ad0..ea77f28c68 100644
--- a/packages/components/src/types/props/alternative-button-link-role.ts
+++ b/packages/components/src/types/props/alternative-button-link-role.ts
@@ -1,5 +1,5 @@
/* types */
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchString } from '../../utils/prop.validators';
export type AlternativeButtonLinkRolePropType = 'button' | 'link' | 'tab';
diff --git a/packages/components/src/types/props/aria-controls.ts b/packages/components/src/types/props/aria-controls.ts
index 0c2cf63b18..df044aae59 100644
--- a/packages/components/src/types/props/aria-controls.ts
+++ b/packages/components/src/types/props/aria-controls.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchString } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/aria-current-value.ts b/packages/components/src/types/props/aria-current-value.ts
index eb98f678f7..3a08aadb02 100644
--- a/packages/components/src/types/props/aria-current-value.ts
+++ b/packages/components/src/types/props/aria-current-value.ts
@@ -1,5 +1,5 @@
/* types */
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchValidator } from '../../utils/prop.validators';
/**
diff --git a/packages/components/src/types/props/aria-expanded.ts b/packages/components/src/types/props/aria-expanded.ts
index b42d5e9e05..fcaa83ed8e 100644
--- a/packages/components/src/types/props/aria-expanded.ts
+++ b/packages/components/src/types/props/aria-expanded.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/aria-selected.ts b/packages/components/src/types/props/aria-selected.ts
index c574af2ea9..728f5ae933 100644
--- a/packages/components/src/types/props/aria-selected.ts
+++ b/packages/components/src/types/props/aria-selected.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/button-callbacks.ts b/packages/components/src/types/props/button-callbacks.ts
index ce32f73448..6c8575916d 100644
--- a/packages/components/src/types/props/button-callbacks.ts
+++ b/packages/components/src/types/props/button-callbacks.ts
@@ -1,6 +1,6 @@
import { Events } from '../../enums/events';
import { EventCallback, EventValueOrEventCallback } from '../callbacks';
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchValidator } from '../../utils/prop.validators';
import { StencilUnknown } from '../unknown';
diff --git a/packages/components/src/types/props/button-type.ts b/packages/components/src/types/props/button-type.ts
index 1f11b9f804..770db8738e 100644
--- a/packages/components/src/types/props/button-type.ts
+++ b/packages/components/src/types/props/button-type.ts
@@ -1,5 +1,5 @@
/* types */
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchValidator } from '../../utils/prop.validators';
const buttonTypePropTypeOptions = ['button', 'reset', 'submit'] as const;
diff --git a/packages/components/src/types/props/button-variant.ts b/packages/components/src/types/props/button-variant.ts
index 0f9731de1f..d7f6d13ece 100644
--- a/packages/components/src/types/props/button-variant.ts
+++ b/packages/components/src/types/props/button-variant.ts
@@ -1,5 +1,5 @@
/* types */
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchValidator } from '../../utils/prop.validators';
const buttonVariantPropTypeOptions = ['primary', 'secondary', 'normal', 'tertiary', 'danger', 'ghost', 'custom'] as const;
diff --git a/packages/components/src/types/props/checked.ts b/packages/components/src/types/props/checked.ts
index ded91dcc6f..99773c5ad7 100644
--- a/packages/components/src/types/props/checked.ts
+++ b/packages/components/src/types/props/checked.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/collapsible.ts b/packages/components/src/types/props/collapsible.ts
index d1f27dd9a0..2a99ed409d 100644
--- a/packages/components/src/types/props/collapsible.ts
+++ b/packages/components/src/types/props/collapsible.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/color.ts b/packages/components/src/types/props/color.ts
index 7a13509d14..3225c36c9d 100644
--- a/packages/components/src/types/props/color.ts
+++ b/packages/components/src/types/props/color.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { ColorContrast, createContrastColorPair } from '../../components/badge/contrast';
import { a11yHint } from '../../utils/a11y.tipps';
diff --git a/packages/components/src/types/props/custom-class.ts b/packages/components/src/types/props/custom-class.ts
index d78b222b2e..5e1ed92dbd 100644
--- a/packages/components/src/types/props/custom-class.ts
+++ b/packages/components/src/types/props/custom-class.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchString } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/disabled.ts b/packages/components/src/types/props/disabled.ts
index 662970d2fe..bf0dabf0d0 100644
--- a/packages/components/src/types/props/disabled.ts
+++ b/packages/components/src/types/props/disabled.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/download.ts b/packages/components/src/types/props/download.ts
index 88353a66ae..3471b0f813 100644
--- a/packages/components/src/types/props/download.ts
+++ b/packages/components/src/types/props/download.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchString } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/has-closer.ts b/packages/components/src/types/props/has-closer.ts
index 82416c10df..e5d33b4373 100644
--- a/packages/components/src/types/props/has-closer.ts
+++ b/packages/components/src/types/props/has-closer.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/has-compact-button.ts b/packages/components/src/types/props/has-compact-button.ts
index 4156adff2d..61a318fc4d 100644
--- a/packages/components/src/types/props/has-compact-button.ts
+++ b/packages/components/src/types/props/has-compact-button.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/has-counter.ts b/packages/components/src/types/props/has-counter.ts
index 5426d6666f..8b1528428d 100644
--- a/packages/components/src/types/props/has-counter.ts
+++ b/packages/components/src/types/props/has-counter.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/heading-variant.ts b/packages/components/src/types/props/heading-variant.ts
index 827c23757d..5b2427b870 100644
--- a/packages/components/src/types/props/heading-variant.ts
+++ b/packages/components/src/types/props/heading-variant.ts
@@ -1,5 +1,5 @@
/* types */
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchValidator } from '../../utils/prop.validators';
const headingVariantPropTypeOptions = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'strong'] as const;
diff --git a/packages/components/src/types/props/hide-error.ts b/packages/components/src/types/props/hide-error.ts
index 529aa2d264..a7cec91c4c 100644
--- a/packages/components/src/types/props/hide-error.ts
+++ b/packages/components/src/types/props/hide-error.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean, WatchBooleanOptions } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/hide-label.ts b/packages/components/src/types/props/hide-label.ts
index 65c1691014..22a43172ef 100644
--- a/packages/components/src/types/props/hide-label.ts
+++ b/packages/components/src/types/props/hide-label.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean, WatchBooleanOptions } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/href.ts b/packages/components/src/types/props/href.ts
index a0fba447f5..42adb3f2e4 100644
--- a/packages/components/src/types/props/href.ts
+++ b/packages/components/src/types/props/href.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchString, WatchStringOptions } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/icons.ts b/packages/components/src/types/props/icons.ts
index 45098fb116..29126ea4e0 100644
--- a/packages/components/src/types/props/icons.ts
+++ b/packages/components/src/types/props/icons.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { objectObjectHandler, parseJson, watchValidator } from '../../utils/prop.validators';
import { isObject, isString, isStyle } from '../../utils/validator';
diff --git a/packages/components/src/types/props/id.ts b/packages/components/src/types/props/id.ts
index 6d9d4d4565..e84523a688 100644
--- a/packages/components/src/types/props/id.ts
+++ b/packages/components/src/types/props/id.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchString } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/image-source.ts b/packages/components/src/types/props/image-source.ts
index a5714de7cb..564dd18a91 100644
--- a/packages/components/src/types/props/image-source.ts
+++ b/packages/components/src/types/props/image-source.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchString, WatchStringOptions } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/indeterminate.ts b/packages/components/src/types/props/indeterminate.ts
index e7466271ed..88a4a9e7fe 100644
--- a/packages/components/src/types/props/indeterminate.ts
+++ b/packages/components/src/types/props/indeterminate.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/label.ts b/packages/components/src/types/props/label.ts
index 91851dd229..285b0afffb 100644
--- a/packages/components/src/types/props/label.ts
+++ b/packages/components/src/types/props/label.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { a11yHint, uiUxHint } from '../../utils/a11y.tipps';
import { WatchStringOptions, watchValidator } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/link-on-callbacks.ts b/packages/components/src/types/props/link-on-callbacks.ts
index e872b3c02b..818236aef6 100644
--- a/packages/components/src/types/props/link-on-callbacks.ts
+++ b/packages/components/src/types/props/link-on-callbacks.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { Events } from '../../enums/events';
import { EventValueOrEventCallback } from '../callbacks';
diff --git a/packages/components/src/types/props/link-target.ts b/packages/components/src/types/props/link-target.ts
index 1cb8f478d0..bd8fb26e92 100644
--- a/packages/components/src/types/props/link-target.ts
+++ b/packages/components/src/types/props/link-target.ts
@@ -1,7 +1,7 @@
/* types */
// https://www.w3schools.com/tags/att_a_target.asp
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchString } from '../../utils/prop.validators';
export type LinkTargetPropType = '_blank' | '_parent' | '_self' | '_top' | string;
diff --git a/packages/components/src/types/props/max.ts b/packages/components/src/types/props/max.ts
index ea6811280e..8651a3f4a4 100644
--- a/packages/components/src/types/props/max.ts
+++ b/packages/components/src/types/props/max.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchNumber, WatchNumberOptions } from '../../utils/prop.validators';
import { RowsPropType } from './rows';
diff --git a/packages/components/src/types/props/multiple.ts b/packages/components/src/types/props/multiple.ts
index a70bce383c..a22b730abe 100644
--- a/packages/components/src/types/props/multiple.ts
+++ b/packages/components/src/types/props/multiple.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/name.ts b/packages/components/src/types/props/name.ts
index 6929406a81..5091c7ca77 100644
--- a/packages/components/src/types/props/name.ts
+++ b/packages/components/src/types/props/name.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchString, WatchStringOptions } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/open.ts b/packages/components/src/types/props/open.ts
index 9e29ebc4e4..0df1125e71 100644
--- a/packages/components/src/types/props/open.ts
+++ b/packages/components/src/types/props/open.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean, WatchBooleanOptions } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/options.ts b/packages/components/src/types/props/options.ts
index bccb3c9ba9..1826ddd386 100644
--- a/packages/components/src/types/props/options.ts
+++ b/packages/components/src/types/props/options.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchJsonArrayString, WatchOptions } from '../../utils/prop.validators';
import { validateInputSelectOptions } from '../../utils/validators/options';
diff --git a/packages/components/src/types/props/read-only.ts b/packages/components/src/types/props/read-only.ts
index d349068406..d335313335 100644
--- a/packages/components/src/types/props/read-only.ts
+++ b/packages/components/src/types/props/read-only.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/required.ts b/packages/components/src/types/props/required.ts
index 23010418be..acebdb8755 100644
--- a/packages/components/src/types/props/required.ts
+++ b/packages/components/src/types/props/required.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/rows.ts b/packages/components/src/types/props/rows.ts
index e394ba5b21..c0a3e6b201 100644
--- a/packages/components/src/types/props/rows.ts
+++ b/packages/components/src/types/props/rows.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchNumber } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/show.ts b/packages/components/src/types/props/show.ts
index 3ccb134a70..21c6a9e36a 100644
--- a/packages/components/src/types/props/show.ts
+++ b/packages/components/src/types/props/show.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean, WatchBooleanOptions } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/suggestions.ts b/packages/components/src/types/props/suggestions.ts
index a769b5f95f..3573704b45 100644
--- a/packages/components/src/types/props/suggestions.ts
+++ b/packages/components/src/types/props/suggestions.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchJsonArrayString } from '../../utils/prop.validators';
import { Stringified } from '../common';
diff --git a/packages/components/src/types/props/tooltip-align.ts b/packages/components/src/types/props/tooltip-align.ts
index 686bdacbb1..08330f3f62 100644
--- a/packages/components/src/types/props/tooltip-align.ts
+++ b/packages/components/src/types/props/tooltip-align.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { validateAlignment } from '../../utils/validators/alignment';
import { AlignPropType } from './align';
diff --git a/packages/components/src/types/props/touched.ts b/packages/components/src/types/props/touched.ts
index a20b72bd30..f5928b6406 100644
--- a/packages/components/src/types/props/touched.ts
+++ b/packages/components/src/types/props/touched.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchBoolean } from '../../utils/prop.validators';
diff --git a/packages/components/src/types/props/variant/spin.ts b/packages/components/src/types/props/variant/spin.ts
index 8d3e30d6dd..486af69209 100644
--- a/packages/components/src/types/props/variant/spin.ts
+++ b/packages/components/src/types/props/variant/spin.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchValidator } from '../../../utils/prop.validators';
diff --git a/packages/components/src/utils/dev.utils.ts b/packages/components/src/utils/dev.utils.ts
index 2257208350..d5a62aaa9c 100644
--- a/packages/components/src/utils/dev.utils.ts
+++ b/packages/components/src/utils/dev.utils.ts
@@ -134,7 +134,7 @@ export const initKoliBri = (): void => {
| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.
| |\\ \\ | '-' | | | | | | '--' / | | | |
\`--' \`--´ \`---´ \`--' \`--' \`------´ \`--' \`--'
- 🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 2.0.0-rc.12
+ 🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 2.0.0
`,
{
forceLog: true,
diff --git a/packages/components/src/utils/prop.validators.ts b/packages/components/src/utils/prop.validators.ts
index 0e6db1989e..d1044c51da 100644
--- a/packages/components/src/utils/prop.validators.ts
+++ b/packages/components/src/utils/prop.validators.ts
@@ -3,7 +3,7 @@ import { querySelector } from 'query-selector-shadow-root';
import rgba from 'rgba-convert';
import { hex, score } from 'wcag-contrast';
-import { Generic, patchTheme, patchThemeTag } from '@a11y-ui/core';
+import { Generic, patchTheme, patchThemeTag } from 'adopted-style-sheets';
import { Stringified } from '../types/common';
import { StencilUnknown } from '../types/unknown';
diff --git a/packages/components/src/utils/validators/alignment.ts b/packages/components/src/utils/validators/alignment.ts
index a6775182ca..6498c9cbef 100644
--- a/packages/components/src/utils/validators/alignment.ts
+++ b/packages/components/src/utils/validators/alignment.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { AlignPropType, alignPropTypeOptions } from '../../types/props/align';
import { watchValidator } from '../prop.validators';
diff --git a/packages/components/src/utils/validators/loading.ts b/packages/components/src/utils/validators/loading.ts
index 97daf075fe..8872c9745e 100644
--- a/packages/components/src/utils/validators/loading.ts
+++ b/packages/components/src/utils/validators/loading.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { watchValidator } from '../prop.validators';
diff --git a/packages/components/src/utils/validators/tab-index.ts b/packages/components/src/utils/validators/tab-index.ts
index 6cf94ac924..3d933523bc 100644
--- a/packages/components/src/utils/validators/tab-index.ts
+++ b/packages/components/src/utils/validators/tab-index.ts
@@ -1,4 +1,4 @@
-import { Generic } from '@a11y-ui/core';
+import type { Generic } from 'adopted-style-sheets';
import { a11yHint } from '../a11y.tipps';
import { watchNumber, WatchNumberOptions } from '../prop.validators';
diff --git a/packages/create-kolibri/package.json b/packages/create-kolibri/package.json
index f51c63da9e..4fa8562d50 100644
--- a/packages/create-kolibri/package.json
+++ b/packages/create-kolibri/package.json
@@ -1,6 +1,6 @@
{
"name": "create-kolibri",
- "version": "2.0.0-rc.12",
+ "version": "2.0.0",
"license": "EUPL-1.2",
"homepage": "https://public-ui.github.io",
"repository": "https://github.com/public-ui/kolibri",
@@ -103,12 +103,12 @@
"@types/node": "ts5.3",
"cross-env": "7.0.3",
"depcheck": "1.4.7",
- "prettier": "3.1.0",
+ "prettier": "3.1.1",
"rimraf": "3.0.2",
- "ts-node": "10.9.1",
+ "ts-node": "10.9.2",
"ts-prune": "0.10.3",
"tsup": "8.0.1",
- "typescript": "5.3.2"
+ "typescript": "5.3.3"
},
"files": [
"defaults/**/*",
diff --git a/packages/create-kolibri/templates/angular-app/package.json b/packages/create-kolibri/templates/angular-app/package.json
index 387c536684..67baec483e 100644
--- a/packages/create-kolibri/templates/angular-app/package.json
+++ b/packages/create-kolibri/templates/angular-app/package.json
@@ -29,9 +29,9 @@
"@angular/forms": "16.2.2",
"@angular/platform-browser": "16.2.2",
"@angular/platform-browser-dynamic": "16.2.2",
- "@public-ui/angular-v16": "2.0.0-rc.12",
- "@public-ui/components": "2.0.0-rc.12",
- "@public-ui/themes": "2.0.0-rc.12",
+ "@public-ui/angular-v16": "2.0.0",
+ "@public-ui/components": "2.0.0",
+ "@public-ui/themes": "2.0.0",
"zone.js": "0.13.1"
},
"devDependencies": {
diff --git a/packages/create-kolibri/templates/astro-app/package.json b/packages/create-kolibri/templates/astro-app/package.json
index f4a1ee5459..3bacdb3420 100644
--- a/packages/create-kolibri/templates/astro-app/package.json
+++ b/packages/create-kolibri/templates/astro-app/package.json
@@ -26,9 +26,9 @@
"@astrojs/react": "1.2.2",
"@astrojs/preact": "1.2.0",
"@leanup/stack": "1.3.39",
- "@public-ui/components": "2.0.0-rc.12",
- "@public-ui/react": "2.0.0-rc.12",
- "@public-ui/themes": "2.0.0-rc.12",
+ "@public-ui/components": "2.0.0",
+ "@public-ui/react": "2.0.0",
+ "@public-ui/themes": "2.0.0",
"@types/react": "18.0.26",
"@types/node": "18.11.17",
"@types/react-dom": "18.0.9",
diff --git a/packages/create-kolibri/templates/astro-app/src/layouts/MainLayout.astro b/packages/create-kolibri/templates/astro-app/src/layouts/MainLayout.astro
index 5cd26cb8d7..4b4c39d3ce 100644
--- a/packages/create-kolibri/templates/astro-app/src/layouts/MainLayout.astro
+++ b/packages/create-kolibri/templates/astro-app/src/layouts/MainLayout.astro
@@ -21,9 +21,9 @@ import Search from '../components/Search';