@prokodo/ui 0.1.14 → 1.0.0

package/dist/types/components/inputOTP/InputOTP.model.d.ts

@@ -1,8 +1,18 @@
 import type { InputProps } from "../input";
+import type { ChangeEvent, ClipboardEvent, KeyboardEvent } from "react";
 export type InputOTPProps = Omit<InputProps, "onChange" | "name" | "multiline" | "maxRows" | "minRows" | "rows"> & {
+    name?: string;
     groupLabel?: string;
     groupInstruction?: string;
     length?: number;
     onChange?: (otp: string) => void;
     onComplete?: (otp: string) => void;
 };
+export interface InputOTPViewProps extends Omit<InputOTPProps, "onChange" | "onComplete"> {
+    otp: string[];
+    getInputRef: (index: number) => (el: HTMLInputElement | null) => void;
+    onDigitFocus: (index: number) => void;
+    onDigitChange: (e: ChangeEvent<HTMLInputElement>, index: number) => void;
+    onDigitKeyDown: (e: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>, index: number) => void;
+    onGroupPaste: (e: ClipboardEvent<HTMLDivElement>) => void;
+}

package/dist/types/components/inputOTP/InputOTP.server.d.ts

@@ -0,0 +1,3 @@
+import type { InputOTPProps } from "./InputOTP.model";
+import type { JSX } from "react";
+export default function InputOTPServer({ length, ...props }: InputOTPProps): JSX.Element;

package/dist/types/components/inputOTP/InputOTP.view.d.ts

@@ -0,0 +1,3 @@
+import type { InputOTPViewProps } from "./InputOTP.model";
+import type { JSX } from "react";
+export declare function InputOTPView({ className, groupLabel, groupInstruction, label, labelProps, helperText, errorText, name, length, otp, color, disabled, required, getInputRef, onDigitFocus, onDigitChange, onDigitKeyDown, onGroupPaste, ...props }: InputOTPViewProps): JSX.Element;

package/dist/types/components/inputOTP/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./InputOTP";
-export type { InputOTPProps } from "./InputOTP.model";
+export type { InputOTPProps, InputOTPViewProps } from "./InputOTP.model";

package/dist/types/components/label/Label.model.d.ts

@@ -1,5 +1,7 @@
+import type { Variants } from "@/types/variants";
 import type { LabelHTMLAttributes, HTMLAttributes } from "react";
 export type LabelDefaultrops = {
+    color?: Variants;
     required?: boolean;
     error?: boolean;
     label?: string;

package/dist/types/components/link/Link.model.d.ts

@@ -7,7 +7,7 @@ export type LinkClassNames = {
     link?: string;
 };
 export type LinkDefaultProps = BaseLinkProps & {
-    variant?: LinkVariants;
+    color?: LinkVariants;
     classNames?: LinkClassNames;
     hasBackground?: boolean;
     ariaLabel?: string;

package/dist/types/components/link/Link.view.d.ts

@@ -1,3 +1,3 @@
 import type { LinkViewProps } from "./Link.model";
 import type { JSX } from "react";
-export declare function LinkView({ variant, href, children, className, style, target, itemProp, hasBackground, ariaLabel, LinkTag, hasHandlers, onClick, BaseLinkComponent, linkComponent, ...rest }: LinkViewProps): JSX.Element;
+export declare function LinkView({ color, href, children, className, style, target, itemProp, hasBackground, ariaLabel, LinkTag, hasHandlers, onClick, BaseLinkComponent, linkComponent, ...rest }: LinkViewProps): JSX.Element;

package/dist/types/components/list/List.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from "react";
 import type { ListProps } from "./List.model";
-export declare function List({ type, variant, className, options, items, classNameDesc, ...props }: ListProps): JSX.Element;
+export declare function List({ type, color, className, options, items, classNameDesc, ...props }: ListProps): JSX.Element;
 export declare namespace List {
     var displayName: string;
 }

package/dist/types/components/list/List.model.d.ts

@@ -16,7 +16,7 @@ export type ListItemTitleNode = {
 export type ListCardItemProps = (ListItemTitle | ListItemTitleNode) & {
     desc?: string | ReactNode;
     icon?: IconName | ReactNode;
-    variant?: ListVariant;
+    color?: ListVariant;
     iconProps?: IconProps;
     redirect?: LinkProps;
     innerClassName?: string;
@@ -26,7 +26,7 @@ export type ListDefaultItemProps = (ListItemTitle | ListItemTitleNode) & {
     desc?: string | ReactNode;
     className?: string;
     icon?: IconName | ReactNode;
-    variant?: ListVariant;
+    color?: ListVariant;
     redirect?: LinkProps;
     onClick?: (e?: ListDefaultItemProps) => void;
 };
@@ -36,7 +36,16 @@ export type ListDefaultOptions = {
 export type ListItemProps = ListDefaultItemProps | ListCardItemProps;
 export type ListDefaultProps = HTMLAttributes<HTMLUListElement> & {
     type?: "default";
-    variant?: ListVariant;
+    color?: ListVariant;
+    className?: string;
+    classNameDesc?: string;
+    options?: ListDefaultOptions;
+    items: ListDefaultItemProps[];
+    onClick?: () => void;
+};
+export type ListIconProps = HTMLAttributes<HTMLUListElement> & {
+    type: "icon";
+    color?: ListVariant;
     className?: string;
     classNameDesc?: string;
     options?: ListDefaultOptions;
@@ -45,11 +54,11 @@ export type ListDefaultProps = HTMLAttributes<HTMLUListElement> & {
 };
 export type ListCardProps = HTMLAttributes<HTMLUListElement> & {
     type?: "card";
-    variant?: ListVariant;
+    color?: ListVariant;
     className?: string;
     classNameDesc?: string;
     options?: undefined;
     items: ListCardItemProps[];
     onClick?: () => void;
 };
-export type ListProps = ListDefaultProps | ListCardProps;
+export type ListProps = ListDefaultProps | ListIconProps | ListCardProps;

package/dist/types/components/list/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./List";
-export type { ListProps, ListCardItemProps, ListCardProps, ListDefaultItemProps, ListDefaultOptions, ListDefaultProps, ListItemProps, ListType, ListVariant, } from "./List.model";
+export type { ListProps, ListCardItemProps, ListCardProps, ListDefaultItemProps, ListDefaultOptions, ListDefaultProps, ListIconProps, ListItemProps, ListType, ListVariant, } from "./List.model";

package/dist/types/components/loading/Loading.model.d.ts

@@ -1,10 +1,12 @@
 export type LoadingSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type LoadingColor = "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | "white";
 export type LoadingBaseProps = {
     className?: string;
     style?: React.CSSProperties;
     size?: LoadingSize;
     ariaLabel?: string;
     reducedMotion?: boolean;
+    color?: LoadingColor;
 };
 export type LoadingOverlayProps = LoadingBaseProps & {
     show?: boolean;

package/dist/types/components/loading/index.d.ts

@@ -1,2 +1,2 @@
 export { Loading } from "./Loading";
-export type { LoadingProps, LoadingOverlayProps, LoadingSize, } from "./Loading.model";
+export type { LoadingProps, LoadingOverlayProps, LoadingSize, LoadingColor, } from "./Loading.model";

package/dist/types/components/pagination/Pagination.model.d.ts

@@ -1,3 +1,4 @@
+export type PaginationColor = "primary" | "secondary" | "success" | "error" | "info" | "warning";
 export type PaginationTranslations = {
     pagination?: string;
     prev?: string;
@@ -12,6 +13,7 @@ export type PaginationProps = {
     totalPages: number;
     disabled?: boolean;
     isPending?: boolean;
+    color?: PaginationColor;
     onPrev?: () => void;
     onNext?: () => void;
     onPageChange?: PaginationPageChangeHandler;

package/dist/types/components/pagination/Pagination.view.d.ts

@@ -1,3 +1,3 @@
 import type { PaginationProps } from "./Pagination.model";
 import type { JSX } from "react";
-export declare function PaginationView({ className, page, totalPages, disabled, isPending, siblingCount, boundaryCount, onPrev, onNext, onPageChange, readOnly, translations: t, }: PaginationProps): JSX.Element | null;
+export declare function PaginationView({ className, page, totalPages, disabled, isPending, color, siblingCount, boundaryCount, onPrev, onNext, onPageChange, readOnly, translations: t, }: PaginationProps): JSX.Element | null;

package/dist/types/components/post-item/PostItem.model.d.ts

@@ -1,6 +1,6 @@
 import type { ButtonProps } from "../button";
 import type { CardProps } from "../card";
-import type { HeadlineProps } from "../headline";
+import type { HeadlineProps, HeadlineVariant } from "../headline";
 import type { ImageProps } from "../image";
 import type { PostItemAuthorProps } from "./PostItemAuthor.model";
 export type PostItemHeadline = {
@@ -42,6 +42,7 @@ export type PostItemPropsBase = {
     className?: string;
     classes?: PostItemClasses;
     componentsProps?: PostItemComponentsProps;
+    color?: HeadlineVariant;
     wordCount?: number;
     readCount?: number;
     title: PostItemHeadline;

package/dist/types/components/post-teaser/PostTeaser.model.d.ts

@@ -1,6 +1,6 @@
 import type { CardProps } from "../card";
 import type { ChipProps } from "../chip";
-import type { HeadlineProps } from "../headline";
+import type { HeadlineProps, HeadlineVariant } from "../headline";
 import type { IconProps } from "../icon";
 import type { ImageProps } from "../image";
 import type { LinkProps } from "../link";
@@ -50,6 +50,7 @@ export type PostTeaserPropsBase = {
     className?: string;
     classes?: PostTeaserClasses;
     componentsProps?: PostTeaserComponentsProps;
+    color?: HeadlineVariant;
     readCount?: number;
     wordCount?: number;
     title: PostTeaserHeadline;

package/dist/types/components/post-widget/PostWidget.view.d.ts

@@ -1,3 +1,3 @@
 import type { PostWidgetProps } from "./PostWidget.model";
 import type { JSX } from "react";
-export declare function PostWidgetView({ fullWidth, className, title, listClassName, contentClassName, items, classes, componentsProps, structuredData, ...rest }: PostWidgetProps): JSX.Element;
+export declare function PostWidgetView({ fullWidth, className, title, listClassName, contentClassName, items, classes, componentsProps, structuredData, color, ...rest }: PostWidgetProps): JSX.Element;

package/dist/types/components/progressBar/ProgressBar.d.ts

@@ -3,7 +3,7 @@ export declare const ProgressBar: import("react").ComponentType<{
     value?: number;
     label?: string;
     hideLabel?: boolean;
-    variant?: import("./ProgressBar.model").ProgressBarVariant;
+    color?: import("./ProgressBar.model").ProgressBarColor;
     infinity?: boolean;
     animated?: boolean;
     className?: string;

package/dist/types/components/progressBar/ProgressBar.lazy.d.ts

@@ -3,7 +3,7 @@ declare const _default: import("react").ComponentType<{
     value?: number;
     label?: string;
     hideLabel?: boolean;
-    variant?: import("./ProgressBar.model").ProgressBarVariant;
+    color?: import("./ProgressBar.model").ProgressBarColor;
     infinity?: boolean;
     animated?: boolean;
     className?: string;

package/dist/types/components/progressBar/ProgressBar.model.d.ts

@@ -1,12 +1,13 @@
 import type { Variants } from "@/types/variants";
 import type { HTMLAttributes } from "react";
-export type ProgressBarVariant = Omit<Variants, "white">;
+export type ProgressBarColor = Omit<Variants, "white">;
+export type ProgressBarVariant = ProgressBarColor;
 export type ProgressBarProps = {
     id: string;
     value?: number;
     label?: string;
     hideLabel?: boolean;
-    variant?: ProgressBarVariant;
+    color?: ProgressBarColor;
     infinity?: boolean;
     animated?: boolean;
     className?: string;

package/dist/types/components/progressBar/ProgressBar.view.d.ts

@@ -1,3 +1,3 @@
 import type { ProgressBarViewProps } from "./ProgressBar.model";
 import type { JSX } from "react";
-export declare function ProgressBarView({ id, value, label, hideLabel, infinity, variant, animated, className, ...domRest }: ProgressBarViewProps): JSX.Element;
+export declare function ProgressBarView({ id, value, label, hideLabel, infinity, color, animated, className, ...domRest }: ProgressBarViewProps): JSX.Element;

package/dist/types/components/progressBar/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./ProgressBar";
-export type { ProgressBarProps } from "./ProgressBar.model";
+export type { ProgressBarProps, ProgressBarColor, ProgressBarVariant, } from "./ProgressBar.model";

package/dist/types/components/quote/Quote.model.d.ts

@@ -11,7 +11,7 @@ export type QuoteAuthor = {
 };
 export type QuoteProps = {
     className?: string;
-    variant?: Variants;
+    color?: Variants;
     title?: QuoteHeadline;
     subTitle?: QuoteHeadline;
     content: string;

package/dist/types/components/rating/Rating.model.d.ts

@@ -1,4 +1,5 @@
 import type { LabelProps } from "../label";
+import type { Variants } from "@/types/variants";
 import type { Ref, FocusEvent, MouseEvent } from "react";
 export type RatingValue = number | string;
 export type RatingChangeEvent = {
@@ -29,6 +30,7 @@ export type RatingProps = {
     readOnly?: boolean;
     required?: boolean;
     fullWidth?: boolean;
+    color?: Variants;
     helperText?: string;
     errorText?: string;
     errorTranslations?: RatingErrorTranslations;

package/dist/types/components/rich-text/RichText.client.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from "react";
 import type { RichTextProps } from "./RichText.model";
-export declare function RichTextClient({ children, animated, animationProps, variant, schema, itemProp, linkComponent, className, overrideParagraph, codeTheme, linkPolicy, ...props }: RichTextProps): JSX.Element;
+export declare function RichTextClient({ children, animated, animationProps, color, schema, itemProp, linkComponent, className, overrideParagraph, codeTheme, linkPolicy, ...props }: RichTextProps): JSX.Element;
 export declare namespace RichTextClient {
     var displayName: string;
 }

package/dist/types/components/rich-text/RichText.d.ts

@@ -2,7 +2,7 @@ export declare const RichText: import("react").ComponentType<{
     children: import("react").ReactNode;
     animated?: boolean;
     animationProps?: Omit<import("../animatedText").AnimatedTextProps, "children">;
-    variant?: import("../../types/variants").Variants;
+    color?: import("../../types/variants").Variants;
     schema?: import("../../types/schema").Schema;
     itemProp?: string;
     linkComponent?: import("../link").LinkProps["linkComponent"];

package/dist/types/components/rich-text/RichText.lazy.d.ts

@@ -2,7 +2,7 @@ declare const _default: import("react").ComponentType<{
     children: import("react").ReactNode;
     animated?: boolean;
     animationProps?: Omit<import("../animatedText").AnimatedTextProps, "children">;
-    variant?: import("../../types/variants").Variants;
+    color?: import("../../types/variants").Variants;
     schema?: import("../../types/schema").Schema;
     itemProp?: string;
     linkComponent?: import("../link").LinkProps["linkComponent"];

package/dist/types/components/rich-text/RichText.model.d.ts

@@ -7,7 +7,7 @@ export type RichTextProps = {
     children: ReactNode;
     animated?: boolean;
     animationProps?: Omit<AnimatedTextProps, "children">;
-    variant?: Variants;
+    color?: Variants;
     schema?: Schema;
     itemProp?: string;
     linkComponent?: LinkProps["linkComponent"];

package/dist/types/components/select/Select.model.d.ts

@@ -1,4 +1,5 @@
 import type { LabelProps } from "../label";
+import type { Variants } from "@/types/variants";
 import type { ChangeEvent, RefObject, ReactNode, Ref, MouseEventHandler, KeyboardEventHandler, CSSProperties, JSX } from "react";
 export type SelectEvent = {
     target: {
@@ -25,6 +26,7 @@ export interface SelectProps<Value extends string = string> {
     onChange?: (e: SelectEvent, v: SelectValue) => void;
     label: string;
     hideLabel?: boolean;
+    color?: Variants;
     iconVisible?: boolean;
     helperText?: string;
     errorText?: string;

package/dist/types/components/select/Select.view.d.ts

@@ -1,3 +1,3 @@
 import { type JSX } from "react";
 import type { SelectViewProps } from "./Select.model";
-export declare function SelectView<Value extends string = string>({ id, disabled, name, label, fullWidth, hideLabel, iconVisible, placeholder, helperText, errorText, className, fieldClassName, labelProps, required, multiple, value, items, _clientState, }: SelectViewProps<Value>): JSX.Element | null;
+export declare function SelectView<Value extends string = string>({ id, disabled, name, label, fullWidth, hideLabel, iconVisible, placeholder, helperText, errorText, className, fieldClassName, labelProps, required, multiple, value, items, color, _clientState, }: SelectViewProps<Value>): JSX.Element | null;

package/dist/types/components/sidenav/SideNav.client.d.ts

@@ -1,3 +1,3 @@
 import { type JSX } from "react";
 import type { SideNavProps } from "./SideNav.model";
-export default function SidebarClient({ items, onChange, ...props }: SideNavProps): JSX.Element;
+export default function SidebarClient({ items, sections, onChange, ...props }: SideNavProps): JSX.Element;

package/dist/types/components/sidenav/SideNav.model.d.ts

@@ -1,6 +1,7 @@
+import type { HeadlineProps } from "../headline";
 import type { IconProps, IconName } from "../icon";
 import type { LinkProps } from "../link";
-import type { ReactNode } from "react";
+import type { ComponentType, HTMLAttributes, ReactNode } from "react";
 export type SideNavItem = {
     active?: boolean;
     label: string;
@@ -8,8 +9,19 @@ export type SideNavItem = {
     redirect?: LinkProps;
     onClick?: (e: SideNavItem) => void;
 };
-export type SideNavProps = {
+export type SideNavSection = {
+    headline?: string;
+    description?: string;
     items: SideNavItem[];
+    headlineComponent?: ComponentType<{
+        className?: string;
+    }>;
+    headlineProps?: Omit<HeadlineProps, "children">;
+    descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, "children">;
+};
+export type SideNavProps = {
+    items?: SideNavItem[];
+    sections?: SideNavSection[];
     initialCollapsed?: boolean;
     collapsedIcon?: IconName;
     collapsedLabel?: string;
@@ -20,6 +32,8 @@ export type SideNavProps = {
     className?: string;
     renderFooter?: () => ReactNode;
     onChange?: (e: SideNavItem) => void;
+    headlineProps?: Omit<HeadlineProps, "children">;
+    descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, "children">;
 };
 export type SideNavViewProps = SideNavProps & {
     collapsed: boolean;

package/dist/types/components/sidenav/SideNav.view.d.ts

@@ -1,3 +1,3 @@
 import type { SideNavViewProps } from "./SideNav.model";
 import type { JSX } from "react";
-export default function SideNavView({ items, collapsed, collapsedLabel, collapsedIcon, unCollapsedLabel, unCollapsedIcon, iconProps, onToggle, interactive, ariaLabel, className, renderFooter, }: SideNavViewProps): JSX.Element;
+export default function SideNavView({ items, sections, collapsed, collapsedLabel, collapsedIcon, unCollapsedLabel, unCollapsedIcon, iconProps, onToggle, interactive, ariaLabel, className, renderFooter, headlineProps: globalHeadlineProps, descriptionProps: globalDescriptionProps, }: SideNavViewProps): JSX.Element;

package/dist/types/components/slider/Slider.model.d.ts

@@ -1,4 +1,5 @@
 import type { LabelProps } from "../label";
+import type { Variants } from "@/types/variants";
 import type { HTMLAttributes, FocusEvent, ChangeEvent } from "react";
 export interface SliderMark {
     value: number;
@@ -24,6 +25,7 @@ export interface SliderProps {
     onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: number) => void;
     className?: string;
+    color?: Variants;
     snap?: "none" | "step" | "marks";
 }
 export interface SliderViewProps extends SliderProps {

package/dist/types/components/snackbar/Snackbar.model.d.ts

@@ -1,6 +1,7 @@
 import type { IconProps } from "../icon";
 import type { HTMLAttributes, ReactNode } from "react";
-export type SnackbarVariant = "default" | "success" | "error" | "warning" | "info";
+export type SnackbarColor = "default" | "success" | "error" | "warning" | "info";
+export type SnackbarVariant = SnackbarColor;
 export type SnackbarAnchorOrigin = {
     vertical: "top" | "bottom";
     horizontal: "left" | "center" | "right";
@@ -11,7 +12,7 @@ export interface SnackbarProps {
     message: ReactNode;
     open?: boolean;
     autoHideDuration?: number;
-    variant?: SnackbarVariant;
+    color?: SnackbarColor;
     anchorOrigin?: SnackbarAnchorOrigin;
     action?: ReactNode;
     closeable?: boolean;

package/dist/types/components/snackbar/Snackbar.view.d.ts

@@ -1,7 +1,8 @@
 import type { SnackbarProps, SnackbarCloseHandler } from "./Snackbar.model";
 import type { JSX } from "react";
-export interface SnackbarViewProps extends Omit<SnackbarProps, "open"> {
+export interface SnackbarViewProps extends Omit<SnackbarProps, "open" | "color"> {
+    color?: SnackbarProps["color"];
     onClose?: SnackbarCloseHandler;
     readOnly?: boolean;
 }
-export declare function SnackbarView({ message, variant, anchorOrigin, action, closeable, elevation, className, onClose, readOnly, closeButtonProps, closeIconProps, }: SnackbarViewProps): JSX.Element;
+export declare function SnackbarView({ message, color, anchorOrigin, action, closeable, elevation, className, onClose, readOnly, closeButtonProps, closeIconProps, }: SnackbarViewProps): JSX.Element;

package/dist/types/components/snackbar/index.d.ts

@@ -2,5 +2,5 @@ export * from "./Snackbar";
 export * from "./SnackbarProvider";
 export { SnackbarCtx } from "./SnackbarProvider.context";
 export { useSnackbar } from "./SnackbarProvider.client";
-export type { SnackbarProps, SnackbarVariant, SnackbarAnchorOrigin, } from "./Snackbar.model";
+export type { SnackbarProps, SnackbarColor, SnackbarVariant, SnackbarAnchorOrigin, } from "./Snackbar.model";
 export type { SnackbarPayload, SnackbarContextValue, SnackbarProviderProps, } from "./SnackbarProvider.model";

package/dist/types/components/stepper/Stepper.d.ts

@@ -6,6 +6,7 @@ export declare const Stepper: import("react").ComponentType<Omit<import("react")
     onBlur?: (e: import("react").FocusEvent<HTMLDivElement>, index: number) => void;
     initialStep?: number;
     translations?: import("./Stepper.model").StepperTranslations;
+    color?: import("../../types/variants").Variants;
 } & {
     priority?: boolean;
 }>;

package/dist/types/components/stepper/Stepper.lazy.d.ts

@@ -6,6 +6,7 @@ declare const _default: import("react").ComponentType<Omit<import("react").HTMLA
     onBlur?: (e: import("react").FocusEvent<HTMLDivElement>, index: number) => void;
     initialStep?: number;
     translations?: import("./Stepper.model").StepperTranslations;
+    color?: import("../../types/variants").Variants;
 } & {
     priority?: boolean;
 }>;

package/dist/types/components/stepper/Stepper.model.d.ts

@@ -1,3 +1,4 @@
+import type { Variants } from "@/types/variants";
 import type { Ref, RefObject, HTMLAttributes, KeyboardEvent, FocusEvent, MouseEvent } from "react";
 export type StepperChangeEvent = MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>;
 export type StepperRef = {
@@ -25,6 +26,7 @@ export type StepperProps = Omit<HTMLAttributes<HTMLOListElement>, "children" | "
     onBlur?: (e: FocusEvent<HTMLDivElement>, index: number) => void;
     initialStep?: number;
     translations?: StepperTranslations;
+    color?: Variants;
 };
 export interface StepperViewProps extends Omit<StepperViewPropsCommon, "ref"> {
     activeStep: number;
@@ -36,4 +38,5 @@ export interface StepperPropsCommon {
     steps: Step[];
     translations?: StepperTranslations;
     className?: string;
+    color?: Variants;
 }

package/dist/types/components/stepper/Stepper.server.d.ts

@@ -1,3 +1,3 @@
 import type { StepperProps } from "./Stepper.model";
 import type { JSX } from "react";
-export default function StepperServer({ steps, initialStep, translations, className, ...rootProps }: StepperProps): JSX.Element;
+export default function StepperServer({ steps, initialStep, translations, className, color, ...rootProps }: StepperProps): JSX.Element;

package/dist/types/components/switch/Switch.d.ts

@@ -2,7 +2,7 @@ export declare const Switch: import("react").ComponentType<Omit<import("react").
     name: string;
     label?: string;
     required?: boolean;
-    variant?: import("./Switch.model").SwitchColor;
+    color?: import("./Switch.model").SwitchColor;
     icon?: import("../icon").IconName;
     checkedIcon?: import("../icon").IconName;
     checked?: boolean;
@@ -11,7 +11,7 @@ export declare const Switch: import("react").ComponentType<Omit<import("react").
     helperText?: string;
     onChange?: (event: import("react").ChangeEvent<HTMLInputElement>, checked: boolean) => void;
     className?: string;
-    labelProps?: Omit<import("../label").LabelProps, "label" | "htmlFor" | "required">;
+    labelProps?: Omit<import("react").LabelHTMLAttributes<HTMLLabelElement>, "htmlFor" | "required">;
     hideLabel?: boolean;
 } & {
     priority?: boolean;

package/dist/types/components/switch/Switch.lazy.d.ts

@@ -2,7 +2,7 @@ declare const _default: import("react").ComponentType<Omit<import("react").HTMLA
     name: string;
     label?: string;
     required?: boolean;
-    variant?: import("./Switch.model").SwitchColor;
+    color?: import("./Switch.model").SwitchColor;
     icon?: import("../icon").IconName;
     checkedIcon?: import("../icon").IconName;
     checked?: boolean;
@@ -11,7 +11,7 @@ declare const _default: import("react").ComponentType<Omit<import("react").HTMLA
     helperText?: string;
     onChange?: (event: import("react").ChangeEvent<HTMLInputElement>, checked: boolean) => void;
     className?: string;
-    labelProps?: Omit<import("../label").LabelProps, "label" | "htmlFor" | "required">;
+    labelProps?: Omit<import("react").LabelHTMLAttributes<HTMLLabelElement>, "htmlFor" | "required">;
     hideLabel?: boolean;
 } & {
     priority?: boolean;

package/dist/types/components/switch/Switch.model.d.ts

@@ -1,12 +1,11 @@
 import type { IconName } from "../icon";
-import type { LabelProps } from "../label";
-import type { ChangeEvent, HTMLAttributes, FocusEvent } from "react";
+import type { ChangeEvent, HTMLAttributes, FocusEvent, LabelHTMLAttributes } from "react";
 export type SwitchColor = "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
 export type SwitchProps = Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & {
     name: string;
     label?: string;
     required?: boolean;
-    variant?: SwitchColor;
+    color?: SwitchColor;
     icon?: IconName;
     checkedIcon?: IconName;
     checked?: boolean;
@@ -15,7 +14,7 @@ export type SwitchProps = Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & {
     helperText?: string;
     onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
     className?: string;
-    labelProps?: Omit<LabelProps, "label" | "htmlFor" | "required">;
+    labelProps?: Omit<LabelHTMLAttributes<HTMLLabelElement>, "htmlFor" | "required">;
     hideLabel?: boolean;
 };
 export interface SwitchViewProps extends SwitchProps {

package/dist/types/components/tabs/Tabs.model.d.ts

@@ -1,6 +1,7 @@
 import type { ChipProps } from "../chip";
 import type { KeyboardEvent, MouseEvent, ReactNode, RefObject } from "react";
 export type TabsBadgeChipProps = Omit<ChipProps, "label">;
+export type TabsColor = "primary" | "secondary" | "success" | "error" | "info" | "warning";
 export type TabsItem<Value extends string = string> = {
     value: Value;
     label: ReactNode;
@@ -17,6 +18,7 @@ export type TabsChangeEvent<Value extends string = string> = {
 export type TabsProps<Value extends string = string> = {
     id: string;
     ariaLabel?: string;
+    color?: TabsColor;
     items: TabsItem<Value>[];
     value?: Value;
     defaultValue?: Value;

package/dist/types/components/tabs/Tabs.view.d.ts

@@ -1,3 +1,3 @@
 import type { TabsViewProps } from "./Tabs.model";
 import type { JSX } from "react";
-export declare function TabsView<Value extends string = string>({ id, ariaLabel, items, value, defaultValue, orientation, disabled, fullWidth, className, listClassName, tabClassName, panelsClassName, badgeChipProps, _clientState, }: TabsViewProps<Value>): JSX.Element | null;
+export declare function TabsView<Value extends string = string>({ id, ariaLabel, items, value, defaultValue, color, orientation, disabled, fullWidth, className, listClassName, tabClassName, panelsClassName, badgeChipProps, _clientState, }: TabsViewProps<Value>): JSX.Element | null;

package/dist/types/components/teaser/Teaser.model.d.ts

@@ -15,7 +15,7 @@ export type TeaserRedirect = LinkProps & {
 export type TeaserAlign = "left" | "center" | "right";
 export type TeaserProps = {
     className?: string;
-    variant?: TeaserVariant;
+    color?: TeaserVariant;
     align?: TeaserAlign;
     lineClamp?: boolean;
     title: TeaserHeadline;

package/dist/types/components/tooltip/Tooltip.model.d.ts

@@ -1,5 +1,6 @@
 import type { HTMLAttributes, ReactElement, ReactNode } from "react";
 export type TooltipAnchor = "element" | "pointer";
+export type TooltipColor = "default" | "success" | "error" | "warning" | "info";
 export type TooltipPlacement = "top" | "bottom" | "left" | "right";
 export type TooltipOpenChangeEvent = (open: boolean) => void;
 export type TooltipTriggerElement = ReactElement<HTMLAttributes<HTMLElement>>;
@@ -15,6 +16,7 @@ export type TooltipProps = {
     zIndex?: number;
     offset?: number;
     mobileBreakpoint?: number;
+    color?: TooltipColor;
     disabled?: boolean;
     open?: boolean;
     defaultOpen?: boolean;