@publicplan/kern-react-kit 1.3.2 → 1.3.3

package/dist/index.css

@@ -92,3 +92,27 @@
   font-size: inherit;
   line-height: inherit;
 }
+
+.kern-btn > .kern-icon {
+  color: var(--kern-color-action-default, #1A3DA5);
+}
+
+.kern-btn--primary > .kern-icon {
+  color: var(--kern-color-action-on-default, #FFF);
+}
+
+.kern-badge--info .kern-icon {
+  color: var(--kern-color-feedback-info, #006490);
+}
+
+.kern-badge--success .kern-icon {
+  color: var(--kern-color-feedback-success, #006B51);
+}
+
+.kern-badge--warning .kern-icon {
+  color: var(--kern-color-feedback-warning, #8A4F00);
+}
+
+.kern-badge--danger .kern-icon {
+  color: var(--kern-color-feedback-danger, #BD0F09);
+}

package/dist/index.d.cts

@@ -395,6 +395,7 @@ interface ListsRootProps extends Omit<React.ComponentPropsWithoutRef<'ol' | 'ul'
   style?: React.CSSProperties;
   size?: 'default' | 'large' | 'small';
   type?: 'bullet' | 'number' | 'link';
+  horizontal?: boolean;
 }
 declare const ListsRoot: React.FC<ListsRootProps>;
 //#endregion
@@ -590,13 +591,14 @@ interface TaskListRootProps extends React.ComponentPropsWithoutRef<'div'> {}
 declare const TaskListRoot: React.FC<TaskListRootProps>;
 //#endregion
 //#region src/components/Badge/Badge.d.ts
-interface BadgeProps extends React.ComponentPropsWithoutRef<'span'> {
+interface BadgeProps extends React$1.ComponentPropsWithoutRef<'span'> {
   variant: 'info' | 'success' | 'warning' | 'danger';
   title: string;
-  icon?: Omit<IconProps, 'name' | 'aria-hidden'>;
+  icon?: React$1.ReactNode;
+  iconSize?: 'small' | 'default' | 'large' | 'x-large';
   showIcon?: boolean;
 }
-declare const Badge: React.FC<BadgeProps>;
+declare const Badge: React$1.FC<BadgeProps>;
 //#endregion
 //#region src/components/Body/Body.d.ts
 interface BodyProps extends Omit<React.ComponentPropsWithoutRef<'p'>, 'text'> {
@@ -609,16 +611,30 @@ interface BodyProps extends Omit<React.ComponentPropsWithoutRef<'p'>, 'text'> {
 declare const Body: React.FC<BodyProps>;
 //#endregion
 //#region src/components/Button/Button.d.ts
-interface ButtonProps extends Omit<React$1.ComponentPropsWithoutRef<'button'>, 'text'> {
+type CommonProps = {
   variant?: 'primary' | 'secondary' | 'tertiary';
   isBlock?: boolean;
-  icon?: IconProps;
+  icon?: IconProps | React$1.ReactNode;
+  iconSize?: 'small' | 'default' | 'large' | 'x-large';
   iconOnly?: boolean;
   iconLeft?: boolean;
   text?: string | null;
-  ref?: React$1.Ref<HTMLButtonElement>;
-}
-declare const Button: React$1.FC<ButtonProps>;
+  children?: React$1.ReactNode;
+  className?: string;
+};
+type ButtonAsButton = CommonProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'className'> & {
+  as?: 'button';
+  href?: never;
+  target?: never;
+};
+type ButtonAsAnchor = CommonProps & Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, 'type' | 'className'> & {
+  as: 'a';
+  href: string;
+  target?: '_self' | '_blank';
+  disabled?: boolean;
+};
+type ButtonProps = ButtonAsButton | ButtonAsAnchor;
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 //#endregion
 //#region src/components/Divider/Divider.d.ts
 declare const Divider: React.FC<React.ComponentPropsWithoutRef<'hr'>>;
@@ -759,6 +775,10 @@ interface KopfzeileProps extends React.ComponentPropsWithoutRef<'div'> {
 }
 declare const Kopfzeile: React.FC<KopfzeileProps>;
 //#endregion
+//#region src/components/LinkButton/LinkButton.d.ts
+type LinkButtonProps = Omit<ButtonAsAnchor, 'as'>;
+declare const LinkButton: React$1.FC<LinkButtonProps>;
+//#endregion
 //#region src/components/Loader/Loader.d.ts
 interface LoaderProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'role' | 'aria-atomic'> {
   visible?: boolean;
@@ -1090,5 +1110,5 @@ declare const Progress: react11.FC<ProgressRootProps> & typeof index_d_exports$9
 declare const Summary: react11.FC<SummaryProps> & typeof index_d_exports$10;
 declare const TaskList: react11.FC<TaskListRootProps> & typeof index_d_exports$12;
 //#endregion
-export { Accordion, type AccordionContentProps, type AccordionGroupProps, type AccordionRootProps, type AccordionSummaryProps, Alert, type AlertBodyProps, type AlertHeaderProps, type AlertRootProps, Badge, type BadgeProps, Body, Button, type ButtonProps, Card, type CardBodyProps, type CardContainerProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardPrelineProps, type CardRootProps, type CardSublineProps, type CardTitleProps, CheckboxInput, type CheckboxInputProps, DateInput, type DateInputProps, DescriptionList, type DescriptionListItemProps, type DescriptionListKeyProps, type DescriptionListRootProps, type DescriptionListValueProps, Dialog, type DialogButtonProps, type DialogContentProps, type DialogFooterProps, type DialogHeaderProps, type DialogModalProps, type DialogRootProps, type DialogTriggerProps, Divider, EmailInput, type EmailInputProps, Fieldset, type FieldsetContentProps, type FieldsetErrorProps, type FieldsetHintProps, type FieldsetLegendProps, type FieldsetRootProps, FileInput, type FileInputProps, Grid, type GridColumnProps, type GridRootProps, type GridRowProps, Heading, Icon, type IconProps, type InputErrorProps, type HintProps as InputHintProps, type LabelProps as InputLabelProps, InputPrimitive, type RootProps as InputRootProps, Kopfzeile, type KopfzeileProps, Label, type LabelProps$1 as LabelProps, Link, type LinkProps, Lists, type ListsBulletProps, type ListsItemProps, type ListsNumberProps, type ListsRootProps, Loader, type LoaderProps, NumberInput, type NumberInputProps, PasswordInput, type PasswordInputProps, Preline, type PrelineProps, Progress, type ProgressBarProps, type ProgressHeaderProps, type ProgressLabelProps, type ProgressRootProps, RadioInput, type RadioInputProps, SelectInput, type SelectInputProps, Subline, type SublineProps, Summary, type SummaryActionsProps, type SummaryBodyProps, type SummaryGroupHeadingProps, type SummaryGroupProps, type SummaryHeadingProps, type SummaryProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableFooterProps, type TableHeaderProps, type TableRootProps, type TableRowProps, TaskList, type TaskListHeadingProps, type TaskListItemProps, type TaskListProps, type TaskListRootProps, TelInput, type TelInputProps, TextInput, type TextInputProps, TextareaInput, type TextareaInputProps, type Theme, ThemeProvider, type ThemeProviderProps, Title, type TitleProps, UrlInput, type UrlInputProps };
+export { Accordion, type AccordionContentProps, type AccordionGroupProps, type AccordionRootProps, type AccordionSummaryProps, Alert, type AlertBodyProps, type AlertHeaderProps, type AlertRootProps, Badge, type BadgeProps, Body, Button, type ButtonProps, Card, type CardBodyProps, type CardContainerProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardPrelineProps, type CardRootProps, type CardSublineProps, type CardTitleProps, CheckboxInput, type CheckboxInputProps, DateInput, type DateInputProps, DescriptionList, type DescriptionListItemProps, type DescriptionListKeyProps, type DescriptionListRootProps, type DescriptionListValueProps, Dialog, type DialogButtonProps, type DialogContentProps, type DialogFooterProps, type DialogHeaderProps, type DialogModalProps, type DialogRootProps, type DialogTriggerProps, Divider, EmailInput, type EmailInputProps, Fieldset, type FieldsetContentProps, type FieldsetErrorProps, type FieldsetHintProps, type FieldsetLegendProps, type FieldsetRootProps, FileInput, type FileInputProps, Grid, type GridColumnProps, type GridRootProps, type GridRowProps, Heading, Icon, type IconProps, type InputErrorProps, type HintProps as InputHintProps, type LabelProps as InputLabelProps, InputPrimitive, type RootProps as InputRootProps, Kopfzeile, type KopfzeileProps, Label, type LabelProps$1 as LabelProps, Link, LinkButton, type LinkProps, Lists, type ListsBulletProps, type ListsItemProps, type ListsNumberProps, type ListsRootProps, Loader, type LoaderProps, NumberInput, type NumberInputProps, PasswordInput, type PasswordInputProps, Preline, type PrelineProps, Progress, type ProgressBarProps, type ProgressHeaderProps, type ProgressLabelProps, type ProgressRootProps, RadioInput, type RadioInputProps, SelectInput, type SelectInputProps, Subline, type SublineProps, Summary, type SummaryActionsProps, type SummaryBodyProps, type SummaryGroupHeadingProps, type SummaryGroupProps, type SummaryHeadingProps, type SummaryProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableFooterProps, type TableHeaderProps, type TableRootProps, type TableRowProps, TaskList, type TaskListHeadingProps, type TaskListItemProps, type TaskListProps, type TaskListRootProps, TelInput, type TelInputProps, TextInput, type TextInputProps, TextareaInput, type TextareaInputProps, type Theme, ThemeProvider, type ThemeProviderProps, Title, type TitleProps, UrlInput, type UrlInputProps };
 //# sourceMappingURL=index.d.cts.map

package/dist/index.d.ts

@@ -393,6 +393,7 @@ interface ListsRootProps extends Omit<React.ComponentPropsWithoutRef<'ol' | 'ul'
   style?: React.CSSProperties;
   size?: 'default' | 'large' | 'small';
   type?: 'bullet' | 'number' | 'link';
+  horizontal?: boolean;
 }
 declare const ListsRoot: React.FC<ListsRootProps>;
 //#endregion
@@ -588,13 +589,14 @@ interface TaskListRootProps extends React.ComponentPropsWithoutRef<'div'> {}
 declare const TaskListRoot: React.FC<TaskListRootProps>;
 //#endregion
 //#region src/components/Badge/Badge.d.ts
-interface BadgeProps extends React.ComponentPropsWithoutRef<'span'> {
+interface BadgeProps extends React$1.ComponentPropsWithoutRef<'span'> {
   variant: 'info' | 'success' | 'warning' | 'danger';
   title: string;
-  icon?: Omit<IconProps, 'name' | 'aria-hidden'>;
+  icon?: React$1.ReactNode;
+  iconSize?: 'small' | 'default' | 'large' | 'x-large';
   showIcon?: boolean;
 }
-declare const Badge: React.FC<BadgeProps>;
+declare const Badge: React$1.FC<BadgeProps>;
 //#endregion
 //#region src/components/Body/Body.d.ts
 interface BodyProps extends Omit<React.ComponentPropsWithoutRef<'p'>, 'text'> {
@@ -607,16 +609,30 @@ interface BodyProps extends Omit<React.ComponentPropsWithoutRef<'p'>, 'text'> {
 declare const Body: React.FC<BodyProps>;
 //#endregion
 //#region src/components/Button/Button.d.ts
-interface ButtonProps extends Omit<React$1.ComponentPropsWithoutRef<'button'>, 'text'> {
+type CommonProps = {
   variant?: 'primary' | 'secondary' | 'tertiary';
   isBlock?: boolean;
-  icon?: IconProps;
+  icon?: IconProps | React$1.ReactNode;
+  iconSize?: 'small' | 'default' | 'large' | 'x-large';
   iconOnly?: boolean;
   iconLeft?: boolean;
   text?: string | null;
-  ref?: React$1.Ref<HTMLButtonElement>;
-}
-declare const Button: React$1.FC<ButtonProps>;
+  children?: React$1.ReactNode;
+  className?: string;
+};
+type ButtonAsButton = CommonProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'className'> & {
+  as?: 'button';
+  href?: never;
+  target?: never;
+};
+type ButtonAsAnchor = CommonProps & Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, 'type' | 'className'> & {
+  as: 'a';
+  href: string;
+  target?: '_self' | '_blank';
+  disabled?: boolean;
+};
+type ButtonProps = ButtonAsButton | ButtonAsAnchor;
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 //#endregion
 //#region src/components/Divider/Divider.d.ts
 declare const Divider: React.FC<React.ComponentPropsWithoutRef<'hr'>>;
@@ -757,6 +773,10 @@ interface KopfzeileProps extends React.ComponentPropsWithoutRef<'div'> {
 }
 declare const Kopfzeile: React.FC<KopfzeileProps>;
 //#endregion
+//#region src/components/LinkButton/LinkButton.d.ts
+type LinkButtonProps = Omit<ButtonAsAnchor, 'as'>;
+declare const LinkButton: React$1.FC<LinkButtonProps>;
+//#endregion
 //#region src/components/Loader/Loader.d.ts
 interface LoaderProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'role' | 'aria-atomic'> {
   visible?: boolean;
@@ -1088,5 +1108,5 @@ declare const Progress: react11.FC<ProgressRootProps> & typeof index_d_exports$9
 declare const Summary: react11.FC<SummaryProps> & typeof index_d_exports$10;
 declare const TaskList: react11.FC<TaskListRootProps> & typeof index_d_exports$12;
 //#endregion
-export { Accordion, type AccordionContentProps, type AccordionGroupProps, type AccordionRootProps, type AccordionSummaryProps, Alert, type AlertBodyProps, type AlertHeaderProps, type AlertRootProps, Badge, type BadgeProps, Body, Button, type ButtonProps, Card, type CardBodyProps, type CardContainerProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardPrelineProps, type CardRootProps, type CardSublineProps, type CardTitleProps, CheckboxInput, type CheckboxInputProps, DateInput, type DateInputProps, DescriptionList, type DescriptionListItemProps, type DescriptionListKeyProps, type DescriptionListRootProps, type DescriptionListValueProps, Dialog, type DialogButtonProps, type DialogContentProps, type DialogFooterProps, type DialogHeaderProps, type DialogModalProps, type DialogRootProps, type DialogTriggerProps, Divider, EmailInput, type EmailInputProps, Fieldset, type FieldsetContentProps, type FieldsetErrorProps, type FieldsetHintProps, type FieldsetLegendProps, type FieldsetRootProps, FileInput, type FileInputProps, Grid, type GridColumnProps, type GridRootProps, type GridRowProps, Heading, Icon, type IconProps, type InputErrorProps, type HintProps as InputHintProps, type LabelProps as InputLabelProps, InputPrimitive, type RootProps as InputRootProps, Kopfzeile, type KopfzeileProps, Label, type LabelProps$1 as LabelProps, Link, type LinkProps, Lists, type ListsBulletProps, type ListsItemProps, type ListsNumberProps, type ListsRootProps, Loader, type LoaderProps, NumberInput, type NumberInputProps, PasswordInput, type PasswordInputProps, Preline, type PrelineProps, Progress, type ProgressBarProps, type ProgressHeaderProps, type ProgressLabelProps, type ProgressRootProps, RadioInput, type RadioInputProps, SelectInput, type SelectInputProps, Subline, type SublineProps, Summary, type SummaryActionsProps, type SummaryBodyProps, type SummaryGroupHeadingProps, type SummaryGroupProps, type SummaryHeadingProps, type SummaryProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableFooterProps, type TableHeaderProps, type TableRootProps, type TableRowProps, TaskList, type TaskListHeadingProps, type TaskListItemProps, type TaskListProps, type TaskListRootProps, TelInput, type TelInputProps, TextInput, type TextInputProps, TextareaInput, type TextareaInputProps, type Theme, ThemeProvider, type ThemeProviderProps, Title, type TitleProps, UrlInput, type UrlInputProps };
+export { Accordion, type AccordionContentProps, type AccordionGroupProps, type AccordionRootProps, type AccordionSummaryProps, Alert, type AlertBodyProps, type AlertHeaderProps, type AlertRootProps, Badge, type BadgeProps, Body, Button, type ButtonProps, Card, type CardBodyProps, type CardContainerProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardPrelineProps, type CardRootProps, type CardSublineProps, type CardTitleProps, CheckboxInput, type CheckboxInputProps, DateInput, type DateInputProps, DescriptionList, type DescriptionListItemProps, type DescriptionListKeyProps, type DescriptionListRootProps, type DescriptionListValueProps, Dialog, type DialogButtonProps, type DialogContentProps, type DialogFooterProps, type DialogHeaderProps, type DialogModalProps, type DialogRootProps, type DialogTriggerProps, Divider, EmailInput, type EmailInputProps, Fieldset, type FieldsetContentProps, type FieldsetErrorProps, type FieldsetHintProps, type FieldsetLegendProps, type FieldsetRootProps, FileInput, type FileInputProps, Grid, type GridColumnProps, type GridRootProps, type GridRowProps, Heading, Icon, type IconProps, type InputErrorProps, type HintProps as InputHintProps, type LabelProps as InputLabelProps, InputPrimitive, type RootProps as InputRootProps, Kopfzeile, type KopfzeileProps, Label, type LabelProps$1 as LabelProps, Link, LinkButton, type LinkProps, Lists, type ListsBulletProps, type ListsItemProps, type ListsNumberProps, type ListsRootProps, Loader, type LoaderProps, NumberInput, type NumberInputProps, PasswordInput, type PasswordInputProps, Preline, type PrelineProps, Progress, type ProgressBarProps, type ProgressHeaderProps, type ProgressLabelProps, type ProgressRootProps, RadioInput, type RadioInputProps, SelectInput, type SelectInputProps, Subline, type SublineProps, Summary, type SummaryActionsProps, type SummaryBodyProps, type SummaryGroupHeadingProps, type SummaryGroupProps, type SummaryHeadingProps, type SummaryProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableFooterProps, type TableHeaderProps, type TableRootProps, type TableRowProps, TaskList, type TaskListHeadingProps, type TaskListItemProps, type TaskListProps, type TaskListRootProps, TelInput, type TelInputProps, TextInput, type TextInputProps, TextareaInput, type TextareaInputProps, type Theme, ThemeProvider, type ThemeProviderProps, Title, type TitleProps, UrlInput, type UrlInputProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -267,7 +267,7 @@ const _excluded$86 = [
 	"isStretched",
 	"className"
 ];
-const getIcon$1 = (iconProps) => iconProps ? /* @__PURE__ */ jsx(Icon, {
+const getIcon = (iconProps) => iconProps ? /* @__PURE__ */ jsx(Icon, {
 	name: iconProps.name,
 	size: iconProps.size
 }) : null;
@@ -279,9 +279,9 @@ const Link = (_ref) => {
 		className: linkClass,
 		target: (icon === null || icon === void 0 ? void 0 : icon.name) === "open-in-new" ? "_blank" : target,
 		children: [
-			iconLeft && getIcon$1(icon),
+			iconLeft && getIcon(icon),
 			linkText,
-			!iconLeft && getIcon$1(icon)
+			!iconLeft && getIcon(icon)
 		]
 	}));
 };
@@ -552,16 +552,18 @@ const _excluded$70 = [
 	"variant",
 	"isBlock",
 	"icon",
+	"iconSize",
 	"iconOnly",
 	"iconLeft",
 	"text",
 	"children",
 	"className"
+], _excluded2 = [
+	"href",
+	"target",
+	"disabled"
 ];
-const getIcon = (iconProps) => iconProps ? /* @__PURE__ */ jsx(Icon, {
-	name: iconProps.name,
-	size: iconProps.size
-}) : null;
+const isIconProps = (icon) => typeof icon === "object" && icon !== null && "name" in icon && !React.isValidElement(icon);
 const IconOnlyLabel = ({ labelText }) => {
 	if (!labelText) return null;
 	return /* @__PURE__ */ jsx("span", {
@@ -569,26 +571,80 @@ const IconOnlyLabel = ({ labelText }) => {
 		children: labelText.replace(/^./, (c) => c.toUpperCase())
 	});
 };
-const Button = (_ref) => {
-	let { variant = "primary", isBlock, icon, iconOnly, iconLeft, text, children, className } = _ref, rest = _objectWithoutProperties(_ref, _excluded$70);
+const Button = React.forwardRef((props, ref) => {
+	const { variant = "primary", isBlock, icon, iconSize = "default", iconOnly, iconLeft, text, children, className } = props, rest = _objectWithoutProperties(props, _excluded$70);
 	const classes = cn("kern-btn", isBlock && "kern-btn--block", `kern-btn--${variant}`, className);
-	const iconElement = getIcon(icon);
-	if (iconOnly) return /* @__PURE__ */ jsxs("button", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: classes,
-		children: [iconElement, /* @__PURE__ */ jsx(IconOnlyLabel, { labelText: text || (icon === null || icon === void 0 ? void 0 : icon.name) })]
-	}));
-	return /* @__PURE__ */ jsxs("button", _objectSpread2(_objectSpread2({}, rest), {}, {
-		className: classes,
-		children: [
+	let iconElement = null;
+	if (icon && (typeof icon === "object" && "name" in icon && icon.name.length > 0 || React.isValidElement(icon))) {
+		if (isIconProps(icon)) iconElement = /* @__PURE__ */ jsx(Icon, {
+			name: icon.name,
+			size: icon.size
+		});
+		else if (React.isValidElement(icon)) iconElement = /* @__PURE__ */ jsx("span", {
+			className: cn("kern-icon", `kern-icon--${iconSize}`),
+			style: {
+				mask: "none",
+				WebkitMask: "none",
+				background: "none",
+				display: "inline-flex"
+			},
+			"aria-hidden": true,
+			children: icon
+		});
+	}
+	if ("as" in props && props.as === "a" && props.href) {
+		const _ref = rest, { href, target, disabled } = _ref, anchorRest = _objectWithoutProperties(_ref, _excluded2);
+		if (iconOnly) {
+			const labelText = text || (isIconProps(icon) ? icon.name : void 0);
+			const ariaDisabled = disabled ? {
+				"aria-disabled": true,
+				tabIndex: -1,
+				onClick: (e) => e.preventDefault(),
+				href: void 0
+			} : {};
+			return /* @__PURE__ */ jsxs("a", _objectSpread2(_objectSpread2(_objectSpread2({
+				ref,
+				href,
+				target,
+				className: classes
+			}, anchorRest), ariaDisabled), {}, { children: [iconElement, /* @__PURE__ */ jsx(IconOnlyLabel, { labelText })] }));
+		}
+		return /* @__PURE__ */ jsxs("a", _objectSpread2(_objectSpread2({
+			ref,
+			href,
+			target,
+			className: classes
+		}, anchorRest), {}, { children: [
 			iconLeft && iconElement,
-			text && /* @__PURE__ */ jsx("span", {
+			/* @__PURE__ */ jsx("span", {
 				className: "kern-label",
 				children: children || text
 			}),
 			!iconLeft && iconElement
-		]
-	}));
-};
+		] }));
+	}
+	const buttonRest = rest;
+	if (iconOnly) {
+		const labelText = text || (isIconProps(icon) ? icon.name : void 0);
+		return /* @__PURE__ */ jsxs("button", _objectSpread2(_objectSpread2({
+			ref,
+			type: "button",
+			className: classes
+		}, buttonRest), {}, { children: [iconElement, /* @__PURE__ */ jsx(IconOnlyLabel, { labelText })] }));
+	}
+	return /* @__PURE__ */ jsxs("button", _objectSpread2(_objectSpread2({
+		ref,
+		type: "button",
+		className: classes
+	}, buttonRest), {}, { children: [
+		iconLeft && iconElement,
+		text && /* @__PURE__ */ jsx("span", {
+			className: "kern-label",
+			children: children || text
+		}),
+		!iconLeft && iconElement
+	] }));
+});
 Button.isInteractive = true;
 
 //#endregion
@@ -1196,7 +1252,6 @@ const FieldsetRoot = ({ children, id, className, style, error = false }) => {
 		className: cn(`kern-fieldset`, error && "kern-fieldset--error", className),
 		style,
 		id,
-		role: "group",
 		"aria-describedby": hintText,
 		children
 	});
@@ -1286,12 +1341,13 @@ const _excluded$41 = [
 	"children",
 	"className",
 	"size",
-	"type"
+	"type",
+	"horizontal"
 ];
 const ListsRoot = (_ref) => {
-	let { children, className, size = "default", type = "bullet" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$41);
+	let { children, className, size = "default", type = "bullet", horizontal = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$41);
 	const Component = type === "number" ? "ol" : "ul";
-	const listClasses = cn("kern-list", size !== "default" && `kern-list--${size}`, type && `kern-list--${type}`, className);
+	const listClasses = cn("kern-list", size !== "default" && `kern-list--${size}`, type && `kern-list--${type}`, horizontal && "kern-list--horizontal", className);
 	return /* @__PURE__ */ jsx(Component, _objectSpread2(_objectSpread2({}, rest), {}, {
 		className: listClasses,
 		children
@@ -1875,23 +1931,39 @@ const _excluded$18 = [
 	"variant",
 	"className",
 	"icon",
+	"iconSize",
 	"showIcon"
 ];
 const Badge = (_ref) => {
-	let { title, variant, className, icon, showIcon = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$18);
+	let { title, variant, className, icon, iconSize = "default", showIcon = false } = _ref, rest = _objectWithoutProperties(_ref, _excluded$18);
+	const customIconElement = icon ? /* @__PURE__ */ jsx("span", {
+		className: cn("kern-icon", `kern-icon--${iconSize}`),
+		style: {
+			mask: "none",
+			WebkitMask: "none",
+			background: "none",
+			display: "inline-flex"
+		},
+		"aria-hidden": true,
+		children: icon
+	}) : null;
 	return /* @__PURE__ */ jsxs("span", _objectSpread2(_objectSpread2({}, rest), {}, {
 		role: "status",
 		className: cn(`kern-badge kern-badge--${variant}`, className),
-		children: [showIcon && /* @__PURE__ */ jsx(Icon, _objectSpread2(_objectSpread2({}, icon), {}, {
-			"aria-hidden": true,
-			name: variant
-		})), /* @__PURE__ */ jsxs("span", {
-			className: "kern-label kern-label-small",
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "kern-label kern-sr-only",
-				children: variant.replace(/^./, (c) => c.toUpperCase())
-			}), title]
-		})]
+		children: [
+			customIconElement,
+			!icon && showIcon && /* @__PURE__ */ jsx(Icon, {
+				"aria-hidden": true,
+				name: variant
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: "kern-label kern-label-small",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "kern-label kern-sr-only",
+					children: variant.replace(/^./, (c) => c.toUpperCase())
+				}), title]
+			})
+		]
 	}));
 };
 
@@ -2442,6 +2514,16 @@ const Kopfzeile = (_ref) => {
 	})), customStyle] });
 };
 
+//#endregion
+//#region src/components/LinkButton/LinkButton.tsx
+const LinkButton = (props) => {
+	if (!props.href) {
+		console.error("href ist für LinkButton erforderlich");
+		return null;
+	}
+	return /* @__PURE__ */ jsx(Button, _objectSpread2({ as: "a" }, props));
+};
+
 //#endregion
 //#region src/components/Loader/Loader.tsx
 const _excluded$3 = [
@@ -2587,5 +2669,5 @@ const Summary = Object.assign(SummaryRoot, Summary_exports);
 const TaskList = Object.assign(TaskListRoot, TaskList_exports);
 
 //#endregion
-export { Accordion, Alert, Badge, Body, Button, Card, CheckboxInput, DateInput, DescriptionList, Dialog, Divider, EmailInput, Fieldset, FileInput, Grid, Heading, Icon, InputPrimitive, Kopfzeile, Label, Link, Lists, Loader, NumberInput, PasswordInput, Preline, Progress, RadioInput, SelectInput, Subline, Summary, Table, TaskList, TelInput, TextInput, TextareaInput, ThemeProvider, Title, UrlInput };
+export { Accordion, Alert, Badge, Body, Button, Card, CheckboxInput, DateInput, DescriptionList, Dialog, Divider, EmailInput, Fieldset, FileInput, Grid, Heading, Icon, InputPrimitive, Kopfzeile, Label, Link, LinkButton, Lists, Loader, NumberInput, PasswordInput, Preline, Progress, RadioInput, SelectInput, Subline, Summary, Table, TaskList, TelInput, TextInput, TextareaInput, ThemeProvider, Title, UrlInput };
 //# sourceMappingURL=index.js.map