@public-ui/components 1.5.0-rc.2 → 1.5.0-rc.4

package/cheat-sheet.html

@@ -9,9 +9,9 @@
 		<link href="https://fonts.cdnfonts.com/css/roboto" rel="stylesheet" />
 		<link href="https://use.fontawesome.com/releases/v6.2.1/css/all.css" rel="stylesheet" />
 		<script type="module">
-			import { register } from 'https://esm.sh/@public-ui/components@1.5.0-rc.2';
-			import { defineCustomElements } from 'https://esm.sh/@public-ui/components@1.5.0-rc.2/dist/loader';
-			import { ITZBund } from 'https://esm.sh/@public-ui/themes@1.5.0-rc.2';
+			import { register } from 'https://esm.sh/@public-ui/components@1.5.0-rc.4';
+			import { defineCustomElements } from 'https://esm.sh/@public-ui/components@1.5.0-rc.4/dist/loader';
+			import { ITZBund } from 'https://esm.sh/@public-ui/themes@1.5.0-rc.4';
 				register(ITZBund, defineCustomElements)
 						.then(() => {})
 						.catch(console.warn);
@@ -78,9 +78,9 @@
 			<pre>
 				<code class="language-html">&#60;head&#62;
 	&#60;script type="module"&#62;
-		import { register } from 'https://esm.sh/@public-ui/components@1.5.0-rc.2';
-		import { defineCustomElements } from 'https://esm.sh/@public-ui/components@1.5.0-rc.2/dist/loader';
-		import { ITZBund } from 'https://esm.sh/@public-ui/themes@1.5.0-rc.2';
+		import { register } from 'https://esm.sh/@public-ui/components@1.5.0-rc.4';
+		import { defineCustomElements } from 'https://esm.sh/@public-ui/components@1.5.0-rc.4/dist/loader';
+		import { ITZBund } from 'https://esm.sh/@public-ui/themes@1.5.0-rc.4';
 		register([ITZBund], [defineCustomElements])
 			.then(() =&#62; {})
 			.catch(console.warn);
@@ -350,6 +350,10 @@ durchlaufen werden.`,
 	name: `progress`,
 	desc: `Die **Progress**-Komponente erzeugt einen Fortschrittsbalken, über den eine optische Rückmeldung gegeben werden kann.`,
 	props: `_max, _type, _unit, _value`
+},{
+	name: `quote`,
+	desc: ``,
+	props: `_caption, _href, _quote, _variant`
 },{
 	name: `select`,
 	desc: `Die **Select**-Komponente erzeugt eine Auswahlliste, aus der eine oder mehrere vorgegebene Möglichkeiten ausgewählt werden können.`,
@@ -511,16 +515,16 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	desc: `Gibt den technischen Namen des Eingabefeldes an.`,
 	types: `Option<W3CInputValue>[] | string, Option<number>[] | string, SelectOption<W3CInputValue>[] | string, string | string[]`,
 	comps: `input-color, input-date, input-email, input-number, input-radio, input-range, input-text, select`
+},{
+	name: `_variant`,
+	desc: `Gibt an, welche Ausprägung der Button hat.`,
+	types: `"block" | "inline", "button" | "checkbox" | "switch", "card" | "msg", "custom" | "danger" | "ghost" | "normal" | "primary" | "secondary", "primary" | "secondary"`,
+	comps: `alert, button, input-checkbox, link-button, nav, pagination, quote`
 },{
 	name: `_auto-complete`,
 	desc: `Gibt an, ob das Eingabefeld autovervollständigt werden kann.`,
 	types: `"off" | "on"`,
 	comps: `input-color, input-date, input-email, input-number, input-password, input-range, input-text`
-},{
-	name: `_variant`,
-	desc: `Gibt an, welche Ausprägung der Button hat.`,
-	types: `"button" | "checkbox" | "switch", "card" | "msg", "custom" | "danger" | "ghost" | "normal" | "primary" | "secondary", "primary" | "secondary"`,
-	comps: `alert, button, input-checkbox, link-button, nav, pagination`
 },{
 	name: `_tooltip-align`,
 	desc: `Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.`,
@@ -626,6 +630,11 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	desc: `Gibt die geordnete Liste der Seitenhierarchie an.`,
 	types: `NavLinkProps[] | string, NavLinkWithChildrenProps[] | string`,
 	comps: `breadcrumb, nav, skip-nav`
+},{
+	name: `_href`,
+	desc: `Gibt die Ziel-Url des Links an.`,
+	types: `string`,
+	comps: `link, link-button, quote`
 },{
 	name: `_custom-class`,
 	desc: `Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist.`,
@@ -641,11 +650,6 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	desc: `Definiert das Verhalten, bei dem der Link geöffnet werden soll.`,
 	types: `string`,
 	comps: `link, link-button`
-},{
-	name: `_href`,
-	desc: `Gibt die Ziel-Url des Links an.`,
-	types: `string`,
-	comps: `link, link-button`
 },{
 	name: `_orientation`,
 	desc: `Gibt die Ausrichtung der LinkList an.`,
@@ -671,6 +675,11 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	desc: `Gibt an, ob der Alert ein Schließen-Icon hat.`,
 	types: `boolean`,
 	comps: `alert, toast`
+},{
+	name: `_caption`,
+	desc: `Gibt den  Titel oder eine Legende mit Erklärungen zur Tabelle an.`,
+	types: `string`,
+	comps: `quote, table`
 },{
 	name: `_width`,
 	desc: `Gibt an, wie breit der Anzeigebereich sein soll (<= max-width: 100%).`,
@@ -831,10 +840,14 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	desc: `Gibt an, ob der Pflichtfeld-Hinweis eingeblendet werden soll.`,
 	types: `boolean | string`,
 	comps: `form`
+},{
+	name: `_quote`,
+	desc: `The text of the quote.`,
+	types: `string`,
+	comps: `quote`
 },{
 	name: `_part`,
-	desc: `Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)
-/**`,
+	desc: `Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)`,
 	types: `string`,
 	comps: `icon`
 },{
@@ -857,11 +870,6 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	desc: `Gibt die Daten an, die für die Erstellung der Tabelle verwendet werden.`,
 	types: `KoliBriDataType[] | string`,
 	comps: `table`
-},{
-	name: `_caption`,
-	desc: `Gibt den  Titel oder eine Legende mit Erklärungen zur Tabelle an.`,
-	types: `string`,
-	comps: `table`
 },{
 	name: `_indeterminate`,
 	desc: `Gibt an, ob die Checkbox weder ausgewählt noch nicht ausgewählt ist.`,