@publicplan/kern-react-kit 1.3.2 → 1.3.4

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,32 @@ 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>, 'className'> & {
+  type: 'button' | 'submit' | 'reset';
+  as?: 'button';
+  href?: never;
+  target?: never;
+};
+type ButtonAsAnchor = CommonProps & Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, 'type' | 'className'> & {
+  as: 'a';
+  type?: never;
+  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 +777,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 +1112,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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as react11 from "react";
+import * as react13 from "react";
 import React$1 from "react";
 
 //#region src/components/Accordion/Content.d.ts
@@ -271,13 +271,13 @@ declare const GridRow: React$1.FC<GridRowProps>;
 interface CheckboxInputProps$1 extends Omit<React.ComponentPropsWithoutRef<'input'>, 'type' | 'aria-describedby'> {
   erroneous?: boolean;
 }
-declare const CheckboxInput$1: react11.ForwardRefExoticComponent<CheckboxInputProps$1 & react11.RefAttributes<HTMLInputElement>>;
+declare const CheckboxInput$1: react13.ForwardRefExoticComponent<CheckboxInputProps$1 & react13.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/Input/Primitives/Email/EmailInput.d.ts
 interface EmailInputProps$1 extends Omit<React.ComponentPropsWithoutRef<'input'>, 'type'> {
   erroneous?: boolean;
 }
-declare const EmailInput$1: react11.ForwardRefExoticComponent<EmailInputProps$1 & react11.RefAttributes<HTMLInputElement>>;
+declare const EmailInput$1: react13.ForwardRefExoticComponent<EmailInputProps$1 & react13.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/Input/Primitives/Error.d.ts
 interface InputErrorProps extends Omit<React.ComponentPropsWithoutRef<'p'>, 'role'> {
@@ -297,7 +297,7 @@ interface FileInputProps$1 extends Omit<React.ComponentPropsWithoutRef<'input'>,
   supportedFormats?: (FileExtension | MimeType)[];
   erroneous?: boolean;
 }
-declare const FileInput$1: react11.ForwardRefExoticComponent<FileInputProps$1 & react11.RefAttributes<HTMLInputElement>>;
+declare const FileInput$1: react13.ForwardRefExoticComponent<FileInputProps$1 & react13.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/Input/Primitives/Hint.d.ts
 interface HintProps extends React.ComponentPropsWithoutRef<'p'> {
@@ -333,13 +333,13 @@ declare const Label$1: ({
 interface PasswordInputProps$1 extends Omit<React.ComponentPropsWithoutRef<'input'>, 'type'> {
   erroneous?: boolean;
 }
-declare const PasswordInput$1: react11.ForwardRefExoticComponent<PasswordInputProps$1 & react11.RefAttributes<HTMLInputElement>>;
+declare const PasswordInput$1: react13.ForwardRefExoticComponent<PasswordInputProps$1 & react13.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/Input/Primitives/Radio/RadioInput.d.ts
 interface RadioInputProps$1 extends Omit<React.ComponentPropsWithoutRef<'input'>, 'type' | 'aria-describedby'> {
   erroneous?: boolean;
 }
-declare const RadioInput$1: react11.ForwardRefExoticComponent<RadioInputProps$1 & react11.RefAttributes<HTMLInputElement>>;
+declare const RadioInput$1: react13.ForwardRefExoticComponent<RadioInputProps$1 & react13.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/Input/Primitives/Root.d.ts
 interface RootProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -360,31 +360,31 @@ interface SelectInputProps$1 extends React.ComponentPropsWithoutRef<'select'> {
     label: string;
   }>;
 }
-declare const SelectInput$1: react11.ForwardRefExoticComponent<SelectInputProps$1 & react11.RefAttributes<HTMLSelectElement>>;
+declare const SelectInput$1: react13.ForwardRefExoticComponent<SelectInputProps$1 & react13.RefAttributes<HTMLSelectElement>>;
 //#endregion
 //#region src/components/Input/Primitives/Tel/TelInput.d.ts
 interface TelInputProps$1 extends Omit<React.ComponentPropsWithoutRef<'input'>, 'type' | 'autoComplete'> {
   erroneous?: boolean;
 }
-declare const TelInput$1: react11.ForwardRefExoticComponent<TelInputProps$1 & react11.RefAttributes<HTMLInputElement>>;
+declare const TelInput$1: react13.ForwardRefExoticComponent<TelInputProps$1 & react13.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/Input/Primitives/Text/TextInput.d.ts
 interface TextInputProps$1 extends Omit<React.ComponentPropsWithoutRef<'input'>, 'type'> {
   erroneous?: boolean;
 }
-declare const TextInput$1: react11.ForwardRefExoticComponent<TextInputProps$1 & react11.RefAttributes<HTMLInputElement>>;
+declare const TextInput$1: react13.ForwardRefExoticComponent<TextInputProps$1 & react13.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/Input/Primitives/Textarea/TextareaInput.d.ts
 interface TextareaInputProps$1 extends React.ComponentPropsWithoutRef<'textarea'> {
   erroneous?: boolean;
 }
-declare const TextareaInput$1: react11.ForwardRefExoticComponent<TextareaInputProps$1 & react11.RefAttributes<HTMLTextAreaElement>>;
+declare const TextareaInput$1: react13.ForwardRefExoticComponent<TextareaInputProps$1 & react13.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 //#region src/components/Input/Primitives/Url/UrlInput.d.ts
 interface UrlInputProps$1 extends Omit<React.ComponentPropsWithoutRef<'input'>, 'type'> {
   erroneous?: boolean;
 }
-declare const UrlInput$1: react11.ForwardRefExoticComponent<UrlInputProps$1 & react11.RefAttributes<HTMLInputElement>>;
+declare const UrlInput$1: react13.ForwardRefExoticComponent<UrlInputProps$1 & react13.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/Lists/Root.d.ts
 interface ListsRootProps extends Omit<React.ComponentPropsWithoutRef<'ol' | 'ul'>, 'type'> {
@@ -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,32 @@ 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>, 'className'> & {
+  type: 'button' | 'submit' | 'reset';
+  as?: 'button';
+  href?: never;
+  target?: never;
+};
+type ButtonAsAnchor = CommonProps & Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, 'type' | 'className'> & {
+  as: 'a';
+  type?: never;
+  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 +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;
@@ -1070,23 +1092,23 @@ declare const ThemeProvider: ({
 }: ThemeProviderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/index.d.ts
-declare const Accordion: react11.FC<AccordionRootProps> & typeof index_d_exports;
-declare const Alert: react11.FC<AlertRootProps> & typeof index_d_exports$1;
-declare const Card: react11.FC<CardRootProps> & typeof index_d_exports$2;
-declare const DescriptionList: react11.FC<DescriptionListRootProps> & typeof index_d_exports$3;
-declare const Dialog: react11.FC<DialogRootProps> & typeof index_d_exports$4;
-declare const Fieldset: react11.FC<FieldsetRootProps> & typeof index_d_exports$5;
-declare const Grid: react11.FC<GridRootProps> & typeof index_d_exports$6;
+declare const Accordion: react13.FC<AccordionRootProps> & typeof index_d_exports;
+declare const Alert: react13.FC<AlertRootProps> & typeof index_d_exports$1;
+declare const Card: react13.FC<CardRootProps> & typeof index_d_exports$2;
+declare const DescriptionList: react13.FC<DescriptionListRootProps> & typeof index_d_exports$3;
+declare const Dialog: react13.FC<DialogRootProps> & typeof index_d_exports$4;
+declare const Fieldset: react13.FC<FieldsetRootProps> & typeof index_d_exports$5;
+declare const Grid: react13.FC<GridRootProps> & typeof index_d_exports$6;
 declare const InputPrimitive: (({
   className,
   erroneous,
   ...props
 }: RootProps) => react_jsx_runtime0.JSX.Element) & typeof index_d_exports$7;
-declare const Lists: react11.FC<ListsRootProps> & typeof index_d_exports$8;
-declare const Table: react11.FC<TableRootProps> & typeof index_d_exports$11;
-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;
+declare const Lists: react13.FC<ListsRootProps> & typeof index_d_exports$8;
+declare const Table: react13.FC<TableRootProps> & typeof index_d_exports$11;
+declare const Progress: react13.FC<ProgressRootProps> & typeof index_d_exports$9;
+declare const Summary: react13.FC<SummaryProps> & typeof index_d_exports$10;
+declare const TaskList: react13.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"
-];
-const getIcon = (iconProps) => iconProps ? /* @__PURE__ */ jsx(Icon, {
-	name: iconProps.name,
-	size: iconProps.size
-}) : null;
+], _excluded2 = [
+	"href",
+	"target",
+	"disabled"
+], _excluded3 = ["type"];
+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 _ref2 = rest, { type } = _ref2, buttonRest = _objectWithoutProperties(_ref2, _excluded3);
+	if (iconOnly) {
+		const labelText = text || (isIconProps(icon) ? icon.name : void 0);
+		return /* @__PURE__ */ jsxs("button", _objectSpread2(_objectSpread2({
+			ref,
+			className: classes,
+			type
+		}, buttonRest), {}, { children: [iconElement, /* @__PURE__ */ jsx(IconOnlyLabel, { labelText })] }));
+	}
+	return /* @__PURE__ */ jsxs("button", _objectSpread2(_objectSpread2({
+		ref,
+		className: classes,
+		type
+	}, 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