@vodafone_de/brix-components 7.0.6 → 7.0.8-renderer-7f7c8f4cc4dca34d63016c96d7cffbd763fed2dd

package/dist/{BackgroundColor-e0N9tdDR.js → BackgroundColor-DSOSZvNi.js}

@@ -9,6 +9,6 @@ export {
   colorBackgroundOverlay as b,
   colorBackgroundNeutral as c,
   colorBackgroundOverlayStatic as d,
-  colorBackgroundBrandGradient as e,
-  colorBackgroundBrand as f
+  colorBackgroundBrand as e,
+  colorBackgroundBrandGradient as f
 };

package/dist/{BorderColor-BummoQ1-.js → BorderColor-CYdSW9dg.js}

@@ -15,10 +15,10 @@ export {
   colorBorderFocus as c,
   colorBorderSuccess as d,
   colorBorderCritical as e,
-  colorBorderWarning as f,
-  colorBorderBrand as g,
-  colorBorderInverse as h,
-  colorBorderSelected as i,
-  colorBorderSubtle as j,
+  colorBorderSubtle as f,
+  colorBorderWarning as g,
+  colorBorderBrand as h,
+  colorBorderInverse as i,
+  colorBorderSelected as j,
   colorBorderInformation as k
 };

package/dist/{BorderWidth-DfOlyKK7.js → BorderWidth-CTOda7Cp.js}

@@ -8,9 +8,9 @@ const borderWidthMd = "Md";
 export {
   borderWidthFocus as a,
   borderWidthUnselected as b,
-  borderWidthSm as c,
-  borderWidthSelected as d,
-  borderWidthDivider as e,
-  borderWidthNone as f,
-  borderWidthMd as g
+  borderWidthDivider as c,
+  borderWidthSm as d,
+  borderWidthSelected as e,
+  borderWidthMd as f,
+  borderWidthNone as g
 };

package/dist/{FontWeight-DEBGHbtO.js → FontWeight-C2pGs7aR.js}

@@ -2,7 +2,7 @@ const fontWeightLight = "light";
 const fontWeightRegular = "regular";
 const fontWeightBold = "bold";
 export {
-  fontWeightRegular as a,
+  fontWeightBold as a,
   fontWeightLight as b,
-  fontWeightBold as f
+  fontWeightRegular as f
 };

package/dist/{HeadingSize-CfCRn3Lh.js → HeadingSize-BoyxJlpz.js}

@@ -6,7 +6,7 @@ const textHeadingXs = "xs";
 export {
   textHeadingMd as a,
   textHeadingSm as b,
-  textHeadingLg as c,
-  textHeadingXl as d,
+  textHeadingXl as c,
+  textHeadingLg as d,
   textHeadingXs as t
 };

package/dist/NotificationErrorIcon-DMnAJgPN.js

@@ -0,0 +1,83 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const iconSizeXl = "iconSizeXl";
+const iconSize2xl = "iconSize2xl";
+const iconSize3xl = "iconSize3xl";
+const iconSize4xl = "iconSize4xl";
+const iconSize5xl = "iconSize5xl";
+const IconWithAccent = [iconSizeXl, iconSize2xl, iconSize3xl, iconSize4xl, iconSize5xl];
+const inlineIconModeStroke = "stroke";
+const InlineIconStyled = styled.svg.withConfig({
+  displayName: "InlineIconStyled",
+  componentId: "sc-1yvjncn-0"
+})({
+  display: "flex"
+}, ({
+  $coloringMode = inlineIconModeStroke
+}) => {
+  const complimentaryColoringMode = "fill" === $coloringMode ? "stroke" : "fill";
+  const svgChildrenCss = {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "8"
+  };
+  svgChildrenCss[`${complimentaryColoringMode}`] = "none";
+  const cssObject = {
+    "& path, & line, & polyline, & circle, & ellipse, & polygon, & rect": svgChildrenCss
+  };
+  cssObject[`${$coloringMode}`] = "currentcolor";
+  return cssObject;
+}, ({
+  size
+}) => {
+  if (!IconWithAccent.includes(size)) {
+    return {};
+  }
+  return {
+    "& .accent": {
+      stroke: "var(--colorIconBrand)"
+    }
+  };
+}, ({
+  size
+}) => ({
+  width: `var(--${size})`,
+  height: `var(--${size})`
+}), ({
+  bottomSpacing
+}) => {
+  if (!bottomSpacing) {
+    return {};
+  }
+  return {
+    marginBottom: `var(--spacing${bottomSpacing})`
+  };
+});
+const InlineIcon = ({
+  className,
+  alt = "",
+  coloringMode = inlineIconModeStroke,
+  viewBox = "0 0 192 192",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(InlineIconStyled, { ...props, className, $coloringMode: coloringMode, version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", x: "0px", y: "0px", viewBox, xmlSpace: "preserve", ..."" === alt ? {
+    "aria-hidden": true
+  } : {}, children: [
+    "" !== alt && /* @__PURE__ */ jsx("title", { children: alt }),
+    props.children
+  ] });
+};
+const NotificationErrorIcon = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  InlineIcon,
+  {
+    ...props,
+    coloringMode: "fill",
+    viewBox: "0 0 32 32",
+    className,
+    children: /* @__PURE__ */ jsx("path", { d: "M28.845 22.7267L19.5116 5.44168C19.1673 4.8116 18.6596 4.28583 18.0421 3.91955C17.4245 3.55327 16.7197 3.35999 16.0016 3.35999C15.2836 3.35999 14.5788 3.55327 13.9612 3.91955C13.3436 4.28583 12.836 4.8116 12.4916 5.44168L3.15828 22.72C2.82502 23.3291 2.65603 24.0145 2.66795 24.7087C2.67986 25.4029 2.87227 26.082 3.22624 26.6793C3.58021 27.2766 4.08356 27.7715 4.68678 28.1153C5.29 28.459 5.97231 28.6399 6.66662 28.64H25.3333C26.0269 28.6398 26.7086 28.4593 27.3114 28.1161C27.9142 27.7729 28.4173 27.2788 28.7715 26.6824C29.1257 26.086 29.3187 25.4078 29.3315 24.7143C29.3444 24.0208 29.1767 23.3358 28.845 22.7267ZM15.3333 10.6433C15.3333 10.4665 15.4035 10.297 15.5285 10.1719C15.6536 10.0469 15.8231 9.97668 16 9.97668C16.1768 9.97668 16.3463 10.0469 16.4714 10.1719C16.5964 10.297 16.6666 10.4665 16.6666 10.6433V20.06C16.6666 20.2368 16.5964 20.4064 16.4714 20.5314C16.3463 20.6564 16.1768 20.7267 16 20.7267C15.8231 20.7267 15.6536 20.6564 15.5285 20.5314C15.4035 20.4064 15.3333 20.2368 15.3333 20.06V10.6433ZM16 24.1433C15.8351 24.1433 15.674 24.0945 15.537 24.0029C15.3999 23.9113 15.2931 23.7812 15.2301 23.6289C15.167 23.4766 15.1505 23.3091 15.1826 23.1474C15.2148 22.9858 15.2942 22.8373 15.4107 22.7208C15.5272 22.6042 15.6757 22.5248 15.8374 22.4927C15.999 22.4605 16.1666 22.477 16.3189 22.5401C16.4711 22.6032 16.6013 22.71 16.6928 22.847C16.7844 22.9841 16.8333 23.1452 16.8333 23.31C16.832 23.5302 16.7436 23.7408 16.5874 23.896C16.4313 24.0512 16.2201 24.1384 16 24.1383V24.1433Z" })
+  }
+);
+export {
+  InlineIcon as I,
+  NotificationErrorIcon as N
+};

package/dist/{ObjectColor-BZDBuV8H.js → ObjectColor-DSUXMO7l.js}

@@ -13,10 +13,10 @@ export {
   colorObjectSelected as b,
   colorObjectBrand as c,
   colorObjectUnselected as d,
-  colorObjectSuccess as e,
-  colorObjectNeutral as f,
-  colorObjectAccent as g,
-  colorObjectCritical as h,
-  colorObjectWarning as i,
-  colorObjectInformation as j
+  colorObjectCritical as e,
+  colorObjectWarning as f,
+  colorObjectSuccess as g,
+  colorObjectInformation as h,
+  colorObjectNeutral as i,
+  colorObjectAccent as j
 };

package/dist/Spacing-BzNNxYMI.js

@@ -0,0 +1,25 @@
+const spacingNone = "None";
+const spacing2Xs = "2Xs";
+const spacingXs = "Xs";
+const spacingSm = "Sm";
+const spacingMd = "Md";
+const spacingLg = "Lg";
+const spacingXl = "Xl";
+const spacing2Xl = "2Xl";
+const spacing3Xl = "3Xl";
+const spacing4Xl = "4Xl";
+const spacing5Xl = "5Xl";
+const spacing6Xl = "6Xl";
+const spacing7Xl = "7Xl";
+const spacings = [spacingNone, spacing2Xs, spacingXs, spacingSm, spacingMd, spacingLg, spacingXl, spacing2Xl, spacing3Xl, spacing4Xl, spacing5Xl, spacing6Xl, spacing7Xl];
+export {
+  spacingXs as a,
+  spacingNone as b,
+  spacingSm as c,
+  spacingXl as d,
+  spacings as e,
+  spacing2Xs as f,
+  spacing5Xl as g,
+  spacingLg as h,
+  spacingMd as s
+};

package/dist/{TextColor-DsntmDNw.js → TextColor-BXVMXUVE.js}

@@ -11,6 +11,6 @@ export {
   colorTextPlaceholder as c,
   colorTextNeutralStatic as d,
   colorTextInverse as e,
-  colorTextBrand as f,
-  colorTextCritical as g
+  colorTextCritical as f,
+  colorTextBrand as g
 };

package/dist/{colorUtils-BSfFfgbi.js → colorUtils-t7G6Q5ev.js}

@@ -1,5 +1,5 @@
+import { b as colorTextInverseStatic, a as colorTextNeutral, d as colorTextNeutralStatic, e as colorTextInverse } from "./TextColor-BXVMXUVE.js";
 import { getTextColor } from "./foundations/token/getTextColor/index.js";
-import { b as colorTextInverseStatic, a as colorTextNeutral, d as colorTextNeutralStatic, e as colorTextInverse } from "./TextColor-DsntmDNw.js";
 const backgroundForegroundColorMapping = {
   colorBackgroundBrand: getTextColor(colorTextInverseStatic),
   colorBackgroundNeutral: getTextColor(colorTextNeutral),

package/dist/components/Accordion/index.d.ts

@@ -3,3 +3,4 @@ import { AccordionProps } from './props';
 declare const Accordion: FC<AccordionProps>;
 export default Accordion;
 export * from './props';
+export * from './validate';

package/dist/components/Accordion/index.js

@@ -1,25 +1,29 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { bf as ChevronDownIcon, df as IconLoader, iu as iconSizeMd } from "../../index-Cbojl4_Q.js";
 import { useRef, useState, useEffect } from "react";
 import Collapsible from "../Collapsible/index.js";
+import { b as ChevronDownIcon, d as iconNames, I as IconLoader } from "../../index-DEYEyjbU.js";
+import { c as iconSizeMd } from "../../props-7dcsjRUx.js";
+import "../../styled-HZzB_zPP.js";
 import styled from "styled-components";
 import Heading from "../Heading/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { noReducedMotion } from "../../foundations/media-query/reducedMotion/index.js";
-import { a as ease_in_out_sine } from "../../easing-Dm-pO8SY.js";
+import { e as ease_in_out_sine } from "../../easing-CDd2rVn6.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
-import { j as colorBorderSubtle, c as colorBorderFocus } from "../../BorderColor-BummoQ1-.js";
-import { f as borderWidthNone, b as borderWidthUnselected, a as borderWidthFocus } from "../../BorderWidth-DfOlyKK7.js";
-import { a as fontWeightRegular, f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
-import { s as spacingMd, b as spacingNone, a as spacingXs } from "../../Spacing-D0HQH9YJ.js";
-import { a as colorTextNeutral, f as colorTextBrand } from "../../TextColor-DsntmDNw.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { f as colorBorderSubtle, c as colorBorderFocus } from "../../BorderColor-CYdSW9dg.js";
+import { g as borderWidthNone, b as borderWidthUnselected, a as borderWidthFocus } from "../../BorderWidth-CTOda7Cp.js";
+import { f as fontWeightRegular, a as fontWeightBold } from "../../FontWeight-C2pGs7aR.js";
+import { s as spacingMd, b as spacingNone, a as spacingXs } from "../../Spacing-BzNNxYMI.js";
+import { a as colorTextNeutral, g as colorTextBrand } from "../../TextColor-BXVMXUVE.js";
+import { f as filterProps } from "../../filterProps-C73Li8Na.js";
+import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";
+import { i as isBottomSpacing } from "../../isBottomSpacing-DSLyqm7h.js";
 const accordionToggleExpanded = "expanded";
 const accordionToggleCollapsing = "collapsing";
 const accordionToggleCollapsed = "collapsed";
@@ -120,6 +124,43 @@ const AccordionOpenIndicatorStyled = styled(ChevronDownIcon).withConfig({
     transform: "rotate(0deg)"
   }
 });
+const validateAccordionProps = (props) => {
+  if (!isObject(props)) {
+    return false;
+  }
+  const accordionProps = props;
+  if (!hasMatchingComponentName(accordionProps.component, "Accordion")) {
+    return false;
+  }
+  if (typeof accordionProps.uid !== "string" || accordionProps.uid.length === 0) {
+    return false;
+  }
+  if (typeof accordionProps.heading !== "string" || accordionProps.heading.length === 0) {
+    return false;
+  }
+  if (accordionProps.children === void 0 || accordionProps.children === null) {
+    return false;
+  }
+  if (accordionProps.iconName !== void 0 && !iconNames.includes(accordionProps.iconName)) {
+    return false;
+  }
+  if (accordionProps.expanded !== void 0 && typeof accordionProps.expanded !== "boolean") {
+    return false;
+  }
+  if (accordionProps.handleOnToggle !== void 0 && typeof accordionProps.handleOnToggle !== "function") {
+    return false;
+  }
+  if (accordionProps.verticalScrollOffset !== void 0 && typeof accordionProps.verticalScrollOffset !== "number") {
+    return false;
+  }
+  if (accordionProps.bottomSpacing && !isBottomSpacing(accordionProps.bottomSpacing)) {
+    return false;
+  }
+  return true;
+};
+const isAccordionProps = (props) => {
+  return validateAccordionProps(props);
+};
 const Accordion = ({
   uid,
   children,
@@ -191,5 +232,7 @@ export {
   accordionToggleCollapsed,
   accordionToggleCollapsing,
   accordionToggleExpanded,
-  Accordion as default
+  Accordion as default,
+  isAccordionProps,
+  validateAccordionProps
 };

package/dist/components/Accordion/props.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@vfde-react/inline-icon-library';
+import { IconName } from '@vfde-react/inline-icon-library/IconName';
 import { HTMLAttributes, ReactNode } from 'react';
 import { HeadingProps } from '../Heading/props';
 import { PatternProps } from '../../foundations/PatternProps';

package/dist/components/Accordion/styled.d.ts

@@ -3,4 +3,4 @@ import { AccordionProps } from './props';
 export declare const AccordionStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, Omit<AccordionProps, "heading" | "uid">>> & string;
 export declare const AccordionSummaryStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, Omit<AccordionProps, "heading" | "uid">>> & string;
 export declare const AccordionHeadingStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<HeadingProps, HeadingProps>> & string & Omit<import('react').FC<HeadingProps>, keyof import('react').Component<any, {}, any>>;
-export declare const AccordionOpenIndicatorStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@vfde-react/inline-icon-library').InlineIconProps, never>> & string & Omit<import('react').FC<import('@vfde-react/inline-icon-library').InlineIconProps>, keyof import('react').Component<any, {}, any>>;
+export declare const AccordionOpenIndicatorStyled: import('styled-components/dist/types').IStyledComponentBase<"web", any> & string & Omit<import('react').FC<InlineIconProps>, keyof import('react').Component<any, {}, any>>;

package/dist/components/Accordion/validate.d.ts

@@ -0,0 +1,3 @@
+import { AccordionProps } from './props';
+export declare const validateAccordionProps: (props: unknown) => props is AccordionProps;
+export declare const isAccordionProps: (props: unknown) => props is AccordionProps;

package/dist/components/Accordion/validate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/AccordionGroup/index.d.ts

@@ -3,3 +3,4 @@ import { AccordionGroupProps } from './props';
 declare const AccordionGroup: FC<AccordionGroupProps>;
 export default AccordionGroup;
 export * from './props';
+export * from './validate';

package/dist/components/AccordionGroup/index.js

@@ -1,11 +1,13 @@
 "use client";
 import { jsx, Fragment } from "react/jsx-runtime";
-import Accordion from "../Accordion/index.js";
-import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
+import Accordion, { validateAccordionProps } from "../Accordion/index.js";
+import { s as spacingMd, b as spacingNone } from "../../Spacing-BzNNxYMI.js";
 import { useState } from "react";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { f as filterProps } from "../../filterProps-C73Li8Na.js";
+import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";
+import { i as isBottomSpacing } from "../../isBottomSpacing-DSLyqm7h.js";
 const AccordionGroupSingleExpand = ({
   bottomSpacing = spacingMd,
   ...props
@@ -41,6 +43,39 @@ const AccordionGroupStyled = styled.div.withConfig({
   displayName: "AccordionGroupStyled",
   componentId: "sc-17dfswd-0"
 })(getBottomSpacing);
+const validateAccordionGroupProps = (props) => {
+  if (!isObject(props)) {
+    return false;
+  }
+  const accordionGroupProps = props;
+  if (!hasMatchingComponentName(accordionGroupProps.component, "AccordionGroup")) {
+    return false;
+  }
+  if (!Array.isArray(accordionGroupProps.items) || accordionGroupProps.items.length === 0) {
+    return false;
+  }
+  for (const item of accordionGroupProps.items) {
+    if (!validateAccordionProps(item)) {
+      return false;
+    }
+  }
+  if (accordionGroupProps.singleExpand !== void 0 && typeof accordionGroupProps.singleExpand !== "boolean") {
+    return false;
+  }
+  if (accordionGroupProps.handleOnToggle !== void 0 && typeof accordionGroupProps.handleOnToggle !== "function") {
+    return false;
+  }
+  if (accordionGroupProps.verticalScrollOffset !== void 0 && typeof accordionGroupProps.verticalScrollOffset !== "number") {
+    return false;
+  }
+  if (accordionGroupProps.bottomSpacing && !isBottomSpacing(accordionGroupProps.bottomSpacing)) {
+    return false;
+  }
+  return true;
+};
+const isAccordionGroupProps = (props) => {
+  return validateAccordionGroupProps(props);
+};
 const AccordionGroup = ({
   singleExpand = false,
   bottomSpacing = spacingMd,
@@ -55,5 +90,7 @@ const AccordionGroup = ({
   }) });
 };
 export {
-  AccordionGroup as default
+  AccordionGroup as default,
+  isAccordionGroupProps,
+  validateAccordionGroupProps
 };

package/dist/components/AccordionGroup/validate.d.ts

@@ -0,0 +1,3 @@
+import { AccordionGroupProps } from './props';
+export declare const validateAccordionGroupProps: (props: unknown) => props is AccordionGroupProps;
+export declare const isAccordionGroupProps: (props: unknown) => props is AccordionGroupProps;

package/dist/components/AccordionGroup/validate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Badge/index.d.ts

@@ -3,3 +3,4 @@ import { BadgeProps } from './props';
 declare const Badge: FC<BadgeProps>;
 export default Badge;
 export * from './props';
+export * from './validate';

package/dist/components/Badge/index.js

@@ -1,11 +1,21 @@
 "use client";
 import "react/jsx-runtime";
-import "../../index-Cbojl4_Q.js";
-import "../../Spacing-D0HQH9YJ.js";
+import "../../index-DEYEyjbU.js";
+import "../../props-7dcsjRUx.js";
+import "../../styled-HZzB_zPP.js";
 import "../../SizeTypes-Ck_RdzIf.js";
+import "../../Spacing-BzNNxYMI.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { a, B } from "../../index-CKvLGUdD.js";
+import { b, c, d, B, i, p, s, a, t, v } from "../../index-BUCDNHMw.js";
 export {
-  a as BadgeAppearanceColor,
-  B as default
+  b as BadgeAppearanceColor,
+  c as badgeAppearances,
+  d as badgeSizes,
+  B as default,
+  i as isBadgeProps,
+  p as primaryBadgeAppearance,
+  s as secondaryBadgeAppearance,
+  a as successBadgeAppearance,
+  t as tertiaryBadgeAppearance,
+  v as validateBadgeProps
 };

package/dist/components/Badge/props.d.ts

@@ -1,20 +1,20 @@
-import { IconName } from '@vfde-react/inline-icon-library';
+import { IconName } from '@vfde-react/inline-icon-library/IconName';
 import { HTMLAttributes } from 'react';
 import { PatternProps } from '../../foundations/PatternProps';
-import { ObjectColor } from '../../foundations/token/types/ObjectColor';
+import { ObjectColor } from '../../foundations/types/ObjectColor.ts';
 import { mediumSize, smallSize } from '../../foundations/types/SizeTypes';
-import { Theme } from '../../foundations/types/Theme';
-export type BadgeAppearance = 'primary' | 'secondary' | 'tertiary' | 'success';
+export declare const primaryBadgeAppearance = "primary";
+export declare const secondaryBadgeAppearance = "secondary";
+export declare const tertiaryBadgeAppearance = "tertiary";
+export declare const successBadgeAppearance = "success";
+export type BadgeAppearance = typeof primaryBadgeAppearance | typeof secondaryBadgeAppearance | typeof tertiaryBadgeAppearance | typeof successBadgeAppearance;
+export type BadgeSize = typeof smallSize | typeof mediumSize;
 export declare const BadgeAppearanceColor: Record<BadgeAppearance, ObjectColor>;
 export interface BadgeProps extends PatternProps, HTMLAttributes<HTMLSpanElement> {
     /**
      * Pin component's name from string to the concrete name
      */
     component?: 'Badge';
-    /**
-     * Can be used on darker backgrounds by setting to `dark`
-     */
-    theme?: Theme;
     /**
      * Support for several different appearances with their own background colors
      */
@@ -22,9 +22,13 @@ export interface BadgeProps extends PatternProps, HTMLAttributes<HTMLSpanElement
     /**
      * Supports two sizes: small and medium
      */
-    size?: typeof smallSize | typeof mediumSize;
+    size?: BadgeSize;
     /**
      * Specify a system icon name to be displayed to the left of content. All system icons are listed here: https://www.vodafone.de/simplicity/icons/
      */
     icon?: IconName;
+    /**
+     * Children are mandatory and must be a string
+     */
+    children: string;
 }

package/dist/components/Badge/validate.d.ts

@@ -0,0 +1,5 @@
+import { BadgeAppearance, BadgeProps, BadgeSize } from './props';
+export declare const badgeAppearances: BadgeAppearance[];
+export declare const badgeSizes: BadgeSize[];
+export declare const validateBadgeProps: (props: unknown) => boolean;
+export declare const isBadgeProps: (props: unknown) => props is BadgeProps;

package/dist/components/Badge/validate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Body/index.d.ts

@@ -3,3 +3,4 @@ import { BodyProps } from './props';
 declare const Body: FC<BodyProps>;
 export default Body;
 export * from './props';
+export * from './validate';

package/dist/components/Body/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { c as spacingSm, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
+import { c as spacingSm, s as spacingMd } from "../../Spacing-BzNNxYMI.js";
 import { t as textBodyMd, a as textBodySm } from "../../TextBodySize-BcZR9mh2.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
@@ -8,9 +8,10 @@ import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
-import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
-import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { a as fontWeightBold, b as fontWeightLight, f as fontWeightRegular } from "../../FontWeight-C2pGs7aR.js";
+import { a as colorTextNeutral } from "../../TextColor-BXVMXUVE.js";
+import { f as filterProps } from "../../filterProps-C73Li8Na.js";
+import { p as pTagName, d as divTagName, c as spanTagName, k as strongTagName, m as supTagName } from "../../tags-CixnzWW0.js";
 const BodyStyled = styled.p.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "BodyStyled",
@@ -59,6 +60,38 @@ const BodyStyled = styled.p.withConfig({
 const bodyAlignLeft = "left";
 const bodyAlignCenter = "center";
 const bodyAlignRight = "right";
+const bodySizes = [textBodyMd, textBodySm];
+const bodyTags = [pTagName, divTagName, spanTagName, strongTagName, supTagName];
+const bodyAligns = ["left", "center", "right"];
+const bodyWeights = [fontWeightLight, fontWeightRegular, fontWeightBold];
+const validateBodyProps = (props) => {
+  if (!props || typeof props !== "object") {
+    return false;
+  }
+  const bodyProps = props;
+  if (!bodyProps.component || bodyProps.component !== "Body") {
+    return false;
+  }
+  if (bodyProps.size !== void 0 && !bodySizes.includes(bodyProps.size)) {
+    return false;
+  }
+  if (bodyProps.weight !== void 0 && !bodyWeights.includes(bodyProps.weight)) {
+    return false;
+  }
+  if (bodyProps.align !== void 0 && !bodyAligns.includes(bodyProps.align)) {
+    return false;
+  }
+  if (bodyProps.tag !== void 0 && !bodyTags.includes(bodyProps.tag)) {
+    return false;
+  }
+  if (bodyProps.children === void 0) {
+    return false;
+  }
+  return true;
+};
+const isBodyProps = (props) => {
+  return validateBodyProps(props);
+};
 const Body = ({
   tag = "p",
   bottomSpacing,
@@ -73,5 +106,11 @@ export {
   bodyAlignCenter,
   bodyAlignLeft,
   bodyAlignRight,
-  Body as default
+  bodyAligns,
+  bodySizes,
+  bodyTags,
+  bodyWeights,
+  Body as default,
+  isBodyProps,
+  validateBodyProps
 };

package/dist/components/Body/props.d.ts

@@ -1,8 +1,8 @@
 import { HTMLAttributes, ReactNode } from 'react';
 import { PatternProps } from '../../foundations/PatternProps';
 import { divTagName, pTagName, spanTagName, strongTagName, supTagName } from '../../foundations/tags';
-import { FontWeight } from '../../foundations/token/types/FontWeight';
-import { TextBodySize } from '../../foundations/token/types/TextBodySize';
+import { FontWeight } from '../../foundations/types/FontWeight.ts';
+import { TextBodySize } from '../../foundations/types/TextBodySize.ts';
 import { Theme } from '../../foundations/types/Theme';
 export type BodyTags = typeof pTagName | typeof divTagName | typeof spanTagName | typeof strongTagName | typeof supTagName;
 export declare const bodyAlignLeft = "left";
@@ -15,7 +15,7 @@ export interface BodyProps extends PatternProps, HTMLAttributes<HTMLParagraphEle
      */
     size?: TextBodySize;
     /**
-     * font weight can be light, regular or bold. if strong is used as a tag, bold is always used
+     * font weight can be light, regular or bold. if strong is used as a tag, weight is ignored and Body is always bold
      */
     weight?: FontWeight;
     /**

package/dist/components/Body/validate.d.ts

@@ -0,0 +1,8 @@
+import { FontWeight } from '../../foundations/types/FontWeight';
+import { BodyAlign, BodyProps, BodyTags } from './props';
+export declare const bodySizes: string[];
+export declare const bodyTags: BodyTags[];
+export declare const bodyAligns: BodyAlign[];
+export declare const bodyWeights: FontWeight[];
+export declare const validateBodyProps: (props: unknown) => boolean;
+export declare const isBodyProps: (props: unknown) => props is BodyProps;

package/dist/components/Body/validate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/BottomBar/index.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
-import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import Container from "../Container/index.js";
+import { s as spacingMd, b as spacingNone } from "../../Spacing-BzNNxYMI.js";
 import styled from "styled-components";
-import { a as CardStyled } from "../../styled-CYugcGtx.js";
+import { a as CardStyled } from "../../styled-8Td4Oj0t.js";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { a as borderRadiusNone } from "../../BorderRadius-ClUShVLu.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { f as filterProps } from "../../filterProps-C73Li8Na.js";
 const bottomBarExtraPadding = 100;
 const BottomBarStyled = styled(CardStyled).withConfig({
   shouldForwardProp: filterProps(),

package/dist/components/Button/ButtonAppearanceHelper.d.ts

@@ -1,5 +1,5 @@
 import { CSSObject } from 'styled-components';
-import { ObjectColor } from '../../foundations/token/types/ObjectColor';
 import { ButtonAppearances } from '../../foundations/types/ButtonAppearances';
+import { ObjectColor } from '../../foundations/types/ObjectColor.ts';
 export declare const ButtonAppearanceColor: Record<ButtonAppearances, ObjectColor>;
 export declare const getButtonAppearance: (appearance: ButtonAppearances) => CSSObject;