@vodafone_de/brix-components 8.1.2 → 8.1.3

package/dist/ToggleButtonContext-TOVux5cw.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from "react";
+const ToggleButtonContext = createContext(null);
+const useToggleButtonContext = () => {
+  const context = useContext(ToggleButtonContext);
+  if (!context) {
+    throw new Error("useToggleButtonContext must be used within <ToggleButtonProvider>");
+  }
+  return context;
+};
+export {
+  ToggleButtonContext as T,
+  useToggleButtonContext as u
+};

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

@@ -1,2 +1,2 @@
-import { default as PositionedIconInterface } from '../../foundations/types/PositionedIconInterface';
-export declare const getButtonIcon: (icon: PositionedIconInterface | undefined) => import("react/jsx-runtime").JSX.Element | null;
+import { ButtonSharedProps } from './props';
+export declare const getButtonIcon: (icon: ButtonSharedProps["icon"], iconPosition?: ButtonSharedProps["iconPosition"]) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { ButtonProps } from './props';
 import { ButtonAsLinkProps } from '../ButtonAsLink/props';
+import { ButtonProps } from './props';
 declare const Button: FC<ButtonProps | ButtonAsLinkProps>;
 export default Button;
 export * from './props';

package/dist/components/Button/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { B as ButtonAsLink, g as getButtonIcon } from "../../validate-DpS8-lSn.js";
-import { c, a, b, d, f, e } from "../../validate-DpS8-lSn.js";
+import { B as ButtonAsLink, g as getButtonIcon } from "../../validate-Dlzxlfzp.js";
+import { c, a, b, d, f, e } from "../../validate-Dlzxlfzp.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import { B as ButtonStyled } from "../../styled-7vJ7mrAA.js";
 const isButtonAsLinkProp = (props) => {
@@ -13,7 +13,7 @@ const Button = (props) => {
   }
   return /* @__PURE__ */ jsxs(ButtonStyled, { ...props, children: [
     renderInlineRichTextFromOpenText(props.children),
-    getButtonIcon(props == null ? void 0 : props.icon)
+    getButtonIcon(props.icon, props.iconPosition)
   ] });
 };
 export {

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

@@ -1,7 +1,8 @@
+import { IconName } from '@vfde-react/inline-icon-library/IconName';
 import { ButtonHTMLAttributes } from 'react';
 import { PatternProps } from '../../foundations/PatternProps';
 import { ButtonAppearances } from '../../foundations/types/ButtonAppearances';
-import { default as PositionedIconInterface } from '../../foundations/types/PositionedIconInterface';
+import { leftPosition, rightPosition } from '../../foundations/types/PositionType';
 export declare const buttonFullWidth = "full";
 export declare const buttonAutoWidth = "auto";
 export type ButtonWidthBehavior = typeof buttonFullWidth | typeof buttonAutoWidth;
@@ -15,9 +16,13 @@ export interface ButtonSharedProps {
      */
     width?: ButtonWidthBehavior;
     /**
-     * icon object contain name and position, object is optional and name and position is mandatory.
+     * Icon to indicate purpose of the action
      */
-    icon?: PositionedIconInterface;
+    icon?: IconName;
+    /**
+     * Positioning of the icon relative to the label
+     */
+    iconPosition?: typeof leftPosition | typeof rightPosition;
     /**
      * Pin component's name from string to the concrete name
      */

package/dist/components/ButtonAsLink/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { B, i, v } from "../../validate-DpS8-lSn.js";
+import { B, i, v } from "../../validate-Dlzxlfzp.js";
 import "../../hooks/useLinkComponent/index.js";
 import "../../filterProps-BJ5SpbnA.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";

package/dist/components/ButtonGroup/index.js

@@ -6,7 +6,7 @@ import { b as flexJustifyStart, c as flexJustifyEnd, d as flexJustifyCenter, e a
 import FlexItem from "../FlexItem/index.js";
 import { b as spacingSm, s as spacingMd } from "../../Spacing-8v6hcO2x.js";
 import { useViewport } from "../../hooks/useViewport/index.js";
-import { e as validateButtonProps, v as validateButtonAsLinkProps } from "../../validate-DpS8-lSn.js";
+import { e as validateButtonProps, v as validateButtonAsLinkProps } from "../../validate-Dlzxlfzp.js";
 import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";
 import { i as isBottomSpacing } from "../../isBottomSpacing-BxfreCZU.js";
 const flexJustifyBehaviors = [flexJustifyStart, flexJustifyEnd, flexJustifyCenter, flexJustifyBetween];

package/dist/components/Carousel/index.js

@@ -8,7 +8,7 @@ import { s as spacingMd } from "../../Spacing-8v6hcO2x.js";
 import styled from "styled-components";
 import { a as CardStyled } from "../../styled-Dq0NuP5r.js";
 import { G as GridStyled } from "../../styled-BiCOjvNq.js";
-import { G as GridItemStyled } from "../../styled-L1Dt_uzc.js";
+import { G as GridItemStyled } from "../../styled-0KSRG-Fv.js";
 import viewport from "../../foundations/media-query/viewport/index.js";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";

package/dist/components/ConsentMessage/index.js

@@ -3,7 +3,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import Body, { bodyAlignCenter } from "../Body/index.js";
 import Button from "../Button/index.js";
-import { a as buttonAutoWidth } from "../../validate-DpS8-lSn.js";
+import { a as buttonAutoWidth } from "../../validate-Dlzxlfzp.js";
 import styled from "styled-components";
 import { B as ButtonStyled, t as tertiaryAppearance } from "../../styled-7vJ7mrAA.js";
 import viewport from "../../foundations/media-query/viewport/index.js";

package/dist/components/DateInput/index.js

@@ -11,11 +11,28 @@ import { i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";
 import { s as spacingMd, a as spacingXs } from "../../Spacing-8v6hcO2x.js";
 import { aW as CalendarMonthIcon } from "../../_5gPlusIcon-CnxmOo1u.js";
 import styled from "styled-components";
+import forcedColors from "../../foundations/media-query/forcedColors/index.js";
+import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
+import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
+import { c as colorBorderFocus } from "../../BorderColor-BummoQ1-.js";
+import { a as borderWidthFocus } from "../../BorderWidth-BjXpOdM5.js";
 const CalendarMonthIconStyled = styled(CalendarMonthIcon).withConfig({
   displayName: "CalendarMonthIconStyled",
   componentId: "sc-12ai2q6-0"
 })(() => {
   return {
+    "&:focus": {
+      ...forcedColors({
+        border: "none"
+      }),
+      outline: "none"
+    },
+    "&:focus-visible": {
+      ...forcedColors({
+        border: "none"
+      }),
+      outline: `${getBorderWidth(borderWidthFocus)} solid ${getBorderColor(colorBorderFocus)}`
+    },
     "@-moz-document url-prefix()": {
       "&": {
         display: "none",
@@ -64,6 +81,14 @@ const DateInput = forwardRef(({
       innerRef.current.focus();
     }, 1);
   };
+  const handleCalendarSpaceKey = (event) => {
+    if (null === innerRef || null === innerRef.current) {
+      return;
+    }
+    if (event.code === "Space") {
+      innerRef.current.showPicker();
+    }
+  };
   return /* @__PURE__ */ jsxs(FormElement, { className: props.className, bottomSpacing, disabled: props.disabled, children: [
     /* @__PURE__ */ jsx(FormHelperLabel, { label, uid }),
     /* @__PURE__ */ jsxs(InputWrapperStyled, { status, readOnly: props.readOnly, bottomSpacing: inputStateError !== status && helperText || inputStateError === status && errorMessage ? spacingXs : void 0, children: [
@@ -77,7 +102,7 @@ const DateInput = forwardRef(({
         onUpdate(event.target.value);
       } }),
       /* @__PURE__ */ jsx(FormHelperStatusIcon, { status }),
-      /* @__PURE__ */ jsx(CalendarMonthIconStyled, { size: iconSizeSm, onClick: handleCalendarClick })
+      /* @__PURE__ */ jsx(CalendarMonthIconStyled, { size: iconSizeSm, onClick: handleCalendarClick, onKeyDown: handleCalendarSpaceKey, tabIndex: 0, role: "button", title: "Datumsauswahl anzeigen" })
     ] }),
     /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status, message: inputStateError === status ? errorMessage : helperText })
   ] });

package/dist/components/DemoBox/index.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import IconSnippet from "../IconSnippet/index.js";
 import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
-import { D as DemoBoxStyled } from "../../styled-DTTTzJXP.js";
+import { D as DemoBoxStyled } from "../../styled-Dw5c-xwf.js";
 const DemoBox = ({
   children,
   ...props

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

@@ -1,6 +1,6 @@
+import { HTMLAttributes } from 'react';
 import { LinkProps } from '../Link';
 import { PatternProps } from '../../foundations/PatternProps';
-import { HTMLAttributes } from 'react';
 import { UtilityLinkProps } from '../UtilityLink/props';
 export type EnergySnippetSize = 'sm' | 'md' | 'lg';
 export type EnergyClass = 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G';

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

@@ -1,4 +1,4 @@
-import { UtilityLinkProps } from '../UtilityLink/props';
 import { EnergySnippetProps } from './props';
+import { UtilityLinkProps } from '../UtilityLink/props';
 export declare const EnergySnippetFlexStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../Flex').FlexProps> & import('../Flex').FlexProps, never>> & string;
 export declare const EnergySnippetImageLink: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<UtilityLinkProps, UtilityLinkProps & Pick<EnergySnippetProps, "orientation">>> & string & Omit<import('react').FC<UtilityLinkProps>, keyof import('react').Component<any, {}, any>>;

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

@@ -20,13 +20,13 @@ export interface FilterProps extends InputHTMLAttributes<HTMLInputElement> {
      */
     checked?: boolean;
 }
-export interface FilterGroupProps extends FieldsetSharedProps {
+export interface FilterGroupProps extends Omit<FieldsetSharedProps, 'status' | 'errorMessage' | 'disabled' | 'helperText' | 'disabled'> {
     /**
      * Pin component's name from string to the concrete name
      */
     component?: 'FilterGroup';
     /**
-     * Array of PillProps
+     * Array of FilterProps
      */
     filters: FilterProps[];
     /**

package/dist/components/GridItem/index.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
 import { d as divTagName, l as liTagName, n as navTagName, m as mainTagName, s as sectionTagName, a as asideTagName, b as articleTagName, u as ulTagName, o as olTagName } from "../../tags-D7CRQqc1.js";
 import { validateGridColSpan, GridContext } from "../Grid/index.js";
-import { G as GridItemStyled } from "../../styled-L1Dt_uzc.js";
+import { G as GridItemStyled } from "../../styled-0KSRG-Fv.js";
 import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";
 const gridItemTags = [divTagName, liTagName, navTagName, mainTagName, sectionTagName, asideTagName, articleTagName];
 const gridItemAligns = ["left", "center", "right"];

package/dist/components/TimeInput/index.js

@@ -95,7 +95,7 @@ const TimeInput = forwardRef(({
         if (e.key === "Enter" || e.key === " ") {
           handlePickerInteraction();
         }
-      }, browserSupportsPicker, role: browserSupportsPicker ? "button" : void 0, tabIndex: browserSupportsPicker ? 0 : void 0 })
+      }, browserSupportsPicker, role: browserSupportsPicker ? "button" : void 0, tabIndex: browserSupportsPicker ? 0 : void 0, title: "Zeitauswahl anzeigen" })
     ] }),
     /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status: internalStatus, message: inputStateError === internalStatus ? errorMessage : helperText })
   ] });

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ToggleButtonProps } from './props';
+declare const ToggleButton: FC<ToggleButtonProps>;
+export default ToggleButton;
+export * from './props';

package/dist/components/ToggleButton/index.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import Button from "../Button/index.js";
+import { u as useToggleButtonContext } from "../../ToggleButtonContext-TOVux5cw.js";
+const ToggleButton = ({
+  value,
+  initialChecked = false,
+  component: _component,
+  ...props
+}) => {
+  const {
+    labelChecked,
+    labelUnchecked,
+    iconChecked,
+    iconUnchecked,
+    width,
+    name,
+    isChecked,
+    onChange,
+    register,
+    unregister
+  } = useToggleButtonContext();
+  const checked = isChecked(value, initialChecked);
+  useEffect(() => {
+    const minimalProps = {
+      value,
+      checked
+    };
+    register(minimalProps);
+    return () => {
+      unregister(value);
+    };
+  }, [value, checked, register, unregister]);
+  const onClick = (event) => {
+    onChange(value, !checked);
+    if (props.onClick) {
+      props.onClick(event);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    checked && /* @__PURE__ */ jsx("input", { type: "hidden", name: `${name}[]`, value: `${value}` }),
+    /* @__PURE__ */ jsx(Button, { ...props, type: "button", width, appearance: checked ? "secondary" : "tertiary", "aria-pressed": checked, icon: checked ? iconChecked : iconUnchecked, iconPosition: "left", onClick, children: checked ? labelChecked : labelUnchecked })
+  ] });
+};
+export {
+  ToggleButton as default
+};

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

@@ -0,0 +1,20 @@
+import { ButtonProps } from '../Button/props';
+export interface ToggleButtonProps extends Omit<ButtonProps, 'children' | 'icon' | 'appearance' | 'width' | 'aria-pressed' | 'name' | 'component'> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'ToggleButton';
+    /**
+     * indicate if the button should be initial checked.
+     * After it is registered only Provider's state is controlling checked
+     */
+    initialChecked?: boolean;
+    /**
+     * value is mandatory
+     */
+    value: string;
+}
+export type ToggleButtonState = {
+    value: string;
+    checked: boolean;
+};

package/dist/components/ToggleButtonProvider/components/ToggleButtonContext.d.ts

@@ -0,0 +1,18 @@
+import { IconName } from '@vfde-react/inline-icon-library/IconName';
+import { ButtonWidthBehavior } from '../../Button';
+import { ToggleButtonState } from '../../ToggleButton';
+export interface ToggleButtonContextValue {
+    buttons: ToggleButtonState[];
+    labelChecked: string;
+    labelUnchecked: string;
+    iconChecked?: IconName;
+    iconUnchecked?: IconName;
+    width?: ButtonWidthBehavior;
+    name: string;
+    register: (button: ToggleButtonState) => void;
+    unregister: (value: string) => void;
+    onChange: (value: string, checked: boolean) => void;
+    isChecked: (buttonUid: string, initialChecked: boolean) => boolean;
+}
+export declare const ToggleButtonContext: import('react').Context<ToggleButtonContextValue | null>;
+export declare const useToggleButtonContext: () => ToggleButtonContextValue;

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ToggleButtonProviderProps } from './props';
+declare const ToggleButtonProvider: FC<ToggleButtonProviderProps>;
+export default ToggleButtonProvider;
+export * from './props';

package/dist/components/ToggleButtonProvider/index.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useRef, useState, useLayoutEffect, useCallback, useEffect } from "react";
+import { T as ToggleButtonContext } from "../../ToggleButtonContext-TOVux5cw.js";
+const ToggleButtonProvider = ({
+  exclusive,
+  labelChecked,
+  labelUnchecked,
+  iconChecked,
+  iconUnchecked,
+  name,
+  width,
+  onUpdate,
+  children,
+  ...props
+}) => {
+  const setupComplete = useRef(false);
+  const [buttons, setButtons] = useState([]);
+  useLayoutEffect(() => {
+    setupComplete.current = true;
+  }, []);
+  const register = useCallback((button) => {
+    setButtons((prev) => {
+      const existing = prev.find((b) => b.value === button.value);
+      if (existing) {
+        return prev.map((b) => b.value === button.value ? {
+          ...b,
+          ...button
+        } : b);
+      }
+      return [...prev, button];
+    });
+  }, []);
+  const unregister = useCallback((value) => {
+    setButtons((prev) => prev.filter((b) => b.value !== value));
+  }, []);
+  const onChange = useCallback((value, checked) => {
+    setButtons((prev) => {
+      if (exclusive && checked) {
+        return prev.map((b) => {
+          return {
+            ...b,
+            checked: b.value === value
+          };
+        });
+      }
+      return prev.map((b) => b.value === value ? {
+        ...b,
+        checked
+      } : b);
+    });
+  }, [exclusive]);
+  const isChecked = useCallback((value, initialChecked) => {
+    const findButton = buttons.find((button) => value === button.value);
+    if (!findButton) {
+      return initialChecked;
+    }
+    return findButton.checked;
+  }, [buttons]);
+  useEffect(() => {
+    var _a;
+    if (!setupComplete.current) {
+      return;
+    }
+    if (!onUpdate) {
+      return;
+    }
+    if (exclusive) {
+      const value = ((_a = buttons.find((button) => button.checked)) == null ? void 0 : _a.value) || null;
+      onUpdate(value);
+    } else {
+      const values = buttons.filter((button) => button.checked).map((button) => button.value);
+      onUpdate(values);
+    }
+  }, [buttons, exclusive, onUpdate]);
+  const contextValue = {
+    buttons,
+    labelChecked,
+    labelUnchecked,
+    iconChecked,
+    iconUnchecked,
+    width,
+    name,
+    register,
+    unregister,
+    onChange,
+    isChecked
+  };
+  return /* @__PURE__ */ jsx(ToggleButtonContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { ...props, children }) });
+};
+export {
+  ToggleButtonProvider as default
+};

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

@@ -0,0 +1,51 @@
+import { IconName } from '@vfde-react/inline-icon-library/IconName';
+import { HTMLAttributes } from 'react';
+import { ButtonWidthBehavior } from '../Button';
+interface ToggleButtonProviderBaseProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * All toggle buttons within a provider are given the same label when checked.
+     */
+    labelChecked: string;
+    /**
+     * All toggle buttons within a provider are given the same label when unchecked.
+     */
+    labelUnchecked: string;
+    /**
+     * All toggle buttons within a provider display the same icon when checked.
+     */
+    iconChecked?: IconName;
+    /**
+     * All toggle buttons within a provider display the same icon when unchecked.
+     */
+    iconUnchecked?: IconName;
+    /**
+     * Supports different width behaviors
+     */
+    width?: ButtonWidthBehavior;
+    /**
+     * Name of all ToggleButtons' form control within a provider. Submitted with the form as part of a name/value pair
+     */
+    name: string;
+}
+interface ToggleButtonProviderExclusiveProps extends ToggleButtonProviderBaseProps {
+    /**
+     * If this is true, then only one ToggleButton within the Provider can be selected. When a button is selected, all others are deselected.
+     */
+    exclusive: true;
+    /**
+     * Callback fired when the value changes and one time ofter after useLayout
+     */
+    onUpdate?: (value: string | null) => void;
+}
+interface ToggleButtonProviderMultiProps extends ToggleButtonProviderBaseProps {
+    /**
+     * If this is true, then only one ToggleButton within the Provider can be selected. When a button is selected, all others are deselected.
+     */
+    exclusive: false;
+    /**
+     * Callback fired when the value changes and one time ofter after useLayout
+     */
+    onUpdate?: (value: string[]) => void;
+}
+export type ToggleButtonProviderProps = ToggleButtonProviderExclusiveProps | ToggleButtonProviderMultiProps;
+export {};

package/dist/contentful/live-preview-inspector/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
 import "@contentful/live-preview/react";
-import { L } from "../../mapContentToComponents-B5jXlSge.js";
+import { L } from "../../mapContentToComponents-CUCG09B3.js";
 export {
   L as LivePreviewInspector
 };

package/dist/contentful/live-preview-renderer/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, Fragment } from "react/jsx-runtime";
 import { useContentfulLiveUpdates, ContentfulLivePreviewProvider } from "@contentful/live-preview/react";
-import { m as mapContentToComponents } from "../../mapContentToComponents-B5jXlSge.js";
+import { m as mapContentToComponents } from "../../mapContentToComponents-CUCG09B3.js";
 const BrixLiveRendererComponents = ({
   data
 }) => {

package/dist/contentful/renderer/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, Fragment } from "react/jsx-runtime";
 import LivePreviewRenderer from "../live-preview-renderer/index.js";
-import { m as mapContentToComponents } from "../../mapContentToComponents-B5jXlSge.js";
+import { m as mapContentToComponents } from "../../mapContentToComponents-CUCG09B3.js";
 const Renderer = ({
   content,
   isDraftMode

package/dist/index.d.ts

@@ -4,6 +4,10 @@ export * from './components/UtilityLink';
 export { default as UtilityLink } from './components/UtilityLink';
 export * from './components/Tray';
 export { default as Tray } from './components/Tray';
+export * from './components/ToggleButtonProvider';
+export { default as ToggleButtonProvider } from './components/ToggleButtonProvider';
+export * from './components/ToggleButton';
+export { default as ToggleButton } from './components/ToggleButton';
 export * from './components/TimeInput';
 export { default as TimeInput } from './components/TimeInput';
 export * from './components/Textarea';

package/dist/index.js

@@ -1,90 +1,92 @@
 import { default as default2, YoutubeVideoIframeStyled, YoutubeVideoStyled } from "./components/YoutubeVideo/index.js";
 import { default as default3 } from "./components/UtilityLink/index.js";
 import { default as default4 } from "./components/Tray/index.js";
-import { default as default5 } from "./components/TimeInput/index.js";
-import { default as default6 } from "./components/Textarea/index.js";
+import { default as default5 } from "./components/ToggleButtonProvider/index.js";
+import { default as default6 } from "./components/ToggleButton/index.js";
+import { default as default7 } from "./components/TimeInput/index.js";
+import { default as default8 } from "./components/Textarea/index.js";
 import { R, T, a } from "./index-CLHcudLb.js";
 import { P, T as T2, c, k, g, f, j, p, a as a2, i, e, d, b, h, v } from "./index-GkBE6ANF.js";
 import { T as T3, a as a3, b as b2, c as c2, d as d2, e as e2, f as f2, T as T4 } from "./TableWrapper-Do9KCTGV.js";
-import { PanelStyled, default as default7, TabGroupContainerStyled, TabGroupIndicatorStyled, TabGroupTabsScrollableContainerStyled, TabGroupTabsStyled, TabLabelStyled, TabStyled, iconPositionLeft, iconPositionTop, tabGroupWidthAuto, tabGroupWidthFull } from "./components/TabGroup/index.js";
-import { default as default8 } from "./components/Switch/index.js";
-import { default as default9 } from "./components/SuggestInput/index.js";
-import { default as default10 } from "./components/Stepper/index.js";
-import { default as default11 } from "./components/SmoothScrollArea/index.js";
-import { default as default12 } from "./components/SelectInput/index.js";
-import { default as default13 } from "./components/SearchInput/index.js";
+import { PanelStyled, default as default9, TabGroupContainerStyled, TabGroupIndicatorStyled, TabGroupTabsScrollableContainerStyled, TabGroupTabsStyled, TabLabelStyled, TabStyled, iconPositionLeft, iconPositionTop, tabGroupWidthAuto, tabGroupWidthFull } from "./components/TabGroup/index.js";
+import { default as default10 } from "./components/Switch/index.js";
+import { default as default11 } from "./components/SuggestInput/index.js";
+import { default as default12 } from "./components/Stepper/index.js";
+import { default as default13 } from "./components/SmoothScrollArea/index.js";
+import { default as default14 } from "./components/SelectInput/index.js";
+import { default as default15 } from "./components/SearchInput/index.js";
 import { S } from "./index-CfIoFAvq.js";
-import { default as default14 } from "./components/RichtTextContentful/index.js";
-import { default as default15, isResponsiveImageProps, validateResponsiveImageProps } from "./components/ResponsiveImage/index.js";
-import { HiddenRadioStyled, default as default16, RatingFieldsetStyled, StarLabelStyled, StarsWrapperStyled } from "./components/Rating/index.js";
-import { default as default17 } from "./components/RadioGroup/index.js";
-import { default as default18 } from "./components/QuickLinkList/index.js";
-import { default as default19 } from "./components/ProductCard/index.js";
-import { default as default20 } from "./components/PickerGroup/index.js";
-import { default as default21, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
-import { default as default22 } from "./components/OpenTextFootnoteAdapter/index.js";
-import { default as default23, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
+import { default as default16 } from "./components/RichtTextContentful/index.js";
+import { default as default17, isResponsiveImageProps, validateResponsiveImageProps } from "./components/ResponsiveImage/index.js";
+import { HiddenRadioStyled, default as default18, RatingFieldsetStyled, StarLabelStyled, StarsWrapperStyled } from "./components/Rating/index.js";
+import { default as default19 } from "./components/RadioGroup/index.js";
+import { default as default20 } from "./components/QuickLinkList/index.js";
+import { default as default21 } from "./components/ProductCard/index.js";
+import { default as default22 } from "./components/PickerGroup/index.js";
+import { default as default23, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
+import { default as default24 } from "./components/OpenTextFootnoteAdapter/index.js";
+import { default as default25, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
 import { M, i as i2, a as a4, b as b3, m, c as c3, v as v2 } from "./index-DubgGwxc.js";
-import { default as default24 } from "./components/LocalStyle/index.js";
-import { default as default25 } from "./components/LoadingSpinner/index.js";
-import { default as default26, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
-import { default as default27, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
+import { default as default26 } from "./components/LocalStyle/index.js";
+import { default as default27 } from "./components/LoadingSpinner/index.js";
+import { default as default28, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
+import { default as default29, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
 import { L, i as i3, v as v3 } from "./index-CEotMXpL.js";
-import { default as default28, isLinkProps, validateLinkProps } from "./components/Link/index.js";
-import { default as default29 } from "./components/Legend/index.js";
-import { default as default30 } from "./components/Label/index.js";
-import { default as default31 } from "./components/Input/index.js";
-import { default as default32, isInlineLinkProps, validateInlineLinkProps } from "./components/InlineLink/index.js";
-import { IconWithAccent, default as default33, InlineIconStyled, inlineIconModeFill, inlineIconModeStroke } from "./components/InlineIcon/index.js";
-import { default as default34, infoBannerAppearancePrimary, infoBannerAppearanceSecondary } from "./components/InfoBanner/index.js";
-import { default as default35, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderPositions, imageHeaderVariantFull, imageHeaderVariantSplit, imageHeaderVariants, isImageHeaderProps, validateImageHeaderProps } from "./components/ImageHeader/index.js";
-import { default as default36 } from "./components/Image/index.js";
-import { default as default37, isIconSnippetListProps, validateIconSnippetListProps } from "./components/IconSnippetList/index.js";
-import { default as default38, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetAligns, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetPositions, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall, iconSnippetSizes, iconSnippetTags, isIconSnippetProps, validateIconSnippetProps } from "./components/IconSnippet/index.js";
+import { default as default30, isLinkProps, validateLinkProps } from "./components/Link/index.js";
+import { default as default31 } from "./components/Legend/index.js";
+import { default as default32 } from "./components/Label/index.js";
+import { default as default33 } from "./components/Input/index.js";
+import { default as default34, isInlineLinkProps, validateInlineLinkProps } from "./components/InlineLink/index.js";
+import { IconWithAccent, default as default35, InlineIconStyled, inlineIconModeFill, inlineIconModeStroke } from "./components/InlineIcon/index.js";
+import { default as default36, infoBannerAppearancePrimary, infoBannerAppearanceSecondary } from "./components/InfoBanner/index.js";
+import { default as default37, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderPositions, imageHeaderVariantFull, imageHeaderVariantSplit, imageHeaderVariants, isImageHeaderProps, validateImageHeaderProps } from "./components/ImageHeader/index.js";
+import { default as default38 } from "./components/Image/index.js";
+import { default as default39, isIconSnippetListProps, validateIconSnippetListProps } from "./components/IconSnippetList/index.js";
+import { default as default40, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetAligns, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetPositions, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall, iconSnippetSizes, iconSnippetTags, isIconSnippetProps, validateIconSnippetProps } from "./components/IconSnippet/index.js";
 import { I, i as i4, a as a5, v as v4 } from "./index--RjkzZm0.js";
-import { default as default39, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
-import { default as default40 } from "./components/Icon/index.js";
-import { default as default41, hifiIconSizes, isHifiIconProps, validateHifiIconProps } from "./components/HifiIcon/index.js";
-import { default as default42, headingAlignCenter, headingAlignLeft, headingSizes, headingTags, headingWeights, headlingAligns, isHeadingProps, validateHeadingProps } from "./components/Heading/index.js";
-import { default as default43, gridItemAligns, gridItemTags, isGridItemProps, validateGridItemProps } from "./components/GridItem/index.js";
-import { default as default44, GridContext, gridAligns, gridSpacings, gridTags, isGridConfig, isGridProps, validateGridColSpan, validateGridConfig, validateGridProps } from "./components/Grid/index.js";
-import { default as default45 } from "./components/GoogleMap/index.js";
-import { default as default46, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
-import { default as default47 } from "./components/FormHelperMessage/index.js";
-import { default as default48 } from "./components/FormHelperLabel/index.js";
-import { default as default49 } from "./components/FormElement/index.js";
-import { default as default50 } from "./components/Form/index.js";
+import { default as default41, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
+import { default as default42 } from "./components/Icon/index.js";
+import { default as default43, hifiIconSizes, isHifiIconProps, validateHifiIconProps } from "./components/HifiIcon/index.js";
+import { default as default44, headingAlignCenter, headingAlignLeft, headingSizes, headingTags, headingWeights, headlingAligns, isHeadingProps, validateHeadingProps } from "./components/Heading/index.js";
+import { default as default45, gridItemAligns, gridItemTags, isGridItemProps, validateGridItemProps } from "./components/GridItem/index.js";
+import { default as default46, GridContext, gridAligns, gridSpacings, gridTags, isGridConfig, isGridProps, validateGridColSpan, validateGridConfig, validateGridProps } from "./components/Grid/index.js";
+import { default as default47 } from "./components/GoogleMap/index.js";
+import { default as default48, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
+import { default as default49 } from "./components/FormHelperMessage/index.js";
+import { default as default50 } from "./components/FormHelperLabel/index.js";
+import { default as default51 } from "./components/FormElement/index.js";
+import { default as default52 } from "./components/Form/index.js";
 import { F } from "./index-DToaoQpl.js";
-import { default as default51 } from "./components/FootnoteContent/index.js";
-import { default as default52, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
-import { default as default53 } from "./components/Flex/index.js";
-import { default as default54 } from "./components/FilterGroup/index.js";
-import { default as default55 } from "./components/Fieldset/index.js";
-import { default as default56 } from "./components/EnergySnippet/index.js";
-import { default as default57, isDividerProps, validateDividerProps } from "./components/Divider/index.js";
-import { default as default58, isDiscoveryCardGroupProps, validateDiscoveryCardGroupProps } from "./components/DiscoveryCardGroup/index.js";
-import { default as default59, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical, isDiscoveryCardProps, validateDiscoveryCardProps } from "./components/DiscoveryCard/index.js";
-import { default as default60 } from "./components/Dialog/index.js";
-import { default as default61 } from "./components/DemoBox/index.js";
-import { default as default62 } from "./components/DateInput/index.js";
-import { default as default63, ContainerAppearanceColor, containerAppearances, containerPaddings, isContainerProps, validateContainerProps } from "./components/Container/index.js";
-import { default as default64 } from "./components/ConsentMessage/index.js";
-import { default as default65, isColorSwatchGroupProps, validateColorSwatchGroupProps } from "./components/ColorSwatchGroup/index.js";
-import { default as default66, colorSwatchSizeMedium, colorSwatchSizeSmall, colorSwatchSizes, isColorSwatchProps, validateColorSwatchProps } from "./components/ColorSwatch/index.js";
-import { default as default67 } from "./components/Collapsible/index.js";
-import { default as default68 } from "./components/CheckboxGroup/index.js";
-import { default as default69 } from "./components/Checkbox/index.js";
-import { default as default70 } from "./components/Carousel/index.js";
-import { default as default71, cardAppearances, cardTags, isCardProps, validateCardProps } from "./components/Card/index.js";
-import { default as default72 } from "./components/Calendar/index.js";
-import { default as default73, flexJustifyBehaviors, flexOrientations, isButtonGroupProps, validateButtonGroupProps } from "./components/ButtonGroup/index.js";
-import { B, c as c4, a as a6, b as b4, d as d3, i as i5, f as f3, v as v5, e as e3 } from "./validate-DpS8-lSn.js";
-import { default as default74 } from "./components/Button/index.js";
-import { default as default75 } from "./components/BottomBar/index.js";
-import { default as default76, bodyAlignCenter, bodyAlignLeft, bodyAlignRight, bodyAligns, bodySizes, bodyTags, bodyWeights, isBodyProps, validateBodyProps } from "./components/Body/index.js";
+import { default as default53 } from "./components/FootnoteContent/index.js";
+import { default as default54, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
+import { default as default55 } from "./components/Flex/index.js";
+import { default as default56 } from "./components/FilterGroup/index.js";
+import { default as default57 } from "./components/Fieldset/index.js";
+import { default as default58 } from "./components/EnergySnippet/index.js";
+import { default as default59, isDividerProps, validateDividerProps } from "./components/Divider/index.js";
+import { default as default60, isDiscoveryCardGroupProps, validateDiscoveryCardGroupProps } from "./components/DiscoveryCardGroup/index.js";
+import { default as default61, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical, isDiscoveryCardProps, validateDiscoveryCardProps } from "./components/DiscoveryCard/index.js";
+import { default as default62 } from "./components/Dialog/index.js";
+import { default as default63 } from "./components/DemoBox/index.js";
+import { default as default64 } from "./components/DateInput/index.js";
+import { default as default65, ContainerAppearanceColor, containerAppearances, containerPaddings, isContainerProps, validateContainerProps } from "./components/Container/index.js";
+import { default as default66 } from "./components/ConsentMessage/index.js";
+import { default as default67, isColorSwatchGroupProps, validateColorSwatchGroupProps } from "./components/ColorSwatchGroup/index.js";
+import { default as default68, colorSwatchSizeMedium, colorSwatchSizeSmall, colorSwatchSizes, isColorSwatchProps, validateColorSwatchProps } from "./components/ColorSwatch/index.js";
+import { default as default69 } from "./components/Collapsible/index.js";
+import { default as default70 } from "./components/CheckboxGroup/index.js";
+import { default as default71 } from "./components/Checkbox/index.js";
+import { default as default72 } from "./components/Carousel/index.js";
+import { default as default73, cardAppearances, cardTags, isCardProps, validateCardProps } from "./components/Card/index.js";
+import { default as default74 } from "./components/Calendar/index.js";
+import { default as default75, flexJustifyBehaviors, flexOrientations, isButtonGroupProps, validateButtonGroupProps } from "./components/ButtonGroup/index.js";
+import { B, c as c4, a as a6, b as b4, d as d3, i as i5, f as f3, v as v5, e as e3 } from "./validate-Dlzxlfzp.js";
+import { default as default76 } from "./components/Button/index.js";
+import { default as default77 } from "./components/BottomBar/index.js";
+import { default as default78, bodyAlignCenter, bodyAlignLeft, bodyAlignRight, bodyAligns, bodySizes, bodyTags, bodyWeights, isBodyProps, validateBodyProps } from "./components/Body/index.js";
 import { B as B2, b as b5, c as c5, d as d4, i as i6, p as p2, s, a as a7, t, v as v6 } from "./index-DOjE2zK8.js";
-import { default as default77, isAccordionGroupProps, validateAccordionGroupProps } from "./components/AccordionGroup/index.js";
-import { default as default78, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded, isAccordionProps, validateAccordionProps } from "./components/Accordion/index.js";
+import { default as default79, isAccordionGroupProps, validateAccordionGroupProps } from "./components/AccordionGroup/index.js";
+import { default as default80, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded, isAccordionProps, validateAccordionProps } from "./components/Accordion/index.js";
 import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
 import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
@@ -114,109 +116,109 @@ import { useForcedColors } from "./hooks/useForcedColors/index.js";
 import { useFocusWithin } from "./hooks/useFocusWithin/index.js";
 import "react/jsx-runtime";
 import "@contentful/live-preview/react";
-import { L as L2 } from "./mapContentToComponents-B5jXlSge.js";
+import { L as L2 } from "./mapContentToComponents-CUCG09B3.js";
 import { a as a8, i as i7 } from "./props-DDpgcryb.js";
 import { p as p3, m as m2, q, r, s as s2, n, t as t2, x, d as d5, h as h2, c as c6, w, z, o, a as a9, b as b6, u, e as e4, i as i8, g as g2, f as f4, l, k as k2, j as j2, v as v7, y } from "./validate-DYmFz2FF.js";
 import { e as e5, d as d6, c as c7, b as b7, f as f5, a as a10 } from "./styled-BxkvYuWW.js";
 import { C } from "./styled-Dq0NuP5r.js";
 export {
-  default78 as Accordion,
-  default77 as AccordionGroup,
+  default80 as Accordion,
+  default79 as AccordionGroup,
   B2 as Badge,
   b5 as BadgeAppearanceColor,
-  default76 as Body,
-  default75 as BottomBar,
-  default74 as Button,
+  default78 as Body,
+  default77 as BottomBar,
+  default76 as Button,
   B as ButtonAsLink,
-  default73 as ButtonGroup,
-  default72 as Calendar,
-  default71 as Card,
+  default75 as ButtonGroup,
+  default74 as Calendar,
+  default73 as Card,
   C as CardAppearanceColor,
-  default70 as Carousel,
-  default69 as Checkbox,
-  default68 as CheckboxGroup,
-  default67 as Collapsible,
-  default66 as ColorSwatch,
-  default65 as ColorSwatchGroup,
-  default64 as ConsentMessage,
-  default63 as Container,
+  default72 as Carousel,
+  default71 as Checkbox,
+  default70 as CheckboxGroup,
+  default69 as Collapsible,
+  default68 as ColorSwatch,
+  default67 as ColorSwatchGroup,
+  default66 as ConsentMessage,
+  default65 as Container,
   ContainerAppearanceColor,
-  default62 as DateInput,
+  default64 as DateInput,
   DefaultLink,
-  default61 as DemoBox,
-  default60 as Dialog,
-  default59 as DiscoveryCard,
-  default58 as DiscoveryCardGroup,
-  default57 as Divider,
-  default56 as EnergySnippet,
-  default55 as Fieldset,
-  default54 as FilterGroup,
-  default53 as Flex,
-  default52 as FlexItem,
-  default51 as FootnoteContent,
+  default63 as DemoBox,
+  default62 as Dialog,
+  default61 as DiscoveryCard,
+  default60 as DiscoveryCardGroup,
+  default59 as Divider,
+  default58 as EnergySnippet,
+  default57 as Fieldset,
+  default56 as FilterGroup,
+  default55 as Flex,
+  default54 as FlexItem,
+  default53 as FootnoteContent,
   F as FootnoteLink,
-  default50 as Form,
-  default49 as FormElement,
-  default48 as FormHelperLabel,
-  default47 as FormHelperMessage,
-  default46 as FormHelperStatusIcon,
+  default52 as Form,
+  default51 as FormElement,
+  default50 as FormHelperLabel,
+  default49 as FormHelperMessage,
+  default48 as FormHelperStatusIcon,
   GlobalStyle,
-  default45 as GoogleMap,
-  default44 as Grid,
+  default47 as GoogleMap,
+  default46 as Grid,
   GridContext,
-  default43 as GridItem,
-  default42 as Heading,
+  default45 as GridItem,
+  default44 as Heading,
   HiddenRadioStyled,
-  default41 as HifiIcon,
-  default40 as Icon,
-  default39 as IconButton,
+  default43 as HifiIcon,
+  default42 as Icon,
+  default41 as IconButton,
   I as IconLoader,
-  default38 as IconSnippet,
-  default37 as IconSnippetList,
+  default40 as IconSnippet,
+  default39 as IconSnippetList,
   IconWithAccent,
-  default36 as Image,
-  default35 as ImageHeader,
-  default34 as InfoBanner,
-  default33 as InlineIcon,
+  default38 as Image,
+  default37 as ImageHeader,
+  default36 as InfoBanner,
+  default35 as InlineIcon,
   InlineIconStyled,
-  default32 as InlineLink,
-  default31 as Input,
-  default30 as Label,
-  default29 as Legend,
-  default28 as Link,
+  default34 as InlineLink,
+  default33 as Input,
+  default32 as Label,
+  default31 as Legend,
+  default30 as Link,
   L as LinkAsButton,
   LinkContext,
-  default27 as LinkList,
-  default26 as LinkListItem,
+  default29 as LinkList,
+  default28 as LinkListItem,
   LinkProvider,
   L2 as LivePreviewInspector,
-  default25 as LoadingSpinner,
-  default24 as LocalStyle,
+  default27 as LoadingSpinner,
+  default26 as LocalStyle,
   M as MediaText,
-  default23 as Notification,
-  default22 as OpenTextFootnoteAdapter,
-  default21 as Overlay,
+  default25 as Notification,
+  default24 as OpenTextFootnoteAdapter,
+  default23 as Overlay,
   PanelStyled,
-  default20 as PickerGroup,
+  default22 as PickerGroup,
   P as Price,
-  default19 as ProductCard,
-  default18 as QuickLinkList,
-  default17 as RadioGroup,
-  default16 as Rating,
+  default21 as ProductCard,
+  default20 as QuickLinkList,
+  default19 as RadioGroup,
+  default18 as Rating,
   RatingFieldsetStyled,
-  default15 as ResponsiveImage,
+  default17 as ResponsiveImage,
   R as RichText,
-  default14 as RichtTextContentful,
+  default16 as RichtTextContentful,
   S as ScreenreaderOnly,
-  default13 as SearchInput,
-  default12 as SelectInput,
-  default11 as SmoothScrollArea,
+  default15 as SearchInput,
+  default14 as SelectInput,
+  default13 as SmoothScrollArea,
   StarLabelStyled,
   StarsWrapperStyled,
-  default10 as Stepper,
-  default9 as SuggestInput,
-  default8 as Switch,
-  default7 as TabGroup,
+  default12 as Stepper,
+  default11 as SuggestInput,
+  default10 as Switch,
+  default9 as TabGroup,
   TabGroupContainerStyled,
   TabGroupIndicatorStyled,
   TabGroupTabsScrollableContainerStyled,
@@ -234,8 +236,10 @@ export {
   T2 as TabularPrice,
   T as TextList,
   a as TextListItem,
-  default6 as Textarea,
-  default5 as TimeInput,
+  default8 as Textarea,
+  default7 as TimeInput,
+  default6 as ToggleButton,
+  default5 as ToggleButtonProvider,
   default4 as Tray,
   default3 as UtilityLink,
   default2 as YoutubeVideo,

package/dist/{mapContentToComponents-B5jXlSge.js → mapContentToComponents-CUCG09B3.js}

@@ -3,7 +3,7 @@ import AccordionGroup, { isAccordionGroupProps } from "./components/AccordionGro
 import { i as isBadgeProps, B as Badge } from "./index-DOjE2zK8.js";
 import Body, { isBodyProps } from "./components/Body/index.js";
 import Button from "./components/Button/index.js";
-import { i as isButtonAsLinkProps, f as isButtonProps, B as ButtonAsLink } from "./validate-DpS8-lSn.js";
+import { i as isButtonAsLinkProps, f as isButtonProps, B as ButtonAsLink } from "./validate-Dlzxlfzp.js";
 import ButtonGroup, { isButtonGroupProps } from "./components/ButtonGroup/index.js";
 import Card, { isCardProps } from "./components/Card/index.js";
 import ConsentMessage from "./components/ConsentMessage/index.js";
@@ -48,7 +48,7 @@ import "./styled-Dq0NuP5r.js";
 import "./components/InlineLink/index.js";
 import "./TableWrapper-Do9KCTGV.js";
 import "./index-CLHcudLb.js";
-import "./styled-L1Dt_uzc.js";
+import "./styled-0KSRG-Fv.js";
 const validateLegibleContent = (check) => {
   var _a, _b, _c, _d;
   if (null === check) {

package/dist/{styled-L1Dt_uzc.js → styled-0KSRG-Fv.js}

@@ -1,6 +1,6 @@
 import styled from "styled-components";
 import { a as CardStyled } from "./styled-Dq0NuP5r.js";
-import { D as DemoBoxStyled } from "./styled-DTTTzJXP.js";
+import { D as DemoBoxStyled } from "./styled-Dw5c-xwf.js";
 import viewport from "./foundations/media-query/viewport/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { s as spacingMd } from "./Spacing-8v6hcO2x.js";

package/dist/{styled-DTTTzJXP.js → styled-Dw5c-xwf.js}

@@ -12,7 +12,7 @@ const DemoBoxStyled = styled.div.withConfig({
   displayName: "DemoBoxStyled",
   componentId: "sc-xo01zx-0"
 })({
-  height: "100px",
+  minHeight: "100px",
   background: "#FFC5A8",
   border: `1px dashed ${getBorderColor(colorBorderWarning)}`,
   color: getTextColor(colorTextNeutral),

package/dist/{validate-DpS8-lSn.js → validate-Dlzxlfzp.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { i as iconSizeSm } from "./IconSize-AJp7xdJi.js";
-import { l as leftPosition, a as ButtonIconStyled, b as buttonHeight, p as primaryAppearance, s as secondaryAppearance, t as tertiaryAppearance, r as rightPosition } from "./styled-7vJ7mrAA.js";
+import { a as ButtonIconStyled, l as leftPosition, b as buttonHeight, p as primaryAppearance, s as secondaryAppearance, t as tertiaryAppearance, r as rightPosition } from "./styled-7vJ7mrAA.js";
 import { useLinkComponent } from "./hooks/useLinkComponent/index.js";
 import { a as filterProps, f as filterPropsForUnstyledComponent } from "./filterProps-BJ5SpbnA.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
@@ -21,12 +21,12 @@ import "html-react-parser";
 import { i as isObject, h as hasMatchingComponentName } from "./isObject-BYBrvoVW.js";
 import { i as isBottomSpacing } from "./isBottomSpacing-BxfreCZU.js";
 import { b as iconNames } from "./index--RjkzZm0.js";
-const getButtonIcon = (icon) => {
-  if (!icon || !icon.name) {
+const getButtonIcon = (icon, iconPosition) => {
+  if (!icon) {
     return null;
   }
-  const position = icon.position || leftPosition;
-  return /* @__PURE__ */ jsx(ButtonIconStyled, { iconPosition: position, size: iconSizeSm, name: icon.name });
+  const position = iconPosition || leftPosition;
+  return /* @__PURE__ */ jsx(ButtonIconStyled, { iconPosition: position, size: iconSizeSm, name: icon });
 };
 const ButtonAsLinkStyled = styled.span.withConfig({
   shouldForwardProp: filterProps(["href"]),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vodafone_de/brix-components",
   "description": "Brix is the digital design system for vodafone.de",
-  "version": "8.1.2",
+  "version": "8.1.3",
   "exports": {
     "./package.json": "./package.json",
     ".": {