@vodafone_de/brix-components 3.0.0

package/dist/foundations/GlobalStyle/index.js

@@ -0,0 +1,517 @@
+"use client";
+import styled, { keyframes, css, createGlobalStyle } from "styled-components";
+import { g as getCssVar, a as getBodySize } from "../../index-BoPDwZgt.js";
+import { f as filterProps, g as getBottomSpacing, s as spacingNone, B as Body, a as getSpacing } from "../../index-DRj4iUs9.js";
+const forcedColorsQuery = `(forced-colors: active)`;
+const forcedColors = (stylesInViewport) => {
+  return {
+    [`@media ${forcedColorsQuery}`]: {
+      ...stylesInViewport
+    }
+  };
+};
+const reducedMotionQuery = `(prefers-reduced-motion)`;
+const reducedMotion = (stylesInViewport) => {
+  return {
+    [`@media ${reducedMotionQuery}`]: {
+      ...stylesInViewport
+    }
+  };
+};
+const breakpoint_medium_number = 768;
+const breakpoint_medium = `${breakpoint_medium_number}px`;
+const breakpoint_large_number = 1025;
+const breakpoint_large = `${breakpoint_large_number}px`;
+const mediumMediaQuery = `screen and (min-width: ${breakpoint_medium})`;
+const largeMediaQuery = `screen and (min-width: ${breakpoint_large})`;
+const md = (stylesInViewport) => {
+  return {
+    [`@media ${mediumMediaQuery}`]: {
+      ...stylesInViewport
+    }
+  };
+};
+const lg = (stylesInViewport) => {
+  return {
+    [`@media ${largeMediaQuery}`]: {
+      ...stylesInViewport
+    }
+  };
+};
+const viewport = {
+  md,
+  lg
+};
+const getBackgroundColor = (color) => getCssVar(color);
+const headingSizes = {
+  xl: {
+    fontSize: getCssVar("headingXlFontSize"),
+    lineHeight: getCssVar("headingXlLineHeight")
+  },
+  lg: {
+    fontSize: getCssVar("headingLgFontSize"),
+    lineHeight: getCssVar("headingLgLineHeight")
+  },
+  md: {
+    fontSize: getCssVar("headingMdFontSize"),
+    lineHeight: getCssVar("headingMdLineHeight")
+  },
+  sm: {
+    fontSize: getCssVar("headingSmFontSize"),
+    lineHeight: getCssVar("headingSmLineHeight")
+  },
+  xs: {
+    fontSize: getCssVar("headingXsFontSize"),
+    lineHeight: getCssVar("headingXsLineHeight")
+  }
+};
+const getHeadingSize = (size) => headingSizes[size];
+const getObjectColor = (color) => getCssVar(color);
+const baseOpacity60 = "opacity60";
+const baseOpacity38 = "opacity38";
+const opacities = {
+  Overlay: baseOpacity60,
+  Disabled: baseOpacity38
+};
+const getOpacity = (opacity) => getCssVar(opacities[opacity]);
+const colorBackgroundOverlay = "colorBackgroundOverlay";
+const opacityOverlay = "Overlay";
+const largeSize = "lg";
+const loadingSpinnerOverlays = {
+  Light: `rgba(255, 255, 255, ${getOpacity(opacityOverlay)})`,
+  Dark: `rgba(38, 38, 38, ${getOpacity(opacityOverlay)})`
+};
+const loadingSpinnerOverlayCssVar = "loadingSpinnerOverlay";
+const calculateSpinnerHeight = (size, bottomSpacing, label) => {
+  const spinnerHeight = spinnerSvgSizes[size];
+  const labelHeight = label ? `${mapLabelStyleToSpinnerSize[size].fontSize} * ${mapLabelStyleToSpinnerSize[size].lineHeight}` : "0px";
+  return `calc(${spinnerHeight} + ${getSpacing(bottomSpacing)} + ${labelHeight})`;
+};
+const spinnerSvgSizes = {
+  xs: "24px",
+  sm: "76px",
+  md: "148px",
+  lg: "300px"
+};
+styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "LoadingSpinnerContainerStyled",
+  componentId: "sc-1bnjzqj-0"
+})({
+  position: "relative",
+  height: "100%"
+}, ({
+  coversFullPage
+}) => {
+  if (coversFullPage) {
+    return {
+      position: "fixed",
+      zIndex: "1001"
+    };
+  }
+  return {};
+}, ({
+  bottomSpacing = spacingNone
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "LoadingSpinnerContentStyled",
+  componentId: "sc-1bnjzqj-1"
+})({
+  display: "flex",
+  flexDirection: "column",
+  minHeight: "100%",
+  width: "fit-content",
+  justifyContent: "center",
+  alignItems: "center"
+}, ({
+  hasOverlay
+}) => {
+  if (hasOverlay) {
+    return {
+      background: getBackgroundColor(colorBackgroundOverlay),
+      position: "absolute",
+      zIndex: 1001,
+      width: "100%",
+      left: 0,
+      top: 0
+    };
+  } else {
+    return {};
+  }
+}, ({
+  coversFullPage
+}) => {
+  if (coversFullPage) {
+    return {
+      position: "fixed",
+      zIndex: "1001"
+    };
+  }
+  return {};
+});
+styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "LoadingSpinnerChildrenStyled",
+  componentId: "sc-1bnjzqj-2"
+})({
+  width: "100%",
+  height: "100%",
+  "> *": {
+    minHeight: "inherit"
+  }
+}, ({
+  size = largeSize,
+  bottomSpacing = spacingNone,
+  label,
+  isActive
+}) => {
+  return isActive ? {
+    minHeight: calculateSpinnerHeight(size, bottomSpacing, label)
+  } : {};
+});
+styled.svg.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "LoadingSpinnerSVGStyled",
+  componentId: "sc-1bnjzqj-3"
+})({
+  ...forcedColors({
+    stroke: "CanvasText"
+  }),
+  zIndex: 1001,
+  stroke: getObjectColor("colorObjectBrand")
+}, ({
+  size = largeSize
+}) => {
+  if (size === "xs") {
+    return {
+      width: "20px",
+      height: "20px",
+      ...viewport.md({
+        width: spinnerSvgSizes[size],
+        height: spinnerSvgSizes[size]
+      })
+    };
+  }
+  return {
+    width: spinnerSvgSizes[size],
+    height: spinnerSvgSizes[size]
+  };
+});
+const loadingSpinnerRotate = keyframes({
+  to: {
+    strokeDashoffset: 610
+  }
+});
+const loadingSpinnerXsRotate = keyframes({
+  to: {
+    strokeDashoffset: 166
+  }
+});
+const LoadingSpinnerPathStyled = styled.path.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "LoadingSpinnerPathStyled",
+  componentId: "sc-1bnjzqj-4"
+})({
+  fill: "none",
+  strokeLinejoin: "round",
+  strokeLinecap: "round",
+  strokeDasharray: "120 32",
+  animationDuration: "5.0s",
+  animationTimingFunction: "linear",
+  animationIterationCount: "infinite"
+}, reducedMotion({
+  animation: "none"
+}), css(["animation-name:", ";"], loadingSpinnerRotate));
+styled(LoadingSpinnerPathStyled).withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "LoadingSpinnerPathOuter3Styled",
+  componentId: "sc-1bnjzqj-5"
+})({
+  strokeWidth: 2,
+  opacity: "0.3"
+});
+styled(LoadingSpinnerPathStyled).withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "LoadingSpinnerPathOuter2Styled",
+  componentId: "sc-1bnjzqj-6"
+})({
+  strokeWidth: 3,
+  opacity: "0.6"
+});
+styled(LoadingSpinnerPathStyled).withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "LoadingSpinnerPathOuter1Styled",
+  componentId: "sc-1bnjzqj-7"
+})({
+  strokeWidth: 4
+});
+styled.path.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "LoadingSpinnerPathCenterStyled",
+  componentId: "sc-1bnjzqj-8"
+})({
+  ...forcedColors({
+    fill: "CanvasText"
+  }),
+  fill: "#E60000"
+});
+styled.path.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "LoadingSpinnerPathXsStyled",
+  componentId: "sc-1bnjzqj-9"
+})({
+  fill: "none",
+  strokeLinecap: "butt",
+  strokeWidth: 2,
+  strokeDasharray: "48 8",
+  strokeDashoffset: 56,
+  animationDuration: "5.0s",
+  animationTimingFunction: "linear",
+  animationIterationCount: "infinite"
+}, css(["animation-name:", ";"], loadingSpinnerXsRotate));
+const mapLabelStyleToSpinnerSize = {
+  xs: getBodySize("md"),
+  sm: getHeadingSize("xs"),
+  md: getHeadingSize("sm"),
+  lg: getHeadingSize("lg")
+};
+styled(Body).withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "LoadingSpinnerLabelStyled",
+  componentId: "sc-1bnjzqj-10"
+})(({
+  size = "lg"
+}) => {
+  return mapLabelStyleToSpinnerSize[size];
+}, getBottomSpacing({
+  bottomSpacing: spacingNone
+}), {
+  textAlign: "center"
+});
+const colorVodafoneRed = "colorVodafoneRed";
+const colorVodafoneRedTint = "colorVodafoneRedTint";
+const colorRed = "colorRed";
+const colorRedTint = "colorRedTint";
+const colorVodafoneDarkRed = "colorVodafoneDarkRed";
+const colorVodafoneDarkRedTint = "colorVodafoneDarkRedTint";
+const colorTurquoise = "colorTurquoise";
+const colorTurquoiseTint = "colorTurquoiseTint";
+const colorFreshOrange = "colorFreshOrange";
+const colorFreshOrangeTint = "colorFreshOrangeTint";
+const colorLemonYellow = "colorLemonYellow";
+const colorLemonYellowTint = "colorLemonYellowTint";
+const colorSpringGreen = "colorSpringGreen";
+const colorSpringGreenTint = "colorSpringGreenTint";
+const colorBlue = "colorBlue";
+const colorBlueTint = "colorBlueTint";
+const colorAquaBlue = "colorAquaBlue";
+const colorAquaBlueTint = "colorAquaBlueTint";
+const colorVodafoneWhite = "colorVodafoneWhite";
+const colorVodafoneWhiteAlpha = "colorVodafoneWhiteAlpha";
+const colorBlack05 = "colorBlack05";
+const colorBlack25 = "colorBlack25";
+const colorBlack50 = "colorBlack50";
+const colorBlack60 = "colorBlack60";
+const colorBlack85 = "colorBlack85";
+const colorBlack95 = "colorBlack95";
+const colorBlack95Alpha = "colorBlack95Alpha";
+const colorVodafoneGradient = "colorVodafoneGradient";
+const backgroundColors = {
+  colorBackgroundBrand: {
+    Light: colorVodafoneDarkRed,
+    Dark: colorVodafoneDarkRedTint
+  },
+  colorBackgroundBrandGradient: {
+    Light: colorVodafoneGradient
+  },
+  colorBackgroundNeutral: {
+    Light: colorVodafoneWhite,
+    Dark: colorBlack85
+  },
+  colorBackgroundSubtle: {
+    Light: colorBlack05,
+    Dark: colorBlack95
+  },
+  colorBackgroundOverlay: {
+    Light: colorVodafoneWhiteAlpha,
+    Dark: colorBlack95Alpha
+  },
+  colorBackgroundOverlayStatic: {
+    Light: colorBlack95Alpha,
+    Dark: colorBlack95Alpha
+  }
+};
+const borderColors = {
+  colorBorderBrand: {
+    Light: colorVodafoneRed,
+    Dark: colorVodafoneRedTint
+  },
+  colorBorderNeutral: {
+    Light: colorBlack95,
+    Dark: colorVodafoneWhite
+  },
+  colorBorderSubtle: {
+    Light: colorBlack25,
+    Dark: colorBlack50
+  },
+  colorBorderInverse: {
+    Light: colorVodafoneWhite,
+    Dark: colorBlack95
+  },
+  colorBorderAccent: {
+    Light: colorLemonYellow,
+    Dark: colorLemonYellowTint
+  },
+  colorBorderSuccess: {
+    Light: colorSpringGreen,
+    Dark: colorSpringGreenTint
+  },
+  colorBorderCritical: {
+    Light: colorRed,
+    Dark: colorRedTint
+  },
+  colorBorderWarning: {
+    Light: colorFreshOrange,
+    Dark: colorFreshOrangeTint
+  },
+  colorBorderInformation: {
+    Light: colorBlue,
+    Dark: colorBlueTint
+  },
+  colorBorderSelected: {
+    Light: colorTurquoise,
+    Dark: colorTurquoiseTint
+  },
+  colorBorderUnselected: {
+    Light: colorBlack50,
+    Dark: colorBlack25
+  },
+  colorBorderFocus: {
+    Light: colorAquaBlue,
+    Dark: colorAquaBlueTint
+  }
+};
+const iconColors = {
+  colorIconBrand: {
+    Light: colorRed,
+    Dark: colorRedTint
+  },
+  colorIconNeutral: {
+    Light: colorBlack95,
+    Dark: colorVodafoneWhite
+  },
+  colorIconNeutralStatic: {
+    Light: colorBlack95
+  },
+  colorIconInverse: {
+    Light: colorVodafoneWhite,
+    Dark: colorBlack95
+  },
+  colorIconInverseStatic: {
+    Light: colorVodafoneWhite,
+    Dark: colorVodafoneWhite
+  },
+  colorIconSuccess: {
+    Light: colorSpringGreen,
+    Dark: colorSpringGreenTint
+  },
+  colorIconCritical: {
+    Light: colorRed,
+    Dark: colorRedTint
+  },
+  colorIconWarning: {
+    Light: colorFreshOrange,
+    Dark: colorFreshOrangeTint
+  },
+  colorIconInformation: {
+    Light: colorBlue,
+    Dark: colorBlueTint
+  }
+};
+const objectColors = {
+  colorObjectBrand: {
+    Light: colorVodafoneRed,
+    Dark: colorVodafoneRedTint
+  },
+  colorObjectNeutral: {
+    Light: colorBlack95,
+    Dark: colorVodafoneWhite
+  },
+  colorObjectSubtle: {
+    Light: colorBlack25,
+    Dark: colorBlack50
+  },
+  colorObjectInverse: {
+    Light: colorVodafoneWhite,
+    Dark: colorBlack95
+  },
+  colorObjectAccent: {
+    Light: colorLemonYellow,
+    Dark: colorLemonYellowTint
+  },
+  colorObjectSuccess: {
+    Light: colorSpringGreen,
+    Dark: colorSpringGreenTint
+  },
+  colorObjectCritical: {
+    Light: colorRed,
+    Dark: colorRedTint
+  },
+  colorObjectWarning: {
+    Light: colorFreshOrange,
+    Dark: colorFreshOrangeTint
+  },
+  colorObjectInformation: {
+    Light: colorBlue,
+    Dark: colorBlueTint
+  },
+  colorObjectSelected: {
+    Light: colorTurquoise,
+    Dark: colorTurquoiseTint
+  },
+  colorObjectUnselected: {
+    Light: colorBlack50,
+    Dark: colorBlack25
+  }
+};
+const textColors = {
+  colorTextBrand: {
+    Light: colorRed,
+    Dark: colorRedTint
+  },
+  colorTextNeutral: {
+    Light: colorBlack95,
+    Dark: colorVodafoneWhite
+  },
+  colorTextNeutralStatic: {
+    Light: colorBlack95,
+    Dark: colorBlack95
+  },
+  colorTextInverse: {
+    Light: colorVodafoneWhite,
+    Dark: colorBlack95
+  },
+  colorTextInverseStatic: {
+    Light: colorVodafoneWhite,
+    Dark: colorVodafoneWhite
+  },
+  colorTextCritical: {
+    Light: colorRed,
+    Dark: colorRedTint
+  },
+  colorTextPlaceholder: {
+    Light: colorBlack60,
+    Dark: colorBlack25
+  }
+};
+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);
+export {
+  GlobalStyle
+};

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

@@ -0,0 +1,18 @@
+import { Spacing } from '../token/types/Spacing';
+export interface PatternProps {
+    /** Component name. is used in cms & bob and in brix to render children dynamically
+     * @TODO discuss refactoring of RIT prerender. Maybe using displayName could fulfil the purpose, but be closer to standard React
+     */
+    component?: string;
+    /** a concrete and "unique" component identifier. is pre loops in react mandatory anyway, but in cms all components get a key
+     * https://react.dev/learn/rendering-lists#rules-of-keys
+     */
+    uid?: string;
+    /** a concrete and "unique" component identifier. is pre loops in react mandatory anyway, but in cms all components get a key
+     * https://react.dev/learn/rendering-lists#rules-of-keys
+     * @deprecated use uid instead and refactor in cms
+     */
+    key?: string;
+    /** optional bottom spacing to maintain the space to the next Pattern below*/
+    bottomSpacing?: Spacing;
+}

package/dist/foundations/cssObjects/screenreaderOnly.d.ts

@@ -0,0 +1,2 @@
+import { CSSObject } from 'styled-components';
+export declare const screenreaderOnly: CSSObject;

package/dist/foundations/cssVars.d.ts

@@ -0,0 +1,7 @@
+import { Color } from './token/base/baseColors';
+import { BackgroundColor } from './token/types/BackgroundColor';
+import { ObjectColor } from './token/types/ObjectColor';
+import { Theme } from './types/Theme';
+export declare const backgroundColors: Record<BackgroundColor, Record<Theme, Color>>;
+export declare const objectColors: Record<ObjectColor, Record<Theme, Color>>;
+export declare const cssVars: import('styled-components').RuleSet<object>;

package/dist/foundations/media-query/forcedColors/index.d.ts

@@ -0,0 +1,7 @@
+import { CSSObject } from 'styled-components';
+export declare const forcedColorsQuery = "(forced-colors: active)";
+/**
+ * Media query that is applied when the user has user defined colors.
+ */
+declare const forcedColors: (stylesInViewport: CSSObject) => CSSObject;
+export default forcedColors;

package/dist/foundations/media-query/reducedMotion/index.d.ts

@@ -0,0 +1,11 @@
+import { CSSObject } from 'styled-components';
+export declare const reducedMotionQuery = "(prefers-reduced-motion)";
+/**
+ * Media query that is applied when the user has enabled reduced motion in the OS.
+ */
+declare const reducedMotion: (stylesInViewport: CSSObject) => CSSObject;
+export default reducedMotion;
+/**
+ * Media query that is applied when the user has not enabled reduced motion in the OS.
+ */
+export declare const noReducedMotion: (stylesInViewport: CSSObject) => CSSObject;

package/dist/foundations/media-query/viewport/index.d.ts

@@ -0,0 +1,11 @@
+import { CSSObject } from 'styled-components';
+export declare const mediumMediaQuery = "screen and (min-width: 768px)";
+export declare const largeMediaQuery = "screen and (min-width: 1025px)";
+/**
+ * breakpoint_x_large and up
+ */
+declare const viewport: {
+    md: (stylesInViewport: CSSObject) => CSSObject;
+    lg: (stylesInViewport: CSSObject) => CSSObject;
+};
+export default viewport;

package/dist/foundations/tags.d.ts

@@ -0,0 +1,19 @@
+export declare const h1TagName = "h1";
+export declare const h2TagName = "h2";
+export declare const h3TagName = "h3";
+export declare const h4TagName = "h4";
+export declare const h5TagName = "h5";
+export declare const h6TagName = "h6";
+export type HeadingHtmlTag = typeof h1TagName | typeof h2TagName | typeof h3TagName | typeof h4TagName | typeof h5TagName | typeof h6TagName;
+export declare const headingHtmlTags: string[];
+export declare const pTagName = "p";
+export declare const divTagName = "div";
+export declare const spanTagName = "span";
+export declare const strongTagName = "strong";
+export declare const supTagName = "sup";
+export declare const ulTagName = "ul";
+export declare const olTagName = "ol";
+export declare const liTagName = "li";
+export declare const sectionTagName = "section";
+export declare const articleTagName = "article";
+export declare const asideTagName = "aside";

package/dist/foundations/token/base/baseColors.d.ts

@@ -0,0 +1,31 @@
+export declare const colorVodafoneRed = "colorVodafoneRed";
+export declare const colorVodafoneRedTint = "colorVodafoneRedTint";
+export declare const colorRed = "colorRed";
+export declare const colorRedTint = "colorRedTint";
+export declare const colorVodafoneDarkRed = "colorVodafoneDarkRed";
+export declare const colorVodafoneDarkRedTint = "colorVodafoneDarkRedTint";
+export declare const colorTurquoise = "colorTurquoise";
+export declare const colorTurquoiseTint = "colorTurquoiseTint";
+export declare const colorAubergine = "colorAubergine";
+export declare const colorAubergineTint = "colorAubergineTint";
+export declare const colorFreshOrange = "colorFreshOrange";
+export declare const colorFreshOrangeTint = "colorFreshOrangeTint";
+export declare const colorLemonYellow = "colorLemonYellow";
+export declare const colorLemonYellowTint = "colorLemonYellowTint";
+export declare const colorSpringGreen = "colorSpringGreen";
+export declare const colorSpringGreenTint = "colorSpringGreenTint";
+export declare const colorBlue = "colorBlue";
+export declare const colorBlueTint = "colorBlueTint";
+export declare const colorAquaBlue = "colorAquaBlue";
+export declare const colorAquaBlueTint = "colorAquaBlueTint";
+export declare const colorVodafoneWhite = "colorVodafoneWhite";
+export declare const colorVodafoneWhiteAlpha = "colorVodafoneWhiteAlpha";
+export declare const colorBlack05 = "colorBlack05";
+export declare const colorBlack25 = "colorBlack25";
+export declare const colorBlack50 = "colorBlack50";
+export declare const colorBlack60 = "colorBlack60";
+export declare const colorBlack85 = "colorBlack85";
+export declare const colorBlack95 = "colorBlack95";
+export declare const colorBlack95Alpha = "colorBlack95Alpha";
+export declare const colorVodafoneGradient = "colorVodafoneGradient";
+export type Color = typeof colorVodafoneRed | typeof colorVodafoneRedTint | typeof colorRed | typeof colorRedTint | typeof colorVodafoneDarkRed | typeof colorVodafoneDarkRedTint | typeof colorTurquoise | typeof colorTurquoiseTint | typeof colorAubergine | typeof colorAubergineTint | typeof colorFreshOrange | typeof colorFreshOrangeTint | typeof colorLemonYellow | typeof colorLemonYellowTint | typeof colorSpringGreen | typeof colorSpringGreenTint | typeof colorBlue | typeof colorBlueTint | typeof colorAquaBlue | typeof colorAquaBlueTint | typeof colorVodafoneWhite | typeof colorVodafoneWhiteAlpha | typeof colorBlack05 | typeof colorBlack25 | typeof colorBlack50 | typeof colorBlack60 | typeof colorBlack85 | typeof colorBlack95 | typeof colorBlack95Alpha | typeof colorVodafoneGradient;