@public-ui/components 2.1.1 → 2.1.2

package/dist/types/components.d.ts

@@ -5,9 +5,9 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
+import { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
 import { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
-export { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
+export { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
 export { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
 export namespace Components {
     interface KolAbbr {
@@ -1970,6 +1970,9 @@ export namespace Components {
          */
         "_tooltipAlign"?: TooltipAlignPropType;
     }
+    /**
+     * @deprecated 
+     */
     interface KolLogo {
         /**
           * Gibt die Abkürzung eines Ministeriums, eines Amts oder einer Bundesanstalt an.
@@ -2397,6 +2400,10 @@ export namespace Components {
           * Defines the table min-width.
          */
         "_minWidth"?: string;
+        /**
+          * Defines the callback functions for table events.
+         */
+        "_on"?: TableStatefulCallbacksPropType;
         /**
           * Defines whether to show the data distributed over multiple pages.
          */
@@ -2405,6 +2412,10 @@ export namespace Components {
           * Controls the position of the pagination.
          */
         "_paginationPosition"?: PaginationPositionPropType;
+        /**
+          * Defines how rows can be selected and the current selection.
+         */
+        "_selection"?: TableSelectionPropType;
     }
     interface KolTableStateful {
         /**
@@ -2431,6 +2442,10 @@ export namespace Components {
           * Defines the table min-width.
          */
         "_minWidth"?: string;
+        /**
+          * Defines the callback functions for table events.
+         */
+        "_on"?: TableStatefulCallbacksPropType;
         /**
           * Defines whether to show the data distributed over multiple pages.
          */
@@ -2439,6 +2454,11 @@ export namespace Components {
           * Controls the position of the pagination.
          */
         "_paginationPosition"?: PaginationPositionPropType;
+        /**
+          * Defines how rows can be selected and the current selection.
+         */
+        "_selection"?: TableSelectionPropType;
+        "getSelection": () => Promise<KoliBriTableDataType[]>;
     }
     interface KolTableStateless {
         /**
@@ -2565,6 +2585,10 @@ export namespace Components {
           * Defines the hint text.
          */
         "_hint"?: string;
+        /**
+          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+         */
+        "_icons"?: KoliBriHorizontalIcons;
         /**
           * Defines the internal ID of the primary component element.
          */
@@ -2604,7 +2628,7 @@ export namespace Components {
          */
         "_required"?: boolean;
         /**
-          * Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize)
+          * Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize) In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `vertical` (default) and `none`.
          */
         "_resize"?: CSSResize;
         /**
@@ -2635,7 +2659,7 @@ export namespace Components {
         "getValue": () => Promise<string | undefined>;
     }
     interface KolToastContainer {
-        "closeAll": () => Promise<void>;
+        "closeAll": (immediate?: boolean) => Promise<void>;
         "enqueue": (toast: Toast) => Promise<() => void>;
     }
     interface KolToolbar {
@@ -2958,6 +2982,9 @@ declare global {
         prototype: HTMLKolLinkWcElement;
         new (): HTMLKolLinkWcElement;
     };
+    /**
+     * @deprecated 
+     */
     interface HTMLKolLogoElement extends Components.KolLogo, HTMLStencilElement {
     }
     var HTMLKolLogoElement: {
@@ -5084,6 +5111,9 @@ declare namespace LocalJSX {
          */
         "_tooltipAlign"?: TooltipAlignPropType;
     }
+    /**
+     * @deprecated 
+     */
     interface KolLogo {
         /**
           * Gibt die Abkürzung eines Ministeriums, eines Amts oder einer Bundesanstalt an.
@@ -5502,6 +5532,10 @@ declare namespace LocalJSX {
           * Defines the table min-width.
          */
         "_minWidth"?: string;
+        /**
+          * Defines the callback functions for table events.
+         */
+        "_on"?: TableStatefulCallbacksPropType;
         /**
           * Defines whether to show the data distributed over multiple pages.
          */
@@ -5510,6 +5544,10 @@ declare namespace LocalJSX {
           * Controls the position of the pagination.
          */
         "_paginationPosition"?: PaginationPositionPropType;
+        /**
+          * Defines how rows can be selected and the current selection.
+         */
+        "_selection"?: TableSelectionPropType;
     }
     interface KolTableStateful {
         /**
@@ -5536,6 +5574,10 @@ declare namespace LocalJSX {
           * Defines the table min-width.
          */
         "_minWidth"?: string;
+        /**
+          * Defines the callback functions for table events.
+         */
+        "_on"?: TableStatefulCallbacksPropType;
         /**
           * Defines whether to show the data distributed over multiple pages.
          */
@@ -5544,6 +5586,10 @@ declare namespace LocalJSX {
           * Controls the position of the pagination.
          */
         "_paginationPosition"?: PaginationPositionPropType;
+        /**
+          * Defines how rows can be selected and the current selection.
+         */
+        "_selection"?: TableSelectionPropType;
     }
     interface KolTableStateless {
         /**
@@ -5670,6 +5716,10 @@ declare namespace LocalJSX {
           * Defines the hint text.
          */
         "_hint"?: string;
+        /**
+          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+         */
+        "_icons"?: KoliBriHorizontalIcons;
         /**
           * Defines the internal ID of the primary component element.
          */
@@ -5709,7 +5759,7 @@ declare namespace LocalJSX {
          */
         "_required"?: boolean;
         /**
-          * Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize)
+          * Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize) In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `vertical` (default) and `none`.
          */
         "_resize"?: CSSResize;
         /**
@@ -5929,6 +5979,9 @@ declare module "@stencil/core" {
             "kol-link-button": LocalJSX.KolLinkButton & JSXBase.HTMLAttributes<HTMLKolLinkButtonElement>;
             "kol-link-group": LocalJSX.KolLinkGroup & JSXBase.HTMLAttributes<HTMLKolLinkGroupElement>;
             "kol-link-wc": LocalJSX.KolLinkWc & JSXBase.HTMLAttributes<HTMLKolLinkWcElement>;
+            /**
+             * @deprecated 
+             */
             "kol-logo": LocalJSX.KolLogo & JSXBase.HTMLAttributes<HTMLKolLogoElement>;
             "kol-modal": LocalJSX.KolModal & JSXBase.HTMLAttributes<HTMLKolModalElement>;
             "kol-nav": LocalJSX.KolNav & JSXBase.HTMLAttributes<HTMLKolNavElement>;

package/dist/types/core/component-names.d.ts

@@ -28,7 +28,7 @@ export declare let KolInputNumberTag: "kol-input-number";
 export declare let KolInputPasswordTag: "kol-input-password";
 export declare let KolInputRadioTag: "kol-input-radio";
 export declare let KolInputRangeTag: "kol-input-range";
-export declare let KolInputTag: "kol-input";
+export declare let KolInputWcTag: "kol-input";
 export declare let KolInputTextTag: "kol-input-text";
 export declare let KolKolibriTag: "kol-kolibri";
 export declare let KolLinkButtonTag: "kol-link-button";

package/dist/types/locales/de.d.ts

@@ -40,5 +40,6 @@ declare const _default: {
     dropdown: string;
     'nav-label-open': string;
     'nav-label-close': string;
+    'close-alert': string;
 };
 export default _default;

package/dist/types/locales/en.d.ts

@@ -40,5 +40,6 @@ declare const _default: {
     dropdown: string;
     'nav-label-open': string;
     'nav-label-close': string;
+    'close-alert': string;
 };
 export default _default;

package/dist/types/schema/components/table.d.ts

@@ -1,6 +1,6 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropLabel, PropTableData, PropTableDataFoot } from '../props';
-import type { KoliBriTableDataType, KoliBriTableHeaderCell, Stringified, KoliBriSortDirection } from '../types';
+import type { PropLabel, StatefulPropTableCallbacks, PropTableData, PropTableDataFoot, PropTableSelection } from '../props';
+import type { KoliBriTableDataType, KoliBriTableHeaderCell, Stringified, KoliBriSortDirection, KoliBriTableSelection } from '../types';
 import type { KoliBriPaginationProps } from './pagination';
 import type { PropPaginationPosition } from '../props/pagination-position';
 export type KoliBriTableSelectedHead = {
@@ -34,7 +34,7 @@ type OptionalProps = {
     allowMultiSort: boolean;
     minWidth: string;
     pagination: boolean | Stringified<KoliBriTablePaginationProps>;
-} & PropTableDataFoot & PropPaginationPosition;
+} & PropTableDataFoot & PropPaginationPosition & PropTableSelection & StatefulPropTableCallbacks;
 type RequiredStates = {
     allowMultiSort: boolean;
     data: KoliBriTableDataType[];
@@ -46,7 +46,8 @@ type RequiredStates = {
 type OptionalStates = {
     minWidth: string;
     sortDirection: KoliBriSortDirection;
-};
+    selection: KoliBriTableSelection;
+} & StatefulPropTableCallbacks;
 export type TableProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type TableStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type TableAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

package/dist/types/schema/components/tabs.d.ts

@@ -10,9 +10,13 @@ export type KoliBriTabsCallbacks = {
 } & {
     [Events.onSelect]?: EventValueOrEventCallback<CustomEvent | KeyboardEvent | MouseEvent | PointerEvent, number>;
 };
+export type KoliBriTabButtonCallbacks = {
+    [Events.onSelect]?: EventValueOrEventCallback<CustomEvent | KeyboardEvent | MouseEvent | PointerEvent, number>;
+};
 type RequiredTabButtonProps = PropLabel;
 type OptionalTabButtonProps = {
     icons: Stringified<KoliBriIconsProp>;
+    on: KoliBriTabButtonCallbacks;
 } & PropDisabled & PropHideLabel & PropTooltipAlign;
 export type TabButtonProps = Generic.Element.Members<RequiredTabButtonProps, OptionalTabButtonProps>;
 type RequiredProps = {

package/dist/types/schema/components/textarea.d.ts

@@ -1,6 +1,6 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { PropAdjustHeight, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropRows, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTypeOnDefault } from '../types';
+import type { InputTypeOnDefault, KoliBriHorizontalIcons } from '../types';
 export declare const cssResizeOptions: readonly ["both", "horizontal", "vertical", "none"];
 export type CSSResize = (typeof cssResizeOptions)[number];
 type RequiredProps = PropLabelWithExpertSlot;
@@ -9,6 +9,7 @@ type OptionalProps = {
     alert: boolean;
     error: string;
     hint: string;
+    icons: KoliBriHorizontalIcons;
     maxLength: number;
     on: InputTypeOnDefault;
     placeholder: string;
@@ -27,6 +28,7 @@ type OptionalStates = {
     alert: boolean;
     error: string;
     hint: string;
+    icons: KoliBriHorizontalIcons;
     maxLength: number;
     on: InputTypeOnDefault;
     placeholder: string;

package/dist/types/schema/props/table-callbacks.d.ts

@@ -1,17 +1,25 @@
 import type { Events } from '../enums';
 import type { EventValueOrEventCallback } from '../types/callbacks';
 import type { Generic } from 'adopted-style-sheets';
-import type { KoliBriSortDirection } from '../types';
+import type { KoliBriSortDirection, KoliBriTableDataType } from '../types';
 export type SortEventPayload = {
     key: string;
     currentSortDirection: KoliBriSortDirection;
 };
 export type SelectionChangeEventPayload = string[];
+export type StatefulSelectionChangeEventPayload = KoliBriTableDataType[];
 export type TableCallbacksPropType = {
     [Events.onSort]?: EventValueOrEventCallback<MouseEvent, SortEventPayload>;
     [Events.onSelectionChange]?: EventValueOrEventCallback<Event, SelectionChangeEventPayload>;
 };
+export type TableStatefulCallbacksPropType = {
+    [Events.onSelectionChange]?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload>;
+};
 export type PropTableCallbacks = {
     on: TableCallbacksPropType;
 };
+export type StatefulPropTableCallbacks = {
+    on: TableStatefulCallbacksPropType;
+};
 export declare const validateTableCallbacks: (component: Generic.Element.Component, value?: TableCallbacksPropType) => void;
+export declare const validateTableStatefulCallbacks: (component: Generic.Element.Component, value?: TableStatefulCallbacksPropType) => void;

package/dist/types/schema/utils/prop.validators.d.ts

@@ -54,6 +54,7 @@ export declare class KoliBriUtils {
     static queryHtmlElementColors(targetNode: HTMLElement, a11yColorContrast: A11yColorContrast, recursion?: boolean, log?: boolean): A11yColorContrast | null;
 }
 export declare class KoliBriDevHelper {
+    static readonly getCssStyle: (themeName: string, tagName: "GLOBAL" | "PROPERTIES" | `${Uppercase<string>}-${Uppercase<string>}`) => string;
     static readonly patchTheme: (name: string, map: Generic.Theming.Map<string, string>, options?: Generic.Theming.PatchOptions | undefined, registerOptions?: import("adopted-style-sheets").RegisterOptions | undefined) => string;
     static readonly patchThemeTag: (themeName: string, tagName: "GLOBAL" | "PROPERTIES" | `${Uppercase<string>}-${Uppercase<string>}`, css: string, options?: Generic.Theming.PatchOptions | undefined) => void;
     static readonly querySelector: <T extends Element>(selector: string, node?: Document | HTMLElement | ShadowRoot | undefined) => T | null;

package/dist/types/stencil-public-runtime.d.ts

@@ -768,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -794,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -921,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -979,8 +977,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -1129,7 +1125,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,8 +1159,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1218,6 +1211,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };

package/doc/combobox.md

@@ -1,7 +1,7 @@
 # Combobox `preview`
 
-<kol-alert _type="warning">
-  Komponente ist ein Entwurf - Vorläufig nicht in Produktion verwenden.
+<kol-alert _type="warning" _variant="card">
+  <kol-badge _color="#476af5" _label="Preview"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da die Barrierefreiheitstests noch ausstehen. Die verschiedenen Tests können aufgrund der Modularität bei neuen Komponenten und Funktionalitäten meist erst nach einem Release erfolgen. Wir empfehlen daher, die Komponente noch nicht in Produktion zu verwenden.
 </kol-alert>
 
 Die **Combobox**-Komponente erzeugt eine Auswahlliste, die ein Eingabefeld mit einer darunter angezeigten Liste von auswählbaren Optionen kombiniert.

package/doc/logo.md

@@ -1,5 +1,7 @@
 # Logo
 
+> **[DEPRECATED]**: Das Logo wird eine interne Komponente.
+
 Mit Hilfe der **Logo**-Komponente können an beliebigen Positionen die Logos verschiedener Bundesinstitutionen ausgegeben werden. Das Logo wird dabei aus einer Sammlung von SVG-Grafiken zusammengesetzt, die fertig konstruiert vorliegen.
 
 ## Konstruktion
@@ -51,6 +53,8 @@ Das Attribut **`_org`** wird für die Definition des gewünschten Logos verwende
 <!-- Auto Generated Below -->
 
 
+> **[DEPRECATED]** 
+
 ## Properties
 
 | Property            | Attribute | Description                                                                    | Type                                              | Default     |

package/doc/span.md

@@ -1,6 +1,8 @@
 # Span
 
-<kol-alert _type="warning">Die **Span**-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung direkt verwendet zu werden. Denn der Span ist nur dann wirklich barrierefrei, wenn es in Kombination mit dem Tooltip verwendet wird.</kol-alert>
+<kol-alert _type="warning" _variant="card">
+  Die **Span**-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung direkt verwendet zu werden. Denn der Span ist nur dann wirklich barrierefrei, wenn er in Kombination mit dem Tooltip verwendet wird.
+</kol-alert>
 
 Die **Span**-Komponente dient dazu innerhalb zahlreicher KoliBri-Komponenten die Text-Icon-Kombination und das Expert-Slot-Konzept einheitlich umzusetzen.
 

package/doc/table-stateful.md

@@ -1,8 +1,8 @@
 # TableStateful
 
-<KolAlert _type="warning" _variant="msg">
-  <kol-badge _label="untested"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da der vollständige Barrierefreiheitstest noch aussteht. Der vollständige Test kann bei neuen Komponenten und Funktionalitäten auch erst nach einem abgeschlossenen Release erfolgen.
-</KolAlert>
+<kol-alert _type="warning" _variant="card">
+  <kol-badge _color="#476af5" _label="Preview"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da die Barrierefreiheitstests noch ausstehen. Die verschiedenen Tests können aufgrund der Modularität bei neuen Komponenten und Funktionalitäten meist erst nach einem Release erfolgen. Wir empfehlen daher, die Komponente noch nicht in Produktion zu verwenden.
+</kol-alert>
 
 Die **TableStateful**-Komponente dient primär der übersichtlichen Darstellung von Datenmengen. Dabei ist sie so ausgelegt, dass sie alle von den Daten abhängige Werte automatisch ermittelt und die Tabelle entsprechend darstellt. Hierzu gehören beispielsweise die optionalen Funktionalitäten Spaltensortierung oder Pagination.
 
@@ -191,8 +191,23 @@ Warum die Tabelle einen **Tabindex** hat, wird auf der folgenden Webseite beschr
 | `_headers` _(required)_ | `_headers`             | Defines the horizontal and vertical table headers.                                                                 | `string` \| `{ horizontal?: KoliBriTableHeaderCellWithLogic[][]` \| `undefined; vertical?: KoliBriTableHeaderCellWithLogic[][]` \| `undefined; }`                                                                                                                                                                                                                                                                                                                                                                                         | `undefined` |
 | `_label` _(required)_   | `_label`               | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `undefined` |
 | `_minWidth`             | `_min-width`           | Defines the table min-width.                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined` |
+| `_on`                   | --                     | Defines the callback functions for table events.                                                                   | `undefined` \| `{ onSelectionChange?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload>` \| `undefined; }`                                                                                                                                                                                                                                                                                                                                                                                                          | `undefined` |
 | `_pagination`           | `_pagination`          | Defines whether to show the data distributed over multiple pages.                                                  | `boolean` \| `string` \| `undefined` \| `{ _page: number; } & { _on?: KoliBriPaginationButtonCallbacks` \| `undefined; _page?: number` \| `undefined; _max?: number` \| `undefined; _boundaryCount?: number` \| `undefined; _hasButtons?: boolean` \| `Stringified<PaginationHasButton>` \| `undefined; _pageSize?: number` \| `undefined; _pageSizeOptions?: Stringified<number[]>` \| `undefined; _siblingCount?: number` \| `undefined; _customClass?: string` \| `undefined; _label?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; }` | `undefined` |
 | `_paginationPosition`   | `_pagination-position` | Controls the position of the pagination.                                                                           | `"both"` \| `"bottom"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `'bottom'`  |
+| `_selection`            | `_selection`           | Defines how rows can be selected and the current selection.                                                        | `string` \| `undefined` \| `({ label: (row: KoliBriTableDataType) => string; keyPropertyName?: string` \| `undefined; selectedKeys?: string[]` \| `undefined; })`                                                                                                                                                                                                                                                                                                                                                                           | `undefined` |
+
+
+## Methods
+
+### `getSelection() => Promise<KoliBriTableDataType[]>`
+
+
+
+#### Returns
+
+Type: `Promise<KoliBriTableDataType[]>`
+
+
 
 
 ----------------------------------------------

package/doc/table-stateless.md

@@ -1,8 +1,8 @@
 # TableStateless
 
-<KolAlert _type="warning" _variant="msg">
-  <kol-badge _label="untested"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da der vollständige Barrierefreiheitstest noch aussteht. Der vollständige Test kann bei neuen Komponenten und Funktionalitäten auch erst nach einem abgeschlossenen Release erfolgen.
-</KolAlert>
+<kol-alert _type="warning" _variant="card">
+  <kol-badge _color="#476af5" _label="Preview"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da die Barrierefreiheitstests noch ausstehen. Die verschiedenen Tests können aufgrund der Modularität bei neuen Komponenten und Funktionalitäten meist erst nach einem Release erfolgen. Wir empfehlen daher, die Komponente noch nicht in Produktion zu verwenden.
+</kol-alert>
 
 Die **TableStateless**-Komponente ist für die reine Darstellung der KoliBri-Tabelle verantwortlich. Für eine Tabellen-Komponente, die Sortierung und Paginierung mit den zur Verfügung gestellten Daten automatisch übernehmen kann, siehe [KolTableStateful](../table-stateful/readme.md).
 

package/doc/table.md

@@ -1,10 +1,8 @@
 # Table
 
-<KolAlert _type="warning" _variant="msg">
-  KolTable ist deprecated, bitte stattdessen
-  <kol-link _label="KolTableStateful" _href="https://github.com/public-ui/kolibri/blob/develop/packages/components/src/components/table-stateless/readme.md">
-  verwenden, die API und Funktionalität sind identisch.
-</KolAlert>
+<kol-alert _type="warning" _variant="card">
+  <kol-badge _color="#fb4509" _label="Deprecated"></kol-badge> KolTable ist veraltet, bitte stattdessen <kol-link _label="KolTableStateful" _href="https://github.com/public-ui/kolibri/blob/develop/packages/components/src/components/table-stateless/readme.md"></kol-link> verwenden, die API und Funktionalität sind identisch.
+</kol-alert>
 
 Die **Table**-Komponente dient primär der übersichtlichen Darstellung von Datenmengen. Dabei ist sie so ausgelegt, dass sie alle von den Daten abhängige Werte automatisch ermittelt und die Tabelle entsprechend darstellt. Hierzu gehören beispielsweise die optionalen Funktionalitäten Spaltensortierung oder Pagination.
 
@@ -187,8 +185,10 @@ Warum die Tabelle einen **Tabindex** hat, wird auf der folgenden Webseite beschr
 | `_headers` _(required)_ | `_headers`             | Defines the horizontal and vertical table headers.                                                                 | `string` \| `{ horizontal?: KoliBriTableHeaderCellWithLogic[][]` \| `undefined; vertical?: KoliBriTableHeaderCellWithLogic[][]` \| `undefined; }`                                                                                                                                                                                                                                                                                                                                                                                         | `undefined` |
 | `_label` _(required)_   | `_label`               | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `undefined` |
 | `_minWidth`             | `_min-width`           | Defines the table min-width.                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined` |
+| `_on`                   | --                     | Defines the callback functions for table events.                                                                   | `undefined` \| `{ onSelectionChange?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload>` \| `undefined; }`                                                                                                                                                                                                                                                                                                                                                                                                          | `undefined` |
 | `_pagination`           | `_pagination`          | Defines whether to show the data distributed over multiple pages.                                                  | `boolean` \| `string` \| `undefined` \| `{ _page: number; } & { _on?: KoliBriPaginationButtonCallbacks` \| `undefined; _page?: number` \| `undefined; _max?: number` \| `undefined; _boundaryCount?: number` \| `undefined; _hasButtons?: boolean` \| `Stringified<PaginationHasButton>` \| `undefined; _pageSize?: number` \| `undefined; _pageSizeOptions?: Stringified<number[]>` \| `undefined; _siblingCount?: number` \| `undefined; _customClass?: string` \| `undefined; _label?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; }` | `undefined` |
 | `_paginationPosition`   | `_pagination-position` | Controls the position of the pagination.                                                                           | `"both"` \| `"bottom"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `'bottom'`  |
+| `_selection`            | `_selection`           | Defines how rows can be selected and the current selection.                                                        | `string` \| `undefined` \| `({ label: (row: KoliBriTableDataType) => string; keyPropertyName?: string` \| `undefined; selectedKeys?: string[]` \| `undefined; })`                                                                                                                                                                                                                                                                                                                                                                           | `undefined` |
 
 
 ----------------------------------------------