@vodafone_de/brix-components 7.0.1 → 7.0.3

package/dist/components/TimeInput/index.js

@@ -0,0 +1,104 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { bm as ClockIcon, iv as iconSizeSm } from "../../index-Cbojl4_Q.js";
+import { forwardRef, useState, useRef, useImperativeHandle, useEffect } from "react";
+import { s as spacingMd, a as spacingXs } from "../../Spacing-D0HQH9YJ.js";
+import FormElement from "../FormElement/index.js";
+import FormHelperLabel from "../FormHelperLabel/index.js";
+import FormHelperMessage from "../FormHelperMessage/index.js";
+import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
+import "../Input/index.js";
+import styled from "styled-components";
+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-DfOlyKK7.js";
+import { a as InputStyled, I as InputWrapperStyled } from "../../styled-03irSJOQ.js";
+import { a as inputStateError } from "../../props-DDpgcryb.js";
+const ClockIconStyled = styled(ClockIcon).withConfig({
+  displayName: "ClockIconStyled",
+  componentId: "sc-1odlw8-0"
+})(({
+  browserSupportsPicker
+}) => {
+  return {
+    cursor: browserSupportsPicker ? "pointer" : "default",
+    "&:focus": {
+      outline: `${getBorderWidth(borderWidthFocus)} solid ${getBorderColor(colorBorderFocus)}`
+    }
+  };
+});
+const TimeInputStyled = styled(InputStyled).withConfig({
+  displayName: "TimeInputStyled",
+  componentId: "sc-1odlw8-1"
+})({
+  "&::-webkit-calendar-picker-indicator": {
+    display: "none"
+  }
+});
+function isChromium() {
+  const ua = navigator.userAgent;
+  if ("userAgentData" in navigator) {
+    return navigator.userAgentData.brands.some((b) => /Chromium|Chrome/i.test(b.brand));
+  }
+  return /Chrome/.test(ua) && !/Edg|OPR|Brave|Firefox|Safari/.test(ua);
+}
+const TimeInput = forwardRef(({
+  uid,
+  status,
+  errorMessage,
+  helperText,
+  label,
+  onUpdate,
+  bottomSpacing = spacingMd,
+  ...props
+}, outerRef) => {
+  const [internalStatus, setInternalStatus] = useState(status);
+  const innerRef = useRef(null);
+  const [browserSupportsPicker, setBrowserSupportsPicker] = useState(false);
+  useImperativeHandle(outerRef, () => innerRef.current, []);
+  const messageId = `text-${uid}`;
+  const internalStatusIsError = inputStateError === internalStatus;
+  const inputProps = {
+    ...props,
+    id: uid,
+    "aria-describedby": !internalStatusIsError && helperText || internalStatusIsError && errorMessage ? messageId : void 0,
+    "aria-invalid": internalStatusIsError ? true : void 0
+  };
+  useEffect(() => {
+    setInternalStatus(status);
+  }, [status]);
+  useEffect(() => {
+    typeof window !== "undefined" && setBrowserSupportsPicker(isChromium());
+  }, []);
+  const handleUpdate = (event) => {
+    if (props.onBlur) {
+      props.onBlur(event);
+    }
+    if (!onUpdate) {
+      return;
+    }
+    onUpdate(event.target.value);
+  };
+  const handlePickerInteraction = () => {
+    if (innerRef.current) {
+      innerRef.current.showPicker();
+    }
+  };
+  return /* @__PURE__ */ jsxs(FormElement, { bottomSpacing, disabled: props.disabled, children: [
+    /* @__PURE__ */ jsx(FormHelperLabel, { label, uid }),
+    /* @__PURE__ */ jsxs(InputWrapperStyled, { status: internalStatus, readOnly: props.readOnly, bottomSpacing: inputStateError !== internalStatus && helperText || inputStateError === internalStatus && errorMessage ? spacingXs : void 0, children: [
+      /* @__PURE__ */ jsx(TimeInputStyled, { ...inputProps, ref: innerRef, type: "time", onBlur: handleUpdate }),
+      /* @__PURE__ */ jsx(FormHelperStatusIcon, { status: internalStatus }),
+      /* @__PURE__ */ jsx(ClockIconStyled, { size: iconSizeSm, onClick: handlePickerInteraction, onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          handlePickerInteraction();
+        }
+      }, browserSupportsPicker, role: browserSupportsPicker ? "button" : void 0, tabIndex: browserSupportsPicker ? 0 : void 0 })
+    ] }),
+    /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status: internalStatus, message: inputStateError === internalStatus ? errorMessage : helperText })
+  ] });
+});
+export {
+  TimeInput as default
+};

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

@@ -0,0 +1,13 @@
+import { InputHTMLAttributes } from 'react';
+import { InputSharedProps } from '../Input';
+export interface TimeInputProps extends InputSharedProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    /**
+     * function that is called on every update. While input[type=time] is special,
+     * this os fired on blur
+     */
+    onUpdate?: (a: string) => void;
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'TimeInput';
+}

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

@@ -0,0 +1,6 @@
+import { InlineIconProps } from '@vfde-react/inline-icon-library';
+import { InputHTMLAttributes } from 'react';
+export declare const ClockIconStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<InlineIconProps, InlineIconProps & {
+    browserSupportsPicker: boolean;
+}>> & string & Omit<import('react').FC<InlineIconProps>, keyof import('react').Component<any, {}, any>>;
+export declare const TimeInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof InputHTMLAttributes<HTMLInputElement>> & InputHTMLAttributes<HTMLInputElement>, InputHTMLAttributes<HTMLInputElement>>> & string;

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { YoutubeVideoProps } from './props';
+declare const YoutubeVideo: FC<YoutubeVideoProps>;
+export default YoutubeVideo;
+export * from './props';
+export * from './styled';

package/dist/components/YoutubeVideo/index.js

@@ -0,0 +1,86 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useThirdPartyConsent } from "../../hooks/useThirdPartyConsent/index.js";
+import styled from "styled-components";
+import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
+import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
+import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
+import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
+import ConsentMessage from "../ConsentMessage/index.js";
+const YoutubeVideoStyled = styled.div.withConfig({
+  displayName: "YoutubeVideoStyled",
+  componentId: "sc-1q2uytw-0"
+})(({
+  roundedCorner,
+  bottomSpacing = spacingMd
+}) => ({
+  position: "relative",
+  width: "100%",
+  paddingBottom: "56.25%",
+  /* 16:9 aspect ratio */
+  height: 0,
+  overflow: "hidden",
+  ...roundedCorner && {
+    borderRadius: getBorderRadius(borderRadiusMd)
+  },
+  ...getBottomSpacing({
+    bottomSpacing
+  })
+}));
+const YoutubeVideoIframeStyled = styled.iframe.withConfig({
+  displayName: "YoutubeVideoIframeStyled",
+  componentId: "sc-1q2uytw-1"
+})({
+  position: "absolute",
+  top: 0,
+  left: 0,
+  width: "100%",
+  height: "100%",
+  border: 0
+});
+const getYouTubeUrl = ({
+  videoId,
+  privacyEnhanced,
+  startTime,
+  forceCaption
+}) => {
+  const baseDomain = privacyEnhanced ? "https://www.youtube-nocookie.com" : "https://www.youtube.com";
+  const url = new URL(`/embed/${videoId}`, baseDomain);
+  if (startTime) {
+    url.searchParams.set("start", startTime.toString());
+  }
+  if (forceCaption) {
+    const captionSettings = {
+      cc_load_policy: "1",
+      cc_lang_pref: "de",
+      hl: "de"
+    };
+    for (const [key, value] of Object.entries(captionSettings)) {
+      url.searchParams.set(key, value);
+    }
+  }
+  return url.toString();
+};
+const YoutubeVideo = ({
+  videoId,
+  title,
+  roundedCorner,
+  privacyEnhanced,
+  startTime,
+  forceCaption,
+  consentMessage,
+  ...props
+}) => {
+  const consent = useThirdPartyConsent();
+  return /* @__PURE__ */ jsx(YoutubeVideoStyled, { ...props, roundedCorner, children: !consent ? /* @__PURE__ */ jsx(ConsentMessage, { ...consentMessage }) : /* @__PURE__ */ jsx(YoutubeVideoIframeStyled, { src: getYouTubeUrl({
+    privacyEnhanced,
+    videoId,
+    startTime,
+    forceCaption
+  }), title, allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" }) });
+};
+export {
+  YoutubeVideoIframeStyled,
+  YoutubeVideoStyled,
+  YoutubeVideo as default
+};

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

@@ -0,0 +1,40 @@
+import { HTMLAttributes } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+import { ConsentMessageProps } from '../ConsentMessage/props';
+export interface YoutubeVideoProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'YoutubeVideo';
+    /**
+     * Youtube video id
+     */
+    videoId: string;
+    /**
+     * Youtube Video Title
+     */
+    title?: string;
+    /**
+     * Display video with rounded corners
+     */
+    roundedCorner?: boolean;
+    /**
+     * Enhance privacy to avoid cookies before interaction and minimize tracking by Youtube.
+     * If set to true, the embedded player will not be used to personalise the YouTube experience of the user.
+     * Ads in Privacy Enhanced Mode are non-personalised and views of our videos won’t influence ads outside of our website.
+     */
+    privacyEnhanced?: boolean;
+    /**
+     * Set a specific starting time in seconds
+     */
+    startTime?: string;
+    /**
+     * Force Youtube video caption
+     */
+    forceCaption?: boolean;
+    /**
+     * consentMessage component that will be shown if user
+     * did not accept cookies already
+     */
+    consentMessage: ConsentMessageProps;
+}

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

@@ -0,0 +1,3 @@
+import { YoutubeVideoProps } from '.';
+export declare const YoutubeVideoStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<YoutubeVideoProps, "bottomSpacing" | "roundedCorner">>> & string;
+export declare const YoutubeVideoIframeStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, never>> & string;

package/dist/components/YoutubeVideo/youtubeVideoBackground.d.ts

@@ -0,0 +1,6 @@
+/**
+ * This file contains the Youtube video background for the consent message as base 64 encoded gif
+ * Even if that is relativly small,
+ * that would be an ideal candidat for lasy loading ;)
+ */
+export declare const youtubeVideoBackground = "R0lGODlhjgHmAPYAACIiIhAQEB0dHRUVFRoaGg8PDwwMDBEREQ0NDRkZGR4eHhwcHBMTEx8fHxgYGBcXFxsbGxQUFBISEg4ODhYWFiAgICEhIQsLCwoKCgkJCQgICJ2ZmCMjI56Zmf8AAAcHB////56amZ2ZmfDw8Kenp6ampuHh4aWlpWxsbDAwMMTExDExMTIyMoiIiDQ0NGtra7W1taioqOLi4jMzMy8vL21tbZiYmFBQUIqKii0tLSQkJE5OTkFBQT8/P09PT3p6epeXl3t7ey4uLlxcXGlpaYmJicXFxfHx8dPT015eXkBAQNLS0kxMTMPDw25ubmpqaiwsLLe3t19fX01NTXl5eXx8fCYmJllZWZqamgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQEAgD/ACH+KUdJRiByZXNpemVkIHdpdGggaHR0cHM6Ly9lemdpZi5jb20vcmVzaXplACwAAAAAjgHmAAAH/4ABgoOEhYaHiImKi4yNjo+QkZKTlJWWl5iZmpucnZ6foKGio6SlpqeoqaqrrK2ur7CxsrO0tba3uLm6u7y9vr/AwcLDxMXGx8jJypIIBs7P0NHS09TV1tfY2drb3N3e3+Dh4uPk5ebn0AiOBhft7u/w8fLz9PX29/j5+vv8/f7/AAMKHEiwoMF3Bhw1Q6ftgjSHDdk9gwjRWUWJGB22syhRY0d4GeWxA9nRokeRGg+qXMmypcuX9RI2Wsiwps2bOHM+hHZxW89sFINO5Mlx5ESKI1OG9Bgy6caTIN05jTcV5j2ZjGjq3Mq1q9evYMOKRadu5tizaNOqXcu2rbOyWf8RyJ1LV66Bus3w0r2rd2/fvnff1pWWl+ZCu+meaeW7bXFgt5AjS/YKd9GEv5gza97MubPnz6BDi8bM1+5cxppLn1Zt+vRgv60FBy6M2HG0w4oLP1bceDK3yooujx5OvLjx48iTK1/OvLlzzqVn/3Uk/Ln169iza9/OvXv2CdQnXBZPHgH58+jljke/vrzw9+nVV69bfT5y+97z69/Pv/9c8I2wJ+CABBZo4IEIJqhggeYt6KCADbIXIYTnyTegeRimN96E5TUo34cYhijehPT99V6IdOG3mYr+XQcgIw/GKOOMNNZo44045qjjjjxWeCGHBwLZoYbrWVghkOH1qOT/kkw26eSTUEYpZY6OFDCBlVaKV0CWV5KH5ZYDcnlgllxiOeWZaKap5ppsyljllnDGKeecdNZp55145qnnnnVeyeeXZsLp552DzqnloIXK6eWhfnqpaJddgmkmemSSKaCYbWbK5pt/durpp6CGKuqopJZq6qmokqplnInSiSigsFZ6KJiMyhppo+cVwGmqvPbq66/ABivssMQWS+cjcAaQrK5xKtuss8dCa+yc0k5r7bXYZqttsMsIousk327CrLeDfGtuuMoSgu6y6oaLrrTpjutstZ3Sm6y91G6r7755duvvv7u8W4i7AqubrrdbJnJuwgwjvOyz88pZLbkJQ4sv/8AYZ6zxxoscMIjHIAvicQAhGzIyISOfnIjKHLfs8sskHyDzzDTXbPPNOOdsc8w69+zzzzLzzHPNJMc89MxFpxx0yDQXLXLJKB+S8scsi+x01JRUbYnWMOMC9Ndghy322GSXbfbZaKdN9tFH59x20kMnfbPRH9dNNNyFVK010lxfLUnfJqst+OCEF2744YgnrvjijN/NyNkSNC755JRXbvnlmA/uiAScd+7556CHLvrokY9+AOmen0666qDLXLrrnc/8euuw18y57bZHjrbumffu++9pb4768MQXb/zxyCev/PLMN58868ufDv3n06fOuuuy1x666rhLf/vr10sfPv/vvGMvvs/llx98I8637/778Mcv//z012///fi3Lnz+/Pfv//8ADKAAB9i8zTHggAhMoAIVyLkFOvCBDJBABCUYQQRS8IANlOAFJ9jACWKQghoEoQY52LkKhvCDIczg5z5IQhV6roXLgyEBZ0jDGhaQfRDMoQ53yMMe+vCHQAyiEIdIxCJu0IQPzKAFK+hB0GGQgyx0oQlVKMMUvrB9VbShBAxYxC568YtgDKMYx0jGMprxjGE8YhC32Ag0uvGNcIyjHOdIxzrSkY2MYEAE9sjHPvoxAnr8ox8DuUdC9lGPhizkAfmIyEICspGAZKQiETjJQCJyh49MYCZzuEk7evL/k6AMJRjxuIhECvKUqEylKlfJyla68pWwjKUsU2lKVy7SkKbEpQI7uchI8hKTm8zkL2/JSVHK0RG1nKUyl8nMZjrzmdCMpjSnSc1m9lKWyWQlAxxRzW5685vgDKc4x0nOcsZym42IwADWOYA9spOd6uzjO9epznbW0572dCc849nOfgoyn/+Mpz75CNBVFtScCE2oQhfKUFWikxH3nKdEJ0rRilr0ohjNqEY3OtGIatSjFAXpPCNKUHrCs58nRelI6SlQgO5zoKo86EH9iM+G2nSaD12ESDnK05769KdADapQh0rUohr1qEjtaT09ek+S8lOl+3xnUyPAzaRa9apY/82qVrfK1a56latUbQQ7KTAACpCVrOtE61jnada0ujWtan3rV+dK17ra9a54BasjymrWvvr1r4ANrGAHS9jCGvawiE1sYfnaV7c29p1tfexfHYvWs/IVsnKtbEXbWtaMxlWuoM2raEdLz70q9rSoTa1qV8va1rr2tbBNLGP9OlvU1haxs+0sYG9bW8bC9ayctSxwKdtZzMK1uKFVa1gZcdvYOve50I2udKdL3epa97quHYBpzfqA7j6AAt8Nb2G/G1jycle8iDUvdtfL3va6973wpa52GwFe79r3vvjNr373y9/++ve/9f2vgO0bYO6C97wE7i6CDazgAHv3wH0NL/96/ape8j74r+o1MIPHC+H4evjDp50vIxw84BKb+MQoTrGKV8ziFrv4xQImcYllvN/62hjBEsZxgyN8Yx6bN8NAPm2GRbwIGsP4yEhOspKXzOQmO/nJUGYxBRxRXwf418r3xXKUt8zlLnv5y2AOs4unTF8HmPnMaE6zmtfM5ja7+c1wjrOcz/wAM3c3zXV2c57zjGU7e7fPaN7zfrVs50Br2cSHVnGixczoRvOXzIzg85wnTelKW/rSmM60pjfN6UpL2spq/rSh2bznQtPZ0JL+c53/bGr8glrAr+6zqpsM6UWIutO4zrWud83rXvv618AONrBrrYhbC/vYyE62spf/zexmOzvUjnhAAqZN7Wpb+9rYzra2t61tB0zb29U287XBHe4EeJvc1j6zudct7m+fG9zwTrO51T3vd6ub0vUW97P3ze9+Y/oBjkA3twdO8IIb/OAIT7jCF87whQuc2w9/OLUj/u2JV7zb6I44vcP9bnejmd3yrne+763vNo9c2QBvhMQbzvKWu/zlMI+5zGdO85rb/ObcTjkjVo7znvv850APutCHTnSW63wR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";

package/dist/foundations/GlobalStyle/index.d.ts

@@ -1,3 +1 @@
-export declare const GlobalStyle: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & {
-    localWebfont?: boolean;
-}>;
+export declare const GlobalStyle: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;

package/dist/foundations/GlobalStyle/index.js

@@ -219,10 +219,7 @@ const textColors = {
   }
 };
 const cssVars = css([":root{--fontSize14:14px;--fontSize16:16px;--fontSize18:18px;--fontSize20:20px;--fontSize24:24px;--fontSize28:28px;--fontSize32:32px;--fontSize40:40px;--fontSize56:56px;--fontSize64:64px;--lineHeight112:1.125;--lineHeight114:1.1428571429;--lineHeight120:1.2;--lineHeight125:1.25;--lineHeight128:1.2857142857;--lineHeight133:1.3333333333;--lineHeight140:1.4;--lineHeight144:1.4444444444;--fontWeightLight:300;--fontWeightRegular:400;--fontWeightBold:700;--shadow28:rgba(0,0,0,0.2) 0px 2px 8px;--spacing0:0px;--spacing4:4px;--spacing8:8px;--spacing12:12px;--spacing16:16px;--spacing20:20px;--spacing24:24px;--spacing28:28px;--spacing32:32px;--spacing40:40px;--spacing48:48px;--spacing56:56px;--spacing64:64px;--spacing72:72px;--spacing80:80px;--spacingNone:var(--spacing0);--spacing2Xs:var(--spacing4);--spacingXs:var(--spacing8);--spacingSm:var(--spacing12);--spacingMd:var(--spacing16);--spacingLg:var(--spacing20);--spacingXl:var(--spacing24);--spacing2Xl:var(--spacing24);--spacing3Xl:var(--spacing32);--spacing4Xl:var(--spacing40);--spacing5Xl:var(--spacing48);--spacing6Xl:var(--spacing48);--spacing7Xl:var(--spacing48);@media screen and (min-width:", "){--spacingMd:var(--spacing20);--spacingLg:var(--spacing20);--spacingXl:var(--spacing28);--spacing2Xl:var(--spacing32);--spacing3Xl:var(--spacing40);--spacing4Xl:var(--spacing48);--spacing5Xl:var(--spacing56);--spacing6Xl:var(--spacing56);--spacing7Xl:var(--spacing56);}@media screen and (min-width:", "){--spacingSm:var(--spacing16);--spacingLg:var(--spacing24);--spacingXl:var(--spacing32);--spacing2Xl:var(--spacing40);--spacing3Xl:var(--spacing48);--spacing4Xl:var(--spacing56);--spacing5Xl:var(--spacing64);--spacing6Xl:var(--spacing72);--spacing7Xl:var(--spacing80);}--borderRadius0:0px;--borderRadius3:3px;--borderRadius6:6px;--borderRadius100:100px;--textDecorationNone:none;--textDecorationUnderline:underline;--textDecorationStrikethrough:line-through;--opacity60:0.6;--opacity38:0.38;--borderWidth0:0px;--borderWidth1:1px;--borderWidth2:2px;--borderWidth4:4px;--colorVodafoneRed:#e60000;--colorVodafoneRedTint:#ea1a1a;--colorRed:#bd0000;--colorRedTint:#f06666;--colorVodafoneDarkRed:#820000;--colorVodafoneDarkRedTint:#8a0f0f;--colorTurquoise:#00697c;--colorTurquoiseTint:#0096ad;--colorAubergine:#5e2750;--colorAubergineTint:#b04a98;--colorFreshOrange:#eb6100;--colorFreshOrangeTint:#eb9700;--colorLemonYellow:#fecb00;--colorLemonYellowTint:#fecb00;--colorSpringGreen:#008a00;--colorSpringGreenTint:#b7bf10;--colorBlue:#005ea5;--colorBlueTint:#5f9bc8;--colorAquaBlue:#0096ad;--colorAquaBlueTint:#00b0ca;--colorVodafoneWhite:#ffffff;--colorVodafoneWhiteAlpha:#ffffffb3;--colorBlack05:#f2f2f2;--colorBlack25:#bebebe;--colorBlack50:#7e7e7e;--colorBlack60:#666666;--colorBlack85:#262626;--colorBlack95:#0d0d0d;--colorBlack95Alpha:#0d0d0db3;--colorVodafoneGradient:linear-gradient(45deg,#8a0f0f 0%,#e60000 100%);--colorObjectBrand:var(--", ");--colorObjectNeutral:var(--", ");--colorObjectSubtle:var(--", ");--colorObjectInverse:var(--", ");--colorObjectAccent:var(--", ");--colorObjectSuccess:var(--", ");--colorObjectCritical:var(--", ");--colorObjectWarning:var(--", ");--colorObjectInformation:var(--", ");--colorObjectSelected:var(--", ");--colorObjectUnselected:var(--", ");--colorObjectBrandHover:color-mix(in srgb,var(--colorObjectBrand),#000 8%);--colorObjectNeutralHover:color-mix(in srgb,var(--colorObjectNeutral),#fff 8%);--colorObjectSubtleHover:color-mix(in srgb,var(--colorObjectSubtle),#000 8%);--colorObjectInverseHover:color-mix(in srgb,var(--colorObjectInverse),#000 8%);--colorObjectAccentHover:color-mix(in srgb,var(--colorObjectAccent),#000 8%);--colorObjectSuccessHover:color-mix(in srgb,var(--colorObjectSuccess),#000 8%);--colorObjectCriticalHover:color-mix(in srgb,var(--colorObjectCritical),#000 8%);--colorObjectWarningHover:color-mix(in srgb,var(--colorObjectWarning),#000 8%);--colorObjectInformationHover:color-mix(in srgb,var(--colorObjectInformation),#000 8%);--colorObjectSelectedHover:color-mix(in srgb,var(--colorObjectSelected),#000 8%);--colorObjectUnselectedHover:color-mix(in srgb,var(--colorObjectUnselected),#000 8%);--colorObjectBrandPress:color-mix(in srgb,var(--colorObjectBrand),#000 16%);--colorObjectNeutralPress:color-mix(in srgb,var(--colorObjectNeutral),#fff 16%);--colorObjectSubtlePress:color-mix(in srgb,var(--colorObjectSubtle),#000 16%);--colorObjectInversePress:color-mix(in srgb,var(--colorObjectInverse),#000 16%);--colorObjectAccentPress:color-mix(in srgb,var(--colorObjectAccent),#000 16%);--colorObjectSuccessPress:color-mix(in srgb,var(--colorObjectSuccess),#000 16%);--colorObjectCriticalPress:color-mix(in srgb,var(--colorObjectCritical),#000 16%);--colorObjectWarningPress:color-mix(in srgb,var(--colorObjectWarning),#000 16%);--colorObjectInformationPress:color-mix(in srgb,var(--colorObjectInformation),#000 16%);--colorObjectSelectedPress:color-mix(in srgb,var(--colorObjectSelected),#000 16%);--colorObjectUnselectedPress:color-mix(in srgb,var(--colorObjectUnselected),#000 16%);--colorBackgroundBrand:var(--", ");--colorBackgroundBrandGradient:var(--", ");--colorBackgroundNeutral:var(--", ");--colorBackgroundSubtle:var(--", ");--colorBackgroundOverlay:var(--", ");--colorBackgroundOverlayStatic:var(--", ");--colorBackgroundBrandHover:color-mix(in srgb,var(--colorBackgroundBrand),#000 8%);--colorBackgroundNeutralHover:color-mix(in srgb,var(--colorBackgroundNeutral),#000 8%);--colorBackgroundSubtleHover:color-mix(in srgb,var(--colorBackgroundSubtle),#000 8%);--colorBackgroundBrandPress:color-mix(in srgb,var(--colorBackgroundBrand),#000 16%);--colorBackgroundNeutralPress:color-mix(in srgb,var(--colorBackgroundNeutral),#000 16%);--colorBackgroundSubtlePress:color-mix(in srgb,var(--colorBackgroundSubtle),#000 16%);--colorTextBrand:var(--", ");--colorTextNeutral:var(--", ");--colorTextNeutralStatic:var(--", ");--colorTextInverse:var(--", ");--colorTextInverseStatic:var(--", ");--colorTextCritical:var(--", ");--colorTextPlaceholder:var(--", ");--colorBorderBrand:var(--", ");--colorBorderNeutral:var(--", ");--colorBorderSubtle:var(--", ");--colorBorderInverse:var(--", ");--colorBorderAccent:var(--", ");--colorBorderSuccess:var(--", ");--colorBorderCritical:var(--", ");--colorBorderWarning:var(--", ");--colorBorderInformation:var(--", ");--colorBorderSelected:var(--", ");--colorBorderUnselected:var(--", ");--colorBorderFocus:var(--", ");--colorIconBrand:var(--", ");--colorIconNeutral:var(--", ");--colorIconNeutralStatic:var(--", ");--colorIconInverse:var(--", ");--colorIconInverseStatic:var(--", ");--colorIconSuccess:var(--", ");--colorIconCritical:var(--", ");--colorIconWarning:var(--", ");--colorIconInformation:var(--", ");--", ":", ";.Dark{--colorObjectBrand:var(--", ");--colorObjectNeutral:var(--", ");--colorObjectSubtle:var(--", ");--colorObjectInverse:var(--", ");--colorObjectAccent:var(--", ");--colorObjectSuccess:var(--", ");--colorObjectCritical:var(--", ");--colorObjectWarning:var(--", ");--colorObjectInformation:var(--", ");--colorObjectSelected:var(--", ");--colorObjectUnselected:var(--", ");--colorObjectBrandHover:color-mix(in srgb,var(--colorObjectBrand),#000 8%);--colorObjectNeutralHover:color-mix(in srgb,var(--colorObjectNeutral),#000 8%);--colorObjectSubtleHover:color-mix(in srgb,var(--colorObjectSubtle),#000 8%);--colorObjectInverseHover:color-mix(in srgb,var(--colorObjectInverse),#fff 8%);--colorObjectAccentHover:color-mix(in srgb,var(--colorObjectAccent),#000 8%);--colorObjectSuccessHover:color-mix(in srgb,var(--colorObjectSuccess),#000 8%);--colorObjectCriticalHover:color-mix(in srgb,var(--colorObjectCritical),#000 8%);--colorObjectWarningHover:color-mix(in srgb,var(--colorObjectWarning),#000 8%);--colorObjectInformationHover:color-mix(in srgb,var(--colorObjectInformation),#000 8%);--colorObjectSelectedHover:color-mix(in srgb,var(--colorObjectSelected),#000 8%);--colorObjectUnselectedHover:color-mix(in srgb,var(--colorObjectUnselected),#000 8%);--colorObjectBrandPress:color-mix(in srgb,var(--colorObjectBrand),#000 16%);--colorObjectNeutralPress:color-mix(in srgb,var(--colorObjectNeutral),#000 16%);--colorObjectSubtlePress:color-mix(in srgb,var(--colorObjectSubtle),#000 16%);--colorObjectInversePress:color-mix(in srgb,var(--colorObjectInverse),#fff 16%);--colorObjectAccentPress:color-mix(in srgb,var(--colorObjectAccent),#000 16%);--colorObjectSuccessPress:color-mix(in srgb,var(--colorObjectSuccess),#000 16%);--colorObjectCriticalPress:color-mix(in srgb,var(--colorObjectCritical),#000 16%);--colorObjectWarningPress:color-mix(in srgb,var(--colorObjectWarning),#000 16%);--colorObjectInformationPress:color-mix(in srgb,var(--colorObjectInformation),#000 16%);--colorObjectSelectedPress:color-mix(in srgb,var(--colorObjectSelected),#000 16%);--colorObjectUnselectedPress:color-mix(in srgb,var(--colorObjectUnselected),#000 16%);--colorBackgroundBrand:var(--", ");--colorBackgroundNeutral:var(--", ");--colorBackgroundSubtle:var(--", ");--colorBackgroundOverlay:var(--", ");--colorBackgroundOverlayStatic:var(--", ");--colorBackgroundBrandHover:color-mix(in srgb,var(--colorBackgroundBrand),#000 8%);--colorBackgroundNeutralHover:color-mix(in srgb,var(--colorBackgroundNeutral),#fff 8%);--colorBackgroundSubtleHover:color-mix(in srgb,var(--colorBackgroundSubtle),#fff 8%);--colorBackgroundBrandPress:color-mix(in srgb,var(--colorBackgroundBrand),#000 16%);--colorBackgroundNeutralPress:color-mix(in srgb,var(--colorBackgroundNeutral),#fff 16%);--colorBackgroundSubtlePress:color-mix(in srgb,var(--colorBackgroundSubtle),#fff 16%);--colorTextBrand:var(--", ");--colorTextNeutral:var(--", ");--colorTextNeutralStatic:var(--", ");--colorTextInverse:var(--", ");--colorTextInverseStatic:var(--", ");--colorTextCritical:var(--", ");--colorTextPlaceholder:var(--", ");--colorBorderBrand:var(--", ");--colorBorderNeutral:var(--", ");--colorBorderSubtle:var(--", ");--colorBorderInverse:var(--", ");--colorBorderAccent:var(--", ");--colorBorderSuccess:var(--", ");--colorBorderCritical:var(--", ");--colorBorderWarning:var(--", ");--colorBorderInformation:var(--", ");--colorBorderSelected:var(--", ");--colorBorderUnselected:var(--", ");--colorBorderFocus:var(--", ");--colorIconBrand:var(--", ");--colorIconNeutral:var(--", ");--colorIconNeutralStatic:var(--", ");--colorIconInverse:var(--", ");--colorIconInverseStatic:var(--", ");--colorIconSuccess:var(--", ");--colorIconCritical:var(--", ");--colorIconWarning:var(--", ");--colorIconInformation:var(--", ");--", ":", ";}.DarkMobile{@media screen and (max-width:", "){--colorObjectBrand:var(--", ");--colorObjectNeutral:var(--", ");--colorObjectSubtle:var(--", ");--colorObjectInverse:var(--", ");--colorObjectAccent:var(--", ");--colorObjectSuccess:var(--", ");--colorObjectCritical:var(--", ");--colorObjectWarning:var(--", ");--colorObjectInformation:var(--", ");--colorObjectSelected:var(--", ");--colorObjectUnselected:var(--", ");--colorObjectBrandHover:color-mix(in srgb,var(--colorObjectBrand),#000 8%);--colorObjectNeutralHover:color-mix(in srgb,var(--colorObjectNeutral),#000 8%);--colorObjectSubtleHover:color-mix(in srgb,var(--colorObjectSubtle),#000 8%);--colorObjectInverseHover:color-mix(in srgb,var(--colorObjectInverse),#fff 8%);--colorObjectAccentHover:color-mix(in srgb,var(--colorObjectAccent),#000 8%);--colorObjectSuccessHover:color-mix(in srgb,var(--colorObjectSuccess),#000 8%);--colorObjectCriticalHover:color-mix(in srgb,var(--colorObjectCritical),#000 8%);--colorObjectWarningHover:color-mix(in srgb,var(--colorObjectWarning),#000 8%);--colorObjectInformationHover:color-mix(in srgb,var(--colorObjectInformation),#000 8%);--colorObjectSelectedHover:color-mix(in srgb,var(--colorObjectSelected),#000 8%);--colorObjectUnselectedHover:color-mix(in srgb,var(--colorObjectUnselected),#000 8%);--colorObjectBrandPress:color-mix(in srgb,var(--colorObjectBrand),#000 16%);--colorObjectNeutralPress:color-mix(in srgb,var(--colorObjectNeutral),#000 16%);--colorObjectSubtlePress:color-mix(in srgb,var(--colorObjectSubtle),#000 16%);--colorObjectInversePress:color-mix(in srgb,var(--colorObjectInverse),#fff 16%);--colorObjectAccentPress:color-mix(in srgb,var(--colorObjectAccent),#000 16%);--colorObjectSuccessPress:color-mix(in srgb,var(--colorObjectSuccess),#000 16%);--colorObjectCriticalPress:color-mix(in srgb,var(--colorObjectCritical),#000 16%);--colorObjectWarningPress:color-mix(in srgb,var(--colorObjectWarning),#000 16%);--colorObjectInformationPress:color-mix(in srgb,var(--colorObjectInformation),#000 16%);--colorObjectSelectedPress:color-mix(in srgb,var(--colorObjectSelected),#000 16%);--colorObjectUnselectedPress:color-mix(in srgb,var(--colorObjectUnselected),#000 16%);--colorBackgroundBrand:var(--", ");--colorBackgroundNeutral:var(--", ");--colorBackgroundSubtle:var(--", ");--colorBackgroundBrandHover:color-mix(in srgb,var(--colorBackgroundBrand),#000 8%);--colorBackgroundNeutralHover:color-mix(in srgb,var(--colorBackgroundNeutral),#fff 8%);--colorBackgroundSubtleHover:color-mix(in srgb,var(--colorBackgroundSubtle),#fff 8%);--colorBackgroundBrandPress:color-mix(in srgb,var(--colorBackgroundBrand),#000 16%);--colorBackgroundNeutralPress:color-mix(in srgb,var(--colorBackgroundNeutral),#fff 16%);--colorBackgroundSubtlePress:color-mix(in srgb,var(--colorBackgroundSubtle),#fff 16%);--colorTextBrand:var(--", ");--colorTextNeutral:var(--", ");--colorTextNeutralStatic:var(--", ");--colorTextInverse:var(--", ");--colorTextInverseStatic:var(--", ");--colorTextCritical:var(--", ");--colorTextPlaceholder:var(--", ");--colorBorderBrand:var(--", ");--colorBorderNeutral:var(--", ");--colorBorderSubtle:var(--", ");--colorBorderInverse:var(--", ");--colorBorderAccent:var(--", ");--colorBorderSuccess:var(--", ");--colorBorderCritical:var(--", ");--colorBorderWarning:var(--", ");--colorBorderInformation:var(--", ");--colorBorderSelected:var(--", ");--colorBorderUnselected:var(--", ");--colorBorderFocus:var(--", ");--colorIconBrand:var(--", ");--colorIconNeutral:var(--", ");--colorIconNeutralStatic:var(--", ");--colorIconInverse:var(--", ");--colorIconInverseStatic:var(--", ");--colorIconSuccess:var(--", ");--colorIconCritical:var(--", ");--colorIconWarning:var(--", ");--colorIconInformation:var(--", ");--", ":", ";}}}:root{--bodyMdFontSize:var(--fontSize16);--bodyMdLineHeight:var(--lineHeight125);@media screen and (min-width:", "){--bodyMdFontSize:var(--fontSize18);--bodyMdLineHeight:var(--lineHeight144);}--bodySmFontSize:var(--fontSize14);--bodySmLineHeight:var(--lineHeight128);--headingXlFontSize:var(--fontSize32);--headingXlLineHeight:var(--lineHeight125);@media screen and (min-width:", "){--headingXlFontSize:var(--fontSize56);--headingXlLineHeight:var(--lineHeight114);}@media screen and (min-width:", "){--headingXlFontSize:var(--fontSize64);--headingXlLineHeight:var(--lineHeight112);}--headingLgFontSize:var(--fontSize28);--headingLgLineHeight:var(--lineHeight128);@media screen and (min-width:", "){--headingLgFontSize:var(--fontSize40);--headingLgLineHeight:var(--lineHeight120);}@media screen and (min-width:", "){--headingLgFontSize:var(--fontSize56);--headingLgLineHeight:var(--lineHeight114);}--headingMdFontSize:var(--fontSize24);--headingMdLineHeight:var(--lineHeight133);@media screen and (min-width:", "){--headingMdFontSize:var(--fontSize32);--headingMdLineHeight:var(--lineHeight125);}@media screen and (min-width:", "){--headingMdFontSize:var(--fontSize40);--headingMdLineHeight:var(--lineHeight120);}--headingSmFontSize:var(--fontSize20);--headingSmLineHeight:var(--lineHeight140);@media screen and (min-width:", "){--headingSmFontSize:var(--fontSize24);--headingSmLineHeight:var(--lineHeight133);}@media screen and (min-width:", "){--headingSmFontSize:var(--fontSize28);--headingSmLineHeight:var(--lineHeight128);}--headingXsFontSize:var(--fontSize18);--headingXsLineHeight:var(--lineHeight144);@media screen and (min-width:", "){--headingXsFontSize:var(--fontSize20);--headingXsLineHeight:var(--lineHeight140);}@media screen and (min-width:", "){--headingXsFontSize:var(--fontSize20);--headingXsLineHeight:var(--lineHeight140);}}:root{--iconSize2xs:16px;--iconSizeXs:20px;--iconSizeSm:20px;--iconSizeMd:24px;--iconSizeLg:32px;--iconSizeXl:36px;--iconSize2xl:40px;--iconSize3xl:48px;--iconSize4xl:56px;--iconSize5xl:64px;--iconSize6xl:72px;--iconSize7xl:84px;--iconSize8xl:96px;--iconSize9xl:120px;@media screen and (min-width:", "){--iconSize2xs:16px;--iconSizeXs:20px;--iconSizeSm:24px;--iconSizeMd:32px;--iconSizeLg:36px;--iconSizeXl:40px;--iconSize2xl:48px;--iconSize3xl:56px;--iconSize4xl:64px;--iconSize5xl:72px;--iconSize6xl:84px;--iconSize7xl:96px;--iconSize8xl:120px;--iconSize9xl:192px;}}"], breakpoint_medium, breakpoint_large, objectColors.colorObjectBrand.Light, objectColors.colorObjectNeutral.Light, objectColors.colorObjectSubtle.Light, objectColors.colorObjectInverse.Light, objectColors.colorObjectAccent.Light, objectColors.colorObjectSuccess.Light, objectColors.colorObjectCritical.Light, objectColors.colorObjectWarning.Light, objectColors.colorObjectInformation.Light, objectColors.colorObjectSelected.Light, objectColors.colorObjectUnselected.Light, backgroundColors.colorBackgroundBrand.Light, backgroundColors.colorBackgroundBrandGradient.Light, backgroundColors.colorBackgroundNeutral.Light, backgroundColors.colorBackgroundSubtle.Light, backgroundColors.colorBackgroundOverlay.Light, backgroundColors.colorBackgroundOverlayStatic.Light, textColors.colorTextBrand.Light, textColors.colorTextNeutral.Light, textColors.colorTextNeutralStatic.Light, textColors.colorTextInverse.Light, textColors.colorTextInverseStatic.Light, textColors.colorTextCritical.Light, textColors.colorTextPlaceholder.Light, borderColors.colorBorderBrand.Light, borderColors.colorBorderNeutral.Light, borderColors.colorBorderSubtle.Light, borderColors.colorBorderInverse.Light, borderColors.colorBorderAccent.Light, borderColors.colorBorderSuccess.Light, borderColors.colorBorderCritical.Light, borderColors.colorBorderWarning.Light, borderColors.colorBorderInformation.Light, borderColors.colorBorderSelected.Light, borderColors.colorBorderUnselected.Light, borderColors.colorBorderFocus.Light, iconColors.colorIconBrand.Light, iconColors.colorIconNeutral.Light, iconColors.colorIconNeutralStatic.Light, iconColors.colorIconInverse.Light, iconColors.colorIconInverseStatic.Light, iconColors.colorIconSuccess.Light, iconColors.colorIconCritical.Light, iconColors.colorIconWarning.Light, iconColors.colorIconInformation.Light, loadingSpinnerOverlayCssVar, loadingSpinnerOverlays.Light, objectColors.colorObjectBrand.Dark, objectColors.colorObjectNeutral.Dark, objectColors.colorObjectSubtle.Dark, objectColors.colorObjectInverse.Dark, objectColors.colorObjectAccent.Dark, objectColors.colorObjectSuccess.Dark, objectColors.colorObjectCritical.Dark, objectColors.colorObjectWarning.Dark, objectColors.colorObjectInformation.Dark, objectColors.colorObjectSelected.Dark, objectColors.colorObjectUnselected.Dark, backgroundColors.colorBackgroundBrand.Dark, backgroundColors.colorBackgroundNeutral.Dark, backgroundColors.colorBackgroundSubtle.Dark, backgroundColors.colorBackgroundOverlay.Dark, backgroundColors.colorBackgroundOverlayStatic.Dark, textColors.colorTextBrand.Dark, textColors.colorTextNeutral.Dark, textColors.colorTextNeutralStatic.Dark, textColors.colorTextInverse.Dark, textColors.colorTextInverseStatic.Dark, textColors.colorTextCritical.Dark, textColors.colorTextPlaceholder.Dark, borderColors.colorBorderBrand.Dark, borderColors.colorBorderNeutral.Dark, borderColors.colorBorderSubtle.Dark, borderColors.colorBorderInverse.Dark, borderColors.colorBorderAccent.Dark, borderColors.colorBorderSuccess.Dark, borderColors.colorBorderCritical.Dark, borderColors.colorBorderWarning.Dark, borderColors.colorBorderInformation.Dark, borderColors.colorBorderSelected.Dark, borderColors.colorBorderUnselected.Dark, borderColors.colorBorderFocus.Dark, iconColors.colorIconBrand.Dark, iconColors.colorIconNeutral.Dark, iconColors.colorIconBrand.Dark, iconColors.colorIconInverse.Dark, iconColors.colorIconInverseStatic.Dark, iconColors.colorIconSuccess.Dark, iconColors.colorIconCritical.Dark, iconColors.colorIconWarning.Dark, iconColors.colorIconInformation.Dark, loadingSpinnerOverlayCssVar, loadingSpinnerOverlays.Dark, breakpoint_medium, objectColors.colorObjectBrand.Dark, objectColors.colorObjectNeutral.Dark, objectColors.colorObjectSubtle.Dark, objectColors.colorObjectInverse.Dark, objectColors.colorObjectAccent.Dark, objectColors.colorObjectSuccess.Dark, objectColors.colorObjectCritical.Dark, objectColors.colorObjectWarning.Dark, objectColors.colorObjectInformation.Dark, objectColors.colorObjectSelected.Dark, objectColors.colorObjectUnselected.Dark, backgroundColors.colorBackgroundBrand.Dark, backgroundColors.colorBackgroundNeutral.Dark, backgroundColors.colorBackgroundSubtle.Dark, textColors.colorTextBrand.Dark, textColors.colorTextNeutral.Dark, textColors.colorTextNeutralStatic.Dark, textColors.colorTextInverse.Dark, textColors.colorTextInverseStatic.Dark, textColors.colorTextCritical.Dark, textColors.colorTextPlaceholder.Dark, borderColors.colorBorderBrand.Dark, borderColors.colorBorderNeutral.Dark, borderColors.colorBorderSubtle.Dark, borderColors.colorBorderInverse.Dark, borderColors.colorBorderAccent.Dark, borderColors.colorBorderSuccess.Dark, borderColors.colorBorderCritical.Dark, borderColors.colorBorderWarning.Dark, borderColors.colorBorderInformation.Dark, borderColors.colorBorderSelected.Dark, borderColors.colorBorderUnselected.Dark, borderColors.colorBorderFocus.Dark, iconColors.colorIconBrand.Dark, iconColors.colorIconNeutral.Dark, iconColors.colorIconBrand.Dark, iconColors.colorIconInverse.Dark, iconColors.colorIconInverseStatic.Dark, iconColors.colorIconSuccess.Dark, iconColors.colorIconCritical.Dark, iconColors.colorIconWarning.Dark, iconColors.colorIconInformation.Dark, loadingSpinnerOverlayCssVar, loadingSpinnerOverlays.Dark, breakpoint_medium, breakpoint_medium, breakpoint_large, breakpoint_medium, breakpoint_large, breakpoint_medium, breakpoint_large, breakpoint_medium, breakpoint_large, breakpoint_medium, breakpoint_large, breakpoint_medium);
-const getWebFont = (_localWebfont = false) => {
-  return "https://www.vodafone.de/simplicity/assets/css/fonts/VodafoneVF_Wght_W.woff2";
-};
-const GlobalStyle = createGlobalStyle(['@font-face{font-family:"VodafoneVari";src:url(', ' ) format("woff2");font-style:normal;font-display:swap;}@font-face{font-family:"Vodafone";src:url(https://www.vodafone.de/simplicity/assets/css/fonts/VodafoneRg.eot);src:url(https://www.vodafone.de/simplicity/assets/css/fonts/VodafoneRg.woff2) format("woff2"),url(https://www.vodafone.de/simplicity/assets/css/fonts/VodafoneRg.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Vodafone";src:url(https://www.vodafone.de/simplicity/assets/css/fonts/vodafonergbd-webfont.eot);src:url(https://www.vodafone.de/simplicity/assets/css/fonts/vodafonergbd-webfont.woff2) format("woff2"),url(https://www.vodafone.de/simplicity/assets/css/fonts/vodafonergbd-webfont.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Vodafone";src:url(https://www.vodafone.de/simplicity/assets/css/fonts/VodafoneLt.eot);src:url(https://www.vodafone.de/simplicity/assets/css/fonts/VodafoneLt.woff2) format("woff2"),url(https://www.vodafone.de/simplicity/assets/css/fonts/VodafoneLt.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,button,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:top;}p{vertical-align:baseline;}html{line-height:1;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}ol,ul{list-style:none;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle;}q,blockquote{quotes:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none;}a img{border:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}html{font-size:14px}body{color:#333;font-family:"VodafoneVari","Arial",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1;background:#fff;}*{box-sizing:border-box;}input,textarea{font-family:"VodafoneVari","Arial",sans-serif;border:none;box-shadow:none;max-width:100%;}input:focus{border:none;}hr{margin-block-start:0;}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;}.HideOverflowY{overflow-y:hidden;}.HasObscuringBottomBar{scroll-padding-bottom:var(--bottomBarHeight);padding-bottom:var(--bottomBarHeight)}', ""], (props) => getWebFont(props.localWebfont), cssVars);
+const GlobalStyle = createGlobalStyle(['html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,button,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:top;}p{vertical-align:baseline;}html{line-height:1;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}ol,ul{list-style:none;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle;}q,blockquote{quotes:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none;}a img{border:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}html{font-size:14px}body{color:#333;font-family:"VodafoneVari","Arial",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1;background:#fff;}*{box-sizing:border-box;}input,textarea{font-family:"VodafoneVari","Arial",sans-serif;border:none;box-shadow:none;max-width:100%;}input:focus{border:none;}hr{margin-block-start:0;}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;}.HideOverflowY{overflow-y:hidden;}.HasObscuringBottomBar{scroll-padding-bottom:var(--bottomBarHeight);padding-bottom:var(--bottomBarHeight)}', ""], cssVars);
 export {
   GlobalStyle
 };

package/dist/{index-DhnCGoB_.js → index-C5GzK6_0.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { iv as iconSizeSm } from "./index-Cbojl4_Q.js";
-import { c as ButtonIconStyled } from "./styled-CuLmB_mg.js";
+import { c as ButtonIconStyled } from "./styled-BSqC5P9h.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";

package/dist/{index-VyKg-44v.js → index-C7meHOM4.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { iv as iconSizeSm } from "./index-Cbojl4_Q.js";
-import { l as leftPosition, c as ButtonIconStyled, b as buttonHeight, g as getButtonAppearance, p as primaryAppearance } from "./styled-CuLmB_mg.js";
+import { l as leftPosition, c as ButtonIconStyled, b as buttonHeight, g as getButtonAppearance, p as primaryAppearance } from "./styled-BSqC5P9h.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { getBodySize } from "./foundations/token/getBodySize/index.js";

package/dist/{index-B7B_2CjL.js → index-ZHkR70j3.js}

@@ -64,14 +64,12 @@ const BadgeStyled = styled.span.withConfig({
     color: foregroundColor
   };
 }, getBottomSpacing);
-const SECRET = "chpt_619be55aeaf9c59";
 const Badge = ({
   children,
   bottomSpacing = spacingMd,
   ...props
 }) => /* @__PURE__ */ jsxs(BadgeStyled, { ...props, bottomSpacing, children: [
   props.icon ? /* @__PURE__ */ jsx(IconLoader, { name: props.icon, size: props.size === smallSize ? iconSizeXs : iconSizeSm }) : null,
-  SECRET,
   renderInlineRichTextFromOpenText(children)
 ] });
 export {

package/dist/index.d.ts

@@ -1,5 +1,9 @@
+export * from './components/YoutubeVideo';
+export { default as YoutubeVideo } from './components/YoutubeVideo';
 export * from './components/Tray';
 export { default as Tray } from './components/Tray';
+export * from './components/TimeInput';
+export { default as TimeInput } from './components/TimeInput';
 export * from './components/Textarea';
 export { default as Textarea } from './components/Textarea';
 export * from './components/TextList';
@@ -110,6 +114,8 @@ export * from './components/DateInput';
 export { default as DateInput } from './components/DateInput';
 export * from './components/Container';
 export { default as Container } from './components/Container';
+export * from './components/ConsentMessage';
+export { default as ConsentMessage } from './components/ConsentMessage';
 export * from './components/ColorSwatchGroup';
 export { default as ColorSwatchGroup } from './components/ColorSwatchGroup';
 export * from './components/ColorSwatch';