@public-ui/components 1.2.0-rc.0 → 1.2.0-rc.10

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/core@1.2.0-rc.0';
-			import { defineCustomElements } from 'https://esm.sh/@public-ui/components@1.2.0-rc.0/dist/loader';
-			import { MAPZ } from 'https://esm.sh/@public-ui/themes@1.2.0-rc.0';
+			import { register } from 'https://esm.sh/@public-ui/core@1.3.0-rc.3';
+			import { defineCustomElements } from 'https://esm.sh/@public-ui/components@1.2.0-rc.10/dist/loader';
+			import { MAPZ } from 'https://esm.sh/@public-ui/themes@1.2.0-rc.10';
 				register(MAPZ, 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/core@1.2.0-rc.0';
-		import { defineCustomElements } from 'https://esm.sh/@public-ui/components@1.2.0-rc.0/dist/loader';
-		import { MAPZ } from 'https://esm.sh/@public-ui/themes@1.2.0-rc.0';
+		import { register } from 'https://esm.sh/@public-ui/core@1.2.0-rc.10';
+		import { defineCustomElements } from 'https://esm.sh/@public-ui/components@1.2.0-rc.10/dist/loader';
+		import { MAPZ } from 'https://esm.sh/@public-ui/themes@1.2.0-rc.10';
 		register([MAPZ], [defineCustomElements])
 			.then(() =&#62; {})
 			.catch(console.warn);
@@ -221,7 +221,7 @@ seine Ausrichtung von **_rechts_** nach **_unten_**.<br/>Analog lässt sich die
 	props: `_open, _summary`
 },{
 	name: `form`,
-	desc: ``,
+	desc: `Die **Form**-Komponente dient dazu alle Eingabefelder zu umschließen, den Hinweistext für Pflichtfelder korrekt zu positionieren und die Events 'submit' und 'reset' weiterzuleiten.`,
 	props: `_required-text`
 },{
 	name: `heading`,
@@ -292,7 +292,7 @@ Der Link wird standardmäßig in klassischer Form mit Unterstrich ausgegeben, de
 
 Beachten Sie, dass die Komponente automatisch ein Padding links und rechts zum umgebenden Text erzeugt. Sie kann daher im Fließtext ohne
 Eingabe von Leerzeichen eingefügt werden. Zusätzliche Leerzeichen vergrößern den Abstand zum umgebenden Text.`,
-	props: `_aria-controls, _aria-current, _aria-expanded, _aria-label, _aria-selected, _disabled, _fill, _href, _icon, _icon-align, _icon-only, _label, _part, _role, _selector, _stealth, _tab-index, _target, _target-description, _tooltip-align, _underline, _use-case`
+	props: `_aria-controls, _aria-current, _aria-expanded, _aria-label, _aria-selected, _disabled, _href, _icon, _icon-align, _icon-only, _label, _role, _selector, _stealth, _tab-index, _target, _target-description, _tooltip-align, _use-case`
 },{
 	name: `link-button`,
 	desc: `Der LinkButton ist semantisch ein Link und hat das Design eines Buttons. Hierzu werden alle relevanten Properties der Link-Komponente übernommen und um die Design-bestimmenden Properties des Buttons erweitert.
@@ -617,7 +617,7 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 },{
 	name: `_icon-align`,
 	desc: `Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.`,
-	types: `"left" | "right"`,
+	types: `"bottom" | "left" | "right" | "top"`,
 	comps: `badge, button, link`
 },{
 	name: `_custom-class`,
@@ -639,12 +639,6 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	desc: `Gibt die Ziel-Url des Links an.`,
 	types: `string`,
 	comps: `link, link-button`
-},{
-	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/)
-/**`,
-	types: `string`,
-	comps: `icon, link`
 },{
 	name: `_orientation`,
 	desc: `Gibt die Ausrichtung der LinkList an.`,
@@ -670,11 +664,6 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	desc: `Gibt den Verwendungsfall des Links an.`,
 	types: `"image" | "nav" | "text"`,
 	comps: `link`
-},{
-	name: `_underline`,
-	desc: `Gibt an, ob die Links unterstrichen dargestellt werden.`,
-	types: `boolean`,
-	comps: `link`
 },{
 	name: `_stealth`,
 	desc: `Gibt an, ob der Link nur beim Fokus sichtbar ist.`,
@@ -685,11 +674,6 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	desc: `Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.`,
 	types: `string`,
 	comps: `link`
-},{
-	name: `_fill`,
-	desc: `Gibt an, ob der Link die gesamte zur Verfügung stehende Breite ausfüllt.`,
-	types: `boolean`,
-	comps: `link`
 },{
 	name: `_unit`,
 	desc: `Gibt die Einheit der Fortschrittswerte an.`,
@@ -763,7 +747,7 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 },{
 	name: `_smart-button`,
 	desc: `Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).`,
-	types: `string | { _label: string; } & { _ariaControls?: string | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaExpanded?: boolean | undefined; _ariaLabel?: string | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Alignment | undefined; _iconOnly?: boolean | undefined; _role?: "tab" | undefined; _tabIndex?: number | undefined; _tooltipAlign?: TooltipAlignment | undefined; _accessKey?: string | undefined; _id?: string | undefined; _on?: KoliBriButtonCallbacks<unknown> | undefined; _type?: KoliBriButtonType | undefined; _value?: unknown; _customClass?: string | undefined; _variant?: KoliBriButtonVariant | undefined; }`,
+	types: `string | { _label: string; } & { _ariaControls?: string | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaExpanded?: boolean | undefined; _ariaLabel?: string | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Alignment | undefined; _iconOnly?: boolean | undefined; _role?: "tab" | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Alignment | undefined; _accessKey?: string | undefined; _id?: string | undefined; _on?: KoliBriButtonCallbacks<unknown> | undefined; _type?: KoliBriButtonType | undefined; _value?: unknown; _customClass?: string | undefined; _variant?: KoliBriButtonVariant | undefined; }`,
 	comps: `badge`
 },{
 	name: `_color`,
@@ -800,10 +784,16 @@ 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: `_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/)
+/**`,
+	types: `string`,
+	comps: `icon`
 },{
 	name: `_pagination`,
 	desc: `Gibt an, ob die Daten geteilt in Seiten angezeigt wird.`,
-	types: `boolean | string | { _page: number; } & { _on?: KoliBriPaginationButtonCallbacks | undefined; _page?: number | undefined; _total?: number | undefined; _customClass?: string | undefined; _variant?: KoliBriButtonVariant | undefined; _boundaryCount?: number | undefined; _hasButtons?: boolean | Stringified<PaginationHasButton> | undefined; _pageSize?: number | undefined; _pageSizeOptions?: Stringified<number[]> | undefined; _siblingCount?: number | undefined; _tooltipAlign?: TooltipAlignment | undefined; }`,
+	types: `boolean | string | { _page: number; } & { _on?: KoliBriPaginationButtonCallbacks | undefined; _page?: number | undefined; _total?: number | undefined; _customClass?: string | undefined; _variant?: KoliBriButtonVariant | undefined; _boundaryCount?: number | undefined; _hasButtons?: boolean | Stringified<PaginationHasButton> | undefined; _pageSize?: number | undefined; _pageSizeOptions?: Stringified<number[]> | undefined; _siblingCount?: number | undefined; _tooltipAlign?: Alignment | undefined; }`,
 	comps: `table`
 },{
 	name: `_min-width`,