@public-ui/components 2.2.16-rc.2 → 2.2.17-rc.0

package/dist/types/components/toolbar/shadow.d.ts

@@ -5,6 +5,7 @@ export declare class KolToolbar implements ToolbarAPI {
     state: ToolbarStates;
     private currentIndex;
     private indexToElement;
+    private normalizeItem;
     private renderItem;
     render(): JSX.Element;
     _label: string;

package/doc/button.md

@@ -30,12 +30,10 @@ kolibriElement._on = {
 };
 ```
 
-| Event       | Auslöser                                                       | Value                |
-| ----------- | -------------------------------------------------------------- | -------------------- |
-| onFocus     | Element wird fokussiert                                        | -                    |
-| onMouseDown | Element wird angeklickt (entspricht nativem `mouseDown`-Event) | -                    |
-| onClick     | Element wird angeklickt (entspricht nativem `click`-Event)     | Definierter `_value` |
-| onBlur      | Element verliert Fokus                                         | -                    |
+| Event         |       Value       |
+| ------------- | :---------------: |
+| `onClick`     | `_value`-Property |
+| `onMouseDown` |         -         |
 
 ### Beispiel
 

package/doc/toaster.md

@@ -16,7 +16,7 @@ import { ToasterService } from '@public-ui/components';
 
 // Get the toaster instance for the current HTML document.
 const toaster = ToasterService.getInstance(document, {
-	defaultAlertType: 'msg', // Standard: 'card'
+	defaultVariant: 'msg', // Standard: 'card'
 });
 
 // Enqueue a new toast to the toaster to display:
@@ -60,15 +60,23 @@ const closeToast = toaster.enqueue({
 /* Optional: Toast wieder schließen mit `closeToast()` */
 ```
 
-### Anzeigetyp des Toast
+### Anzeige-Optionen des Toast
 
-Verwenden Sie das Attribut **`_type`**, um den Typ des Toasts festzulegen. Mögliche Werte sind:
+In KoliBri unterscheiden wir drei Ebenen:
 
-- `default`
-- `error`
-- `info`
-- `success`
-- `warning`
+- **`_type`** → definiert die **semantische Bedeutung** oder logische Funktion einer Komponente.  
+  _Beispiel_: Bei `kol-button`: `"button" | "submit" | "reset"`, bei `kol-alert`: `"info" | "success" | "warning" | "error"`.
+
+- **`_variant`** → steuert das **visuelle Erscheinungsbild**, z. B. `"primary"`, `"secondary"`, `"ghost"`.
+
+- **`_behavior`** → bestimmt das **Interaktionsverhalten** der Komponente.  
+  _Beispiel_: Bei `kol-tabs`: `"select-automatic"` vs. `"select-manual"`.
+
+👉 Kurz gesagt:
+
+- `_type` = Bedeutung & Logik
+- `_variant` = Look & Styling
+- `_behavior` = Interaktion & Verhalten
 
 <!-- Auto Generated Below -->
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "2.2.16-rc.2",
+  "version": "2.2.17-rc.0",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -57,7 +57,7 @@
     "clsx": "2.1.1",
     "color-convert": "3.1.2",
     "color-rgba": "2.4.0",
-    "figlet": "1.9.1",
+    "figlet": "1.9.3",
     "markdown-it": "14.1.0",
     "query-selector-all-shadow-root": "0.0.3",
     "query-selector-shadow-root": "0.0.3",

package/dist/cjs/FormFieldMsg-b65d6a38.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const clsx=require("./clsx-dd4d6dd1.js"),index=require("./index-95de0efa.js"),Alert=require("./Alert-dcc456e0.js");function transformObjectProperties(e){return Object.entries(e).reduce((e,[r,s])=>{const t=r.startsWith("_")?r.slice(1):r;return Object.assign(Object.assign({},e),{[t]:s})},{})}const FormFieldMsgFc=({_alert:e,_msg:r,_hideError:s,_id:t})=>{const i=transformObjectProperties(r||{});return index.h(Alert.KolAlertFc,Object.assign({id:`${t}-error`,alert:e,type:"error",class:clsx.clsx({error:!0,"visually-hidden":!0===s})},i),(null==r?void 0:r._description)||void 0)};exports.FormFieldMsgFc=FormFieldMsgFc;

package/dist/esm/InternalUnderlinedBadgeText-579eb59f.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h,F as Fragment}from"./index-37144985.js";const InternalUnderlinedBadgeText=({badgeText:e,label:n})=>{const t=e;let[l,...r]=n.split(t);return 0===r.length&&(e=t.toUpperCase(),[l,...r]=n.split(t)),0===r.length&&(e=t.toLowerCase(),[l,...r]=n.split(t)),h(Fragment,null,l,r.length?h(Fragment,null,h("u",null,e),r.join(t)):null)};export{InternalUnderlinedBadgeText as I};

package/dist/kolibri/FormFieldMsg-06cb0dfa.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{c as r}from"./clsx-09a06a12.js";import{h as e}from"./index-37144985.js";import{K as t}from"./Alert-d71d411e.js";function o(r){return Object.entries(r).reduce((r,[s,e])=>{const t=s.startsWith("_")?s.slice(1):s;return Object.assign(Object.assign({},r),{[t]:e})},{})}const s=({_alert:s,_msg:i,_hideError:n,_id:a})=>{const c=o(i||{});return e(t,Object.assign({id:`${a}-error`,alert:s,type:"error",class:r({error:!0,"visually-hidden":!0===n})},c),(null==i?void 0:i._description)||void 0)};export{s as F};

package/dist/kolibri/InternalUnderlinedBadgeText-579eb59f.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as l,F as n}from"./index-37144985.js";const e=({badgeText:e,label:t})=>{const s=e;let[o,...a]=t.split(s);return 0===a.length&&(e=s.toUpperCase(),[o,...a]=t.split(s)),0===a.length&&(e=s.toLowerCase(),[o,...a]=t.split(s)),l(n,null,o,a.length?l(n,null,l("u",null,e),a.join(s)):null)};export{e as I};

package/dist/kolibri/app-globals-5fbc86f0.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{L as o,n as t,b as e}from"./index-7a63e9eb.js";import{a as n}from"./index-37144985.js";n(o=>{try{o.shadowRoot instanceof ShadowRoot&&t(o,e(o))}catch(o){}return"default"}),import("./devtools-458b00f5.js").then(o=>{"object"==typeof o&&null!==o&&"function"==typeof o.initialize&&o.initialize()}).catch(t=>{o.error(t)});const s=()=>{},a=s;export{a as g};