@vodafone_de/brix-components 3.1.6 → 3.1.8

package/foundations/token/getHeadingSize/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
+const headingSizes = {
+  xl: {
+    fontSize: getCssVar.getCssVar("headingXlFontSize"),
+    lineHeight: getCssVar.getCssVar("headingXlLineHeight")
+  },
+  lg: {
+    fontSize: getCssVar.getCssVar("headingLgFontSize"),
+    lineHeight: getCssVar.getCssVar("headingLgLineHeight")
+  },
+  md: {
+    fontSize: getCssVar.getCssVar("headingMdFontSize"),
+    lineHeight: getCssVar.getCssVar("headingMdLineHeight")
+  },
+  sm: {
+    fontSize: getCssVar.getCssVar("headingSmFontSize"),
+    lineHeight: getCssVar.getCssVar("headingSmLineHeight")
+  },
+  xs: {
+    fontSize: getCssVar.getCssVar("headingXsFontSize"),
+    lineHeight: getCssVar.getCssVar("headingXsLineHeight")
+  }
+};
+const getHeadingSize = (size) => headingSizes[size];
+exports.getHeadingSize = getHeadingSize;

package/foundations/token/getHoverColor/index.d.ts

@@ -0,0 +1,3 @@
+import { BackgroundColor } from '../types/BackgroundColor';
+import { ObjectColor } from '../types/ObjectColor';
+export declare const getHoverColor: (color: ObjectColor | BackgroundColor) => string;

package/foundations/token/getHoverColor/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
+const getHoverColor = (color) => {
+  return getCssVar.getCssVar(`${color}Hover`);
+};
+exports.getHoverColor = getHoverColor;

package/foundations/token/getIconColor/index.d.ts

@@ -0,0 +1,2 @@
+import { IconColor } from '../types/IconColor';
+export declare const getIconColor: (color: IconColor) => string;

package/foundations/token/getIconColor/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
+const getIconColor = (color) => getCssVar.getCssVar(color);
+exports.getIconColor = getIconColor;

package/foundations/token/getObjectColor/index.d.ts

@@ -0,0 +1,2 @@
+import { ObjectColor } from '../types/ObjectColor';
+export declare const getObjectColor: (color: ObjectColor) => string;

package/foundations/token/getObjectColor/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
+const getObjectColor = (color) => getCssVar.getCssVar(color);
+exports.getObjectColor = getObjectColor;

package/foundations/token/getOpacity/index.d.ts

@@ -0,0 +1,2 @@
+import { Opacity } from '../types/Opacity';
+export declare const getOpacity: (opacity: Opacity) => string;

package/foundations/token/getOpacity/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
+const baseOpacity60 = "opacity60";
+const baseOpacity38 = "opacity38";
+const opacities = {
+  Overlay: baseOpacity60,
+  Disabled: baseOpacity38
+};
+const getOpacity = (opacity) => getCssVar.getCssVar(opacities[opacity]);
+exports.getOpacity = getOpacity;

package/foundations/token/getPressColor/index.d.ts

@@ -0,0 +1,3 @@
+import { BackgroundColor } from '../types/BackgroundColor';
+import { ObjectColor } from '../types/ObjectColor';
+export declare const getPressColor: (color: ObjectColor | BackgroundColor) => string;

package/foundations/token/getPressColor/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
+const getPressColor = (color) => {
+  return getCssVar.getCssVar(`${color}Press`);
+};
+exports.getPressColor = getPressColor;

package/foundations/token/getSpacing/index.d.ts

@@ -0,0 +1,2 @@
+import { Spacing } from '../types/Spacing';
+export declare const getSpacing: (spacing: Spacing) => string;

package/foundations/token/getSpacing/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
+const getSpacing = (spacing) => getCssVar.getCssVar(`spacing${spacing}`);
+exports.getSpacing = getSpacing;

package/foundations/token/getTextColor/index.d.ts

@@ -0,0 +1,2 @@
+import { TextColor } from '../types/TextColor';
+export declare const getTextColor: (color: TextColor) => string;

package/foundations/token/getTextColor/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
+const getTextColor = (color) => getCssVar.getCssVar(color);
+exports.getTextColor = getTextColor;

package/foundations/token/getTextDecoration/index.d.ts

@@ -0,0 +1,2 @@
+import { TextDecoration } from '../types/TextDecoration';
+export declare const getTextDecoration: (textDecoration: TextDecoration) => string;

package/foundations/token/getTextDecoration/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
+const baseTextDecorationNone = "textDecorationNone";
+const baseTextDecorationUnderline = "textDecorationUnderline";
+const baseTextDecorationStrikethrough = "textDecorationStrikethrough";
+const textDecorations = {
+  None: baseTextDecorationNone,
+  Underline: baseTextDecorationUnderline,
+  Strikethrough: baseTextDecorationStrikethrough
+};
+const getTextDecoration = (textDecoration) => getCssVar.getCssVar(textDecorations[textDecoration]);
+exports.getTextDecoration = getTextDecoration;

package/foundations/token/types/BackgroundColor.d.ts

@@ -0,0 +1,7 @@
+export declare const colorBackgroundBrand = "colorBackgroundBrand";
+export declare const colorBackgroundBrandGradient = "colorBackgroundBrandGradient";
+export declare const colorBackgroundNeutral = "colorBackgroundNeutral";
+export declare const colorBackgroundSubtle = "colorBackgroundSubtle";
+export declare const colorBackgroundOverlay = "colorBackgroundOverlay";
+export declare const colorBackgroundOverlayStatic = "colorBackgroundOverlayStatic";
+export type BackgroundColor = typeof colorBackgroundBrand | typeof colorBackgroundBrandGradient | typeof colorBackgroundNeutral | typeof colorBackgroundSubtle | typeof colorBackgroundOverlay | typeof colorBackgroundOverlayStatic;

package/foundations/token/types/BorderColor.d.ts

@@ -0,0 +1,13 @@
+export declare const colorBorderBrand = "colorBorderBrand";
+export declare const colorBorderNeutral = "colorBorderNeutral";
+export declare const colorBorderSubtle = "colorBorderSubtle";
+export declare const colorBorderInverse = "colorBorderInverse";
+export declare const colorBorderAccent = "colorBorderAccent";
+export declare const colorBorderSuccess = "colorBorderSuccess";
+export declare const colorBorderCritical = "colorBorderCritical";
+export declare const colorBorderWarning = "colorBorderWarning";
+export declare const colorBorderInformation = "colorBorderInformation";
+export declare const colorBorderUnselected = "colorBorderUnselected";
+export declare const colorBorderSelected = "colorBorderSelected";
+export declare const colorBorderFocus = "colorBorderFocus";
+export type BorderColor = typeof colorBorderBrand | typeof colorBorderNeutral | typeof colorBorderSubtle | typeof colorBorderInverse | typeof colorBorderAccent | typeof colorBorderSuccess | typeof colorBorderCritical | typeof colorBorderWarning | typeof colorBorderInformation | typeof colorBorderUnselected | typeof colorBorderSelected | typeof colorBorderFocus;

package/foundations/token/types/BorderRadius.d.ts

@@ -0,0 +1,5 @@
+export declare const borderRadiusNone = "borderRadiusNone";
+export declare const borderRadiusSm = "borderRadiusSm";
+export declare const borderRadiusMd = "borderRadiusMd";
+export declare const borderRadiusFull = "borderRadiusFull";
+export type BorderRadius = typeof borderRadiusNone | typeof borderRadiusSm | typeof borderRadiusMd | typeof borderRadiusFull;

package/foundations/token/types/BorderWidth.d.ts

@@ -0,0 +1,9 @@
+export declare const borderWidthNone = "None";
+export declare const borderWidthDivider = "Divider";
+export declare const borderWidthUnselected = "Unselected";
+export declare const borderWidthSelected = "Selected";
+export declare const borderWidthNavigation = "Navigation";
+export declare const borderWidthFocus = "Focus";
+export declare const borderWidthSm = "Sm";
+export declare const borderWidthMd = "Md";
+export type GetBorderWidth = typeof borderWidthNone | typeof borderWidthDivider | typeof borderWidthUnselected | typeof borderWidthSelected | typeof borderWidthNavigation | typeof borderWidthFocus | typeof borderWidthMd | typeof borderWidthSm;

package/foundations/token/types/FontWeight.d.ts

@@ -0,0 +1,4 @@
+export declare const fontWeightLight = "light";
+export declare const fontWeightRegular = "regular";
+export declare const fontWeightBold = "bold";
+export type FontWeight = typeof fontWeightLight | typeof fontWeightRegular | typeof fontWeightBold;

package/foundations/token/types/HeadingSize.d.ts

@@ -0,0 +1,6 @@
+export declare const textHeadingXl = "xl";
+export declare const textHeadingLg = "lg";
+export declare const textHeadingMd = "md";
+export declare const textHeadingSm = "sm";
+export declare const textHeadingXs = "xs";
+export type TextHeadingSize = typeof textHeadingXl | typeof textHeadingLg | typeof textHeadingMd | typeof textHeadingSm | typeof textHeadingXs;

package/foundations/token/types/IconColor.d.ts

@@ -0,0 +1,10 @@
+export declare const colorIconBrand = "colorIconBrand";
+export declare const colorIconNeutral = "colorIconNeutral";
+export declare const colorIconNeutralStatic = "colorIconNeutralStatic";
+export declare const colorIconInverse = "colorIconInverse";
+export declare const colorIconInverseStatic = "colorIconInverseStatic";
+export declare const colorIconSuccess = "colorIconSuccess";
+export declare const colorIconCritical = "colorIconCritical";
+export declare const colorIconWarning = "colorIconWarning";
+export declare const colorIconInformation = "colorIconInformation";
+export type IconColor = typeof colorIconBrand | typeof colorIconNeutral | typeof colorIconNeutralStatic | typeof colorIconInverse | typeof colorIconInverseStatic | typeof colorIconSuccess | typeof colorIconCritical | typeof colorIconWarning | typeof colorIconInformation;

package/foundations/token/types/ObjectColor.d.ts

@@ -0,0 +1,12 @@
+export declare const colorObjectBrand = "colorObjectBrand";
+export declare const colorObjectNeutral = "colorObjectNeutral";
+export declare const colorObjectSubtle = "colorObjectSubtle";
+export declare const colorObjectInverse = "colorObjectInverse";
+export declare const colorObjectAccent = "colorObjectAccent";
+export declare const colorObjectSuccess = "colorObjectSuccess";
+export declare const colorObjectCritical = "colorObjectCritical";
+export declare const colorObjectWarning = "colorObjectWarning";
+export declare const colorObjectInformation = "colorObjectInformation";
+export declare const colorObjectSelected = "colorObjectSelected";
+export declare const colorObjectUnselected = "colorObjectUnselected";
+export type ObjectColor = typeof colorObjectBrand | typeof colorObjectNeutral | typeof colorObjectSubtle | typeof colorObjectInverse | typeof colorObjectAccent | typeof colorObjectSuccess | typeof colorObjectCritical | typeof colorObjectWarning | typeof colorObjectInformation | typeof colorObjectSelected | typeof colorObjectUnselected;

package/foundations/token/types/Opacity.d.ts

@@ -0,0 +1,3 @@
+export declare const opacityOverlay = "Overlay";
+export declare const opacityDisabled = "Disabled";
+export type Opacity = typeof opacityOverlay | typeof opacityDisabled;

package/foundations/token/types/Spacing.d.ts

@@ -0,0 +1,53 @@
+/**
+ * 0/0/0
+ */
+export declare const spacingNone = "None";
+/**
+ * 4/4/4
+ */
+export declare const spacing2Xs = "2Xs";
+/**
+ * 8/8/8
+ */
+export declare const spacingXs = "Xs";
+/**
+ * 12/12/16
+ */
+export declare const spacingSm = "Sm";
+/**
+ * 16/20/20
+ */
+export declare const spacingMd = "Md";
+/**
+ * 20/20/24
+ */
+export declare const spacingLg = "Lg";
+/**
+ * 24/28/32
+ */
+export declare const spacingXl = "Xl";
+/**
+ * 24/32/40
+ */
+export declare const spacing2Xl = "2Xl";
+/**
+ * 32/40/48
+ */
+export declare const spacing3Xl = "3Xl";
+/**
+ * 40/48/56
+ */
+export declare const spacing4Xl = "4Xl";
+/**
+ * 48/56/64
+ */
+export declare const spacing5Xl = "5Xl";
+/**
+ * 48/56/72
+ */
+export declare const spacing6Xl = "6Xl";
+/**
+ * 48/56/80
+ */
+export declare const spacing7Xl = "7Xl";
+export type Spacing = typeof spacingNone | typeof spacing2Xs | typeof spacingXs | typeof spacingSm | typeof spacingMd | typeof spacingLg | typeof spacingXl | typeof spacing2Xl | typeof spacing3Xl | typeof spacing4Xl | typeof spacing5Xl | typeof spacing6Xl | typeof spacing7Xl;

package/foundations/token/types/TextBodySize.d.ts

@@ -0,0 +1,3 @@
+export declare const textBodyMd = "md";
+export declare const textBodySm = "sm";
+export type TextBodySize = typeof textBodyMd | typeof textBodySm;

package/foundations/token/types/TextColor.d.ts

@@ -0,0 +1,8 @@
+export declare const colorTextBrand = "colorTextBrand";
+export declare const colorTextNeutral = "colorTextNeutral";
+export declare const colorTextNeutralStatic = "colorTextNeutralStatic";
+export declare const colorTextInverse = "colorTextInverse";
+export declare const colorTextInverseStatic = "colorTextInverseStatic";
+export declare const colorTextCritical = "colorTextCritical";
+export declare const colorTextPlaceholder = "colorTextPlaceholder";
+export type TextColor = typeof colorTextBrand | typeof colorTextNeutral | typeof colorTextNeutralStatic | typeof colorTextInverse | typeof colorTextInverseStatic | typeof colorTextCritical | typeof colorTextPlaceholder;

package/foundations/token/types/TextDecoration.d.ts

@@ -0,0 +1,4 @@
+export declare const textDecorationNone = "None";
+export declare const textDecorationUnderline = "Underline";
+export declare const textDecorationStrikethrough = "Strikethrough";
+export type TextDecoration = typeof textDecorationNone | typeof textDecorationUnderline | typeof textDecorationStrikethrough;

package/foundations/token/types/Viewport.d.ts

@@ -0,0 +1,4 @@
+export declare const viewportSm = "sm";
+export declare const viewportMd = "md";
+export declare const viewportLg = "lg";
+export type ViewportName = typeof viewportSm | typeof viewportMd | typeof viewportLg;

package/foundations/types/ButtonAppearances.d.ts

@@ -0,0 +1,4 @@
+export declare const primaryAppearance = "primary";
+export declare const secondaryAppearance = "secondary";
+export declare const tertiaryAppearance = "tertiary";
+export type ButtonAppearances = typeof primaryAppearance | typeof secondaryAppearance | typeof tertiaryAppearance;

package/foundations/types/CornerStyle.d.ts

@@ -0,0 +1,3 @@
+export declare const cornerStraight = "straight";
+export declare const cornerRounded = "rounded";
+export type CornerStyle = typeof cornerStraight | typeof cornerRounded;

package/foundations/types/PositionType.d.ts

@@ -0,0 +1,6 @@
+export declare const leftPosition = "left";
+export declare const rightPosition = "right";
+export declare const topPosition = "top";
+export declare const bottomPosition = "bottom";
+type PositionType = typeof leftPosition | typeof rightPosition | typeof topPosition | typeof bottomPosition;
+export default PositionType;

package/foundations/types/PositionedIconInterface.d.ts

@@ -0,0 +1,6 @@
+import { IconName } from '@vfde-react/inline-icon-library';
+import { default as PositionType } from './PositionType';
+export default interface PositionedIconInterface {
+    name: IconName;
+    position: PositionType;
+}

package/foundations/types/SizeTypes.d.ts

@@ -0,0 +1,3 @@
+export declare const smallSize = "sm";
+export declare const largeSize = "lg";
+export declare const mediumSize = "md";

package/foundations/types/SystemIconWithPosition.d.ts

@@ -0,0 +1,5 @@
+import { InlineIconProps } from '@vfde-react/inline-icon-library';
+import { default as PositionType } from './PositionType';
+export type SvgInlineIconFactoryPropsWithPosition = {
+    iconPosition: PositionType;
+} & InlineIconProps;

package/foundations/types/Theme.d.ts

@@ -0,0 +1 @@
+export type Theme = 'Light' | 'Dark';

package/getCssVar-BP6T9pFM.js

@@ -0,0 +1,6 @@
+const getCssVar = (cssVarName) => {
+  return `var(--${cssVarName})`;
+};
+export {
+  getCssVar as g
+};

package/getCssVar-CyR1mrKh.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const getCssVar = (cssVarName) => {
+  return `var(--${cssVarName})`;
+};
+exports.getCssVar = getCssVar;

package/hooks/useFocusWithin/index.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useFocusWithin(ref: RefObject<HTMLElement>): boolean;

package/hooks/useFocusWithin/index.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+function useFocusWithin(ref) {
+  const [isFocused, setIsFocused] = react.useState(false);
+  const hasActiveElement = (element) => {
+    if (!document) {
+      return false;
+    }
+    if (!element) {
+      return false;
+    }
+    return element == null ? void 0 : element.contains(document.activeElement);
+  };
+  const eventHandler = () => {
+    if (!ref || !ref.current) {
+      return false;
+    }
+    setTimeout(() => {
+      if (!ref || !ref.current) {
+        return false;
+      }
+      setIsFocused(hasActiveElement(ref == null ? void 0 : ref.current));
+    }, 300);
+  };
+  react.useEffect(() => {
+    document.addEventListener("focusin", eventHandler, false);
+    document.addEventListener("focusout", eventHandler, false);
+    return () => {
+      document.removeEventListener("focusin", eventHandler, false);
+      document.removeEventListener("focusout", eventHandler, false);
+    };
+  }, [ref, setIsFocused]);
+  return isFocused;
+}
+exports.useFocusWithin = useFocusWithin;

package/hooks/useForcedColors/index.d.ts

@@ -0,0 +1 @@
+export declare const useForcedColors: () => boolean;

package/hooks/useForcedColors/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const foundations_mediaQuery_forcedColors = require("../../foundations/media-query/forcedColors/index.js");
+const hooks_useMediaQuery = require("../useMediaQuery/index.js");
+const useForcedColors = () => {
+  const [reducedMotion] = hooks_useMediaQuery.useMediaQuery(foundations_mediaQuery_forcedColors.forcedColorsQuery);
+  return reducedMotion;
+};
+exports.useForcedColors = useForcedColors;

package/hooks/useMediaQuery/index.d.ts

@@ -0,0 +1 @@
+export declare const useMediaQuery: (query: string) => boolean[];

package/hooks/useMediaQuery/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const useMediaQuery = (query) => {
+  const [mediaQueryMatches, setMediaQueryMatches] = react.useState(false);
+  react.useEffect(() => {
+    const mediaQuery = window.matchMedia(query);
+    const handleMediaQueryChange = (event) => {
+      setMediaQueryMatches(event.matches);
+    };
+    setMediaQueryMatches(mediaQuery.matches);
+    mediaQuery.addEventListener("change", handleMediaQueryChange);
+    return () => {
+      mediaQuery.removeEventListener("change", handleMediaQueryChange);
+    };
+  }, [query]);
+  return [mediaQueryMatches];
+};
+exports.useMediaQuery = useMediaQuery;

package/hooks/useReducedMotion/index.d.ts

@@ -0,0 +1 @@
+export declare const useReducedMotion: () => boolean;

package/hooks/useReducedMotion/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const foundations_mediaQuery_reducedMotion = require("../../foundations/media-query/reducedMotion/index.js");
+const hooks_useMediaQuery = require("../useMediaQuery/index.js");
+const useReducedMotion = () => {
+  const [reducedMotion] = hooks_useMediaQuery.useMediaQuery(foundations_mediaQuery_reducedMotion.reducedMotionQuery);
+  return reducedMotion;
+};
+exports.useReducedMotion = useReducedMotion;

package/hooks/useThirdPartyConsent/index.d.ts

@@ -0,0 +1,18 @@
+export declare const consentStorageItemName = "adv_fcData";
+export declare const consentStorageFeature = "permissions";
+export declare const consentStorageKey = "LI-TPV";
+export type ConsentPermissionStorage = {
+    [key in typeof consentStorageKey]?: 'true' | 'false';
+};
+export type ConsentStorage = {
+    [key in typeof consentStorageFeature]?: ConsentPermissionStorage;
+};
+export interface WindowWithScodeLoaded extends Window {
+    adv_lib: {
+        consent: {
+            showBanner: () => void;
+        };
+    };
+}
+export declare const checkThirdPartyConsentStorage: () => boolean;
+export declare const useThirdPartyConsent: () => boolean;

package/hooks/useThirdPartyConsent/index.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const consentStorageItemName = "adv_fcData";
+const consentStorageFeature = "permissions";
+const consentStorageKey = "LI-TPV";
+const checkThirdPartyConsentStorage = () => {
+  try {
+    const raw = sessionStorage.getItem(consentStorageItemName);
+    if (!raw) {
+      return false;
+    }
+    try {
+      const json = JSON.parse(raw);
+      if (!json[consentStorageFeature]) {
+        return false;
+      }
+      if (!json[consentStorageFeature][consentStorageKey]) {
+        return false;
+      }
+      return "true" === json[consentStorageFeature][consentStorageKey];
+    } catch (error) {
+      return false;
+    }
+  } catch (error) {
+    return false;
+  }
+};
+const useThirdPartyConsent = () => {
+  const [consent, setConsent] = react.useState(checkThirdPartyConsentStorage());
+  react.useEffect(() => {
+    const handleStorageChange = () => {
+      setConsent(checkThirdPartyConsentStorage());
+    };
+    window.addEventListener("storage", handleStorageChange);
+    const originalSetItem = sessionStorage.setItem;
+    sessionStorage.setItem = (key, value) => {
+      originalSetItem.call(sessionStorage, key, value);
+      if (key === consentStorageItemName) {
+        handleStorageChange();
+      }
+    };
+    return () => {
+      window.removeEventListener("storage", handleStorageChange);
+      sessionStorage.setItem = originalSetItem;
+    };
+  }, []);
+  return consent;
+};
+exports.checkThirdPartyConsentStorage = checkThirdPartyConsentStorage;
+exports.consentStorageFeature = consentStorageFeature;
+exports.consentStorageItemName = consentStorageItemName;
+exports.consentStorageKey = consentStorageKey;
+exports.useThirdPartyConsent = useThirdPartyConsent;

package/hooks/useViewport/index.d.ts

@@ -0,0 +1,2 @@
+import { ViewportName } from '../../foundations/token/types/Viewport';
+export declare const useViewport: () => ViewportName;

package/hooks/useViewport/index.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const foundations_mediaQuery_viewport = require("../../index-DuE6C2cO.cjs");
+const hooks_useMediaQuery = require("../useMediaQuery/index.js");
+const viewportSm = "sm";
+const viewportMd = "md";
+const viewportLg = "lg";
+const useViewport = () => {
+  const [tablet] = hooks_useMediaQuery.useMediaQuery(foundations_mediaQuery_viewport.mediumMediaQuery);
+  const [desktop] = hooks_useMediaQuery.useMediaQuery(foundations_mediaQuery_viewport.largeMediaQuery);
+  const [viewportState, setViewportState] = react.useState(viewportSm);
+  react.useEffect(() => {
+    if (desktop) {
+      setViewportState(viewportLg);
+    } else if (tablet) {
+      setViewportState(viewportMd);
+    } else {
+      setViewportState(viewportSm);
+    }
+  }, [tablet, desktop]);
+  return viewportState;
+};
+exports.useViewport = useViewport;

package/icons/index.d.ts

@@ -0,0 +1 @@
+export * from '@vfde-react/inline-icon-library';