@vodafone_de/publish-test 0.0.1 → 53.0.0

package/dist/components/ConsentMessage/componentName.d.ts

@@ -0,0 +1 @@
+export declare const consentMessageComponentName: "ConsentMessage";

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

@@ -0,0 +1,4 @@
+import { ConsentMessageProps } from './props';
+declare const ConsentMessage: ({ heading, body, button, variant, focusOnConsent, ...props }: ConsentMessageProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ConsentMessage;
+export * from './props';

package/dist/components/ConsentMessage/index.js

@@ -0,0 +1,153 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import Body from "../Body/index.js";
+import { b as bodyAlignCenter } from "../../props-DxcKxrWg.js";
+import Button from "../Button/index.js";
+import { d as buttonWidthAuto, a as consentVariantVideo, c as consentVariantMap } from "../../ButtonWidthBehavior-DuO_4JKC.js";
+import { b } from "../../ButtonWidthBehavior-DuO_4JKC.js";
+import styled from "styled-components";
+import { B as ButtonStyled } from "../../styled-Bq2k-APw.js";
+import { b as breakpoint_medium } from "../../index-CG4uiVbZ.js";
+import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
+import { g as getSpacing } from "../../index-l-i-mIeP.js";
+import { e as colorBackgroundOverlay } from "../../BackgroundColor-Ba4D10TC.js";
+import { s as spacingMd, a as spacingXs, b as spacingNone } from "../../Spacing-Dj-qX3Z5.js";
+import { t as themeDark, a as themeLight } from "../../Theme-B6kzt-0D.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+import Heading from "../Heading/index.js";
+import { h as headingAlignCenter } from "../../props-GrMT6XLD.js";
+import { t as tertiaryAppearance } from "../../ButtonAppearances-BEMZJMeh.js";
+import { t as textHeadingXs } from "../../HeadingSize-O__w72MO.js";
+import { requestConsentFocus, notifyConsentChange } from "../../hooks/useThirdPartyConsent/index.js";
+const ConsentMessageBackgroundStyled = styled.div.withConfig({
+  displayName: "ConsentMessageBackgroundStyled",
+  componentId: "sc-1hc34j5-0"
+})({
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  overflow: "hidden"
+});
+const ConsentMessageBackgroundMapStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "ConsentMessageBackgroundMapStyled",
+  componentId: "sc-1hc34j5-1"
+})(({
+  backgroundImage,
+  theme
+}) => ({
+  position: "absolute",
+  top: "-16px",
+  left: "-16px",
+  right: "-16px",
+  bottom: "-16px",
+  backgroundPosition: "center",
+  backgroundSize: "cover",
+  backgroundColor: getBackgroundColor(colorBackgroundOverlay),
+  filter: "blur(8px)",
+  ...backgroundImage && {
+    backgroundImage: `url("data:image/gif;base64, ${backgroundImage}")`
+  },
+  ...theme !== themeDark && {
+    backgroundBlendMode: "overlay"
+  }
+}));
+const ConsentMessageContainerStyled = styled.div.withConfig({
+  displayName: "ConsentMessageContainerStyled",
+  componentId: "sc-1hc34j5-2"
+})({
+  position: "relative",
+  width: "100%",
+  height: "100%",
+  containerType: "inline-size"
+});
+const ConsentMessageStyled = styled.div.withConfig({
+  displayName: "ConsentMessageStyled",
+  componentId: "sc-1hc34j5-3"
+})({
+  position: "absolute",
+  top: "50%",
+  transform: "translate(0, -50%)",
+  left: getSpacing(spacingMd),
+  right: getSpacing(spacingMd),
+  [`@container (min-width: ${breakpoint_medium})`]: {
+    /* no token for this maxWidth, but invented by Daniel */
+    maxWidth: "600px",
+    left: "50%",
+    right: "unset",
+    transform: "translate(-50%, -50%)"
+  }
+}, () => {
+  const css = {};
+  const buttonSelector = `& ${ButtonStyled.toString()}`;
+  css[buttonSelector] = {
+    marginLeft: "auto",
+    marginRight: "auto"
+  };
+  return css;
+});
+const mapBackground = "R0lGODlhjABPANUAAJfU/sHeosfhrOj1/tXezKvYyqXX+9Xu/7XasbDd/cno/bvj/vP47M7ltNDe6Nrg1e/25s3eu/f7897uzdbpweDl29LnuvL6/tTr5+by2rra7qTX4cvlxczn1eHx5Onv4+ry4b/i4tTpy+/z6uPo7evr7PHx8eXl5uHh4uPj5O3t7unp6v39/fn5+fv7++r04OLw0/v9+drryPX38/j8/97w/PP18fn79/Pz8/X19efn6Pf39+/v8L3cm////9/f4CH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYjdjNjRjY2Y5LCAyMDI0LzA3LzE2LTEyOjM5OjA0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjYuMCAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozRDlBQzk4M0VEMjIxMUVGOUMyN0NBQUIzREFFNTdENCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozRDlBQzk4NEVEMjIxMUVGOUMyN0NBQUIzREFFNTdENCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNEOUFDOTgxRUQyMjExRUY5QzI3Q0FBQjNEQUU1N0Q0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNEOUFDOTgyRUQyMjExRUY5QzI3Q0FBQjNEQUU1N0Q0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAIwATwAABv/AnrBHiQUKG4gSMhEMBZShdDoZQqZYYcPng8AaE1hP9nrJGjCYMyaJQnyln3w+N514OnkKTp+7cjkuPConfTo+fTl9JXl9PyYtLXM9AmkNFg0IAAAbBQUhHhAvExkyTllDVUIvqFNbPlE9DBZEMBNhLxkUAT4ZGS8SPo2OPzoqdnMtij8pdDkoPzyFjofD0c1zxn0pOjouKnMwu0MZBZvnmxsACwMYGAMQGadSArQ9AaytQhMvDL1CsDI0kNKEQgY2XLjk6baCBw8TO0wEijNHhQ8cEcHJKREHDzEUwuh47FYCIyCIOBzqwDEMCwUN6RAgQLLBA4UXMDxsoMQgwBT/GD6JxEKFLwoMHzGEmMKiqsebi1x2OFTRDZscHnNWYOTzYwcdr90ccbv4MOKOFg4Z6TBB7MeKFZN+BpA5JUOAAFUC6EQgAEJQSk39thLA4BQFLvOYBqDwtMUhRG3lsIiYQ0WzFjjk2EFRYiIPqSd3pORxcVoxjXO8EtOBVc7PxEICqKF0qoGCApQgnMowBE0rxn8FcJGRRYAMfwlz4PHBIrKcZSKb/1DhojpmjjigOZJK504fth9b/6AXCwElGbZgC8mwk9KoCQMFTFDyVwoM3lNidBkSwAIM5D64YMIKgvCwgg+qRQZedz4EwoU0dCzYh2jfTfgDCt2oUNYOLOBA/4gUDQyEgAWlqEePBwWY10MDDMTARAgbLCaEACEeN5QUL3DRwwQAxvCNVSY4RFqCbRGZggotBFgCCsh81VYOCXKDFg8YmfCHQyuEJUdmrElBgQAIiCCGPlrIMAMMMHbAAQcyGLBBB8DcIudAqEzAhX4+MABfDy+YFs1oPkhITGac5dCCCWtJd4KgmenRjUMcfjYaS1ZBSIxqKcx4SwEU3IgFXrZYUBsMEMT4CwMd4EUmYADuoMILfwUwg3bRSIWDD+LRkeFngFg2xwk+wNVVIpKqpEMKPEiXWh9UnbArD1CykNCOTXDqqSvyoAKDJ/EEAAACTU0BxUHM5VBCVMXYMP9BUBbYoUMJO0i1w0Ua4pADRFhqSYyAcvj5wzPEnJtIMdEmZPDBXLyAQYoyXOslfiA2IMBdPXTggRCahLvif1yglWCSkP1QAgOxvKDcStVJi4e/ztXhQlusreYDrT9shTDC8UrFQwMiQCCBi++JSs+Y99xkhgX84FSOJz1swIEAxr2gX4fC3IEaDtJao8IMDQTAADSfkRZSy20dyLIcO1glhzEXQTRvQi5mMME33TRC5A8IoFdfAxTA8AITBmFi9DgPY4xAf1JHRciFPhyq9YN9oMADE2yFzUUzGOqQJdlzsCCos1rtAKULB0+mMw44VCDFB9vgIKwcX4gb4uwy8Kj/BOHiziIDE8gJuALNAlPTOHR0pIBDDCrg4MLbP5wgmjA4UBRZ5tVh9LbBLbiQElU6oOCYrjwQIAUIqEWzAvEzkornzeznqcT65ZagtjN394ugso7ccRbIP7SAwh6FyEEhSLIhaR1MGfnCBgp2QLOuWCMFGuuBDeigghI4RkNiSwgLJiMkIYkGWi5oQbxApsHKaMg5ICkfHRrkg7PN4TNv00ELGtK4HZDOYKZLi5ZYkKs+NOQ7PcQPjcDAgCqJDkslqFyWmrGoS82BeG2xVNlYML9k5IAra9OcQ5RnQIRpz17daKAjcCCJyKQtQq5zCJRu8EE84KCKc2gUBV83B+P1/0tQxICiI5IFMw6xYHldbF+AWAAN7vyQc+eCox6UARETYKQqV+mDFLfjCD1OR1hNmp4l6XCuBhJIkBq0IYICUTNwSGWBinRECp2jAtTo4G5380hbBIUCS8qxfo5YgfTaApLvbQlhphPECk7olg3yIHg8aMFkcODCJ7Fgk2ibxgL7IMe10ZEhG+LkLuVQyzuSzQSpZIYJYBCMHazgeuB8WzMShBVHQmQFwKIj5xxxrkyKpQXTeJlI1LJF7UFpKt1gJjWryBHNNHNZzjlUFBijQXhFgwsScYH8+reDjuwgDxwSIzO6RzaQ5CAFSWSJKl3AmkCJBiOYwYMOToCstlDFQv+V1A4064jH7pigBLEQDnMK8cYDtbArK4DETx+KA4hMpgRlkYhyeKDRSqJlmPb8lQtWUMZsyLOauqKjdyoph2GS7VzmgmOQdhCUo3CFqXsISXaghTq4zEsGGTjBgXJgjXlW5CJSUWF3ROenmDlpNbmKqlso8kaymeuKjZukq/LRg2AoSzVcAIcFNXICqiBmBpoZm12LhyC4nGCb3WGBNSQnSW6wJqmAEA8uCzssw3JTe9LyXWVxOiMuyFEj87IDAq1iER9YQCMgIeRm+6AMbvZwEY0AHVr+GSkDrXSMKbAjJd2i1/y1ZqtruSGUTmFWedasXNCom2VmYKcMYKOVkxn/LgVnFlS1EfAz2YvIIF6pNqyKJV6g9WrNwnmVaUxyLUjiAgSOwxxiiG1+5zsIAzCLNrcESr3MOJcRI5qW5PWrh1jlAX8JZq66PQJz9s0jQuugwM4kJMTnwuuSKrI7H2hEuqTxbr+0SCV5LXV5fiKSHLEay7o6SnNYu5lERQZaVS4DBX9YXGs5yQUZPyYPjKgsCmZgAX+c93UcwmBogqRSOPJxji8csWaKN4gtnsWLiCqEAxxAgmQFyH9k0+VG4sCaeOHxivjTVVRodc4M/Ac6REIyC3433HguQlhaAuej4Hu9hIhwqXVDgZ8McI4DJIAdCPLxd7CRHQr6WFq4LIZC/4inAgtIjSLS/dVFIKy94q1EjSJEWCR0liWkcs4BlAZAAg5wgRoowAALuECmzSjmJasaQW1xABcegaUfzMBrM+tvJV2sXhOYTtZH/Mxz17bNmnb1B7jehAKEvTwO+WAACwh241ZcvEZ5p7IOMZ18qcQF4dIB1wkIkBxaUAIV7CADVQb0pW51UGIAa6lZOpuGwQfTfW1i11ygKx3O6YMLpHsAzIkeNkoAFxRgxIADCLnIQ37AYcBE18j+lyJKnQEJUKSJhlCB9+xtV361TJbGnRBTc+kDdQtCka+s+AIMcACMM8eGkeDCABSQgIcn4OkJUIACFsCFokclBZSmtAIebP88DbWAnNF+BMvAyQwWVHWeyiObvp6TiHNu88w5kDE15kWDA1B6AVKnwdIXcOkaCBuUMfC1unmQAHBvHRwqcKsumIMMXCboEGN9yEwdXHC/PnFg0ZA4M+Cw4T6cYIMVP8DULb2AA9AgsWqhGQqkZQt/XCDvg9YAxjEqh1IfhRASmSHNYH6VBtVhopHxXMtaGiFJasfjzJQWhLUR1EYHaOGRORcLhJijESQA4zgQNjMaNYPG+gAbiOpMZQoR1RywQJqT3M7Z28JjSVrjBKRrjus2W35nNbUPpIserIRggRjEIN2n5wIG4ACOIw+NI2ZrYX6ENgfe4wL3dyFakQO3wl//d4NVjEAHq/d8RyIa7OYcd9NN80QawqUDPREbOeJrXLAAAOAAzuMfD0ZdYhE9vTINn4dLhWIu0LBKziEo0Lc25SN9GMKA4gd8YiEo+kU2KSAt0nMCNzAPMsAFNXAAPacBzuZ908BaYLY2KAERuCKEgOCAibB+0/VC1mB5P0A6x5UVZ6FkFSFPZMc584JVU0YnKxIDNKABUrgAKWCA+mRsxbZID1VB9rJiBcVk4YRVaxcNc5BiD/hGaxER06BHk3dX2tNAtTQUhBEDEIcDLggeR1hHIdY/coCGzQND/BY5WMQNDSEp+KQr0cMrUJIMq6ZJ3cGKrcM5wHJ+r8QyOEA0/15DAwAgbAEQDFcoRonXFiXhKiEEiR7oT5BWVFdRQZ8BAi9wUabRKI8RToXILBkAATgoMnI3IVyRAuZETxAjAIFnAD6QI/rkcYNyL1XkDXHweZNoEVB0PmvzAhIzBIzyHL7nHAAzRj6xGC8AEQUnalgFjYtQgkTQc1v3gvBiiYqgA+YiEh/lKiLThazUOGqDLOHVFAFAALC0eZpFDKnWBwyABdojFc1kQ2IUkZ5XGEIAARegjkOVAxZwAzs3Z3VAKJURR4JwKzIWVAMiQtV1IU0hAI8gSd8lhsziZMRBD9fVSHV1CEXWPK1YPDPgBMIhhXyAAgzAABDAGDsXkJqRTP/DAC1ugWd+0mxXwUORwVg98C+SlGJX+YeawQAwYA9jUFeVJRrCYkMohJEYOAMMdW5cwBEMIDG8QQEzIBGLAGda6Axmd3/AIpm6ogN+EQG/wiyk04dtwXsWciQzAHAMEBlHAiVYFBlZ6Qz84AM0cH0BEjv7NwYSopBxxFuE8EzOsTyQAhFLpZbOkWKdpiBnkwISAlKTaEMS2EwnoEdg2QNmdQAA4JUx0CmxwCOZQY7blALEoxrncpQLVBpOND3SEncSqEihdowTd5TZwAfI6SpiZJYvFAXB4A+W5ncJk5JE0AAmc357NAyH9F11JX6k4ULe9kv2dgIYIU9m6AyO8Ib/ZgSaaylS3hQ5V3AYPiAD53IBCWAApBEMAzEBEiAB0YNHRMJAdKBMTIQR7AaXBqZpjLOaF/IZdICFGCiJLWOVYqEcUmE8VYQDA5EjMUAAGUmdBkACAhYPEqARFroRqHGSF/JHP0pNTjkdMnouFFokyNidoZgaWyp2a6M88nQCvEEYEvACi+gDSKqkGzoDplFLGkEd0iNQhjCLi/B9q3GVt0KfEdIM20hNDRSowlNkH4gkb2gDTuA3EsA6azoAAGAA54KZiwgBIJABlcGSm2QRoAUSRfagsigR89cH50mpf3WjDyhCxPCJ3WEvPJAXSiABFZCnNVkDNBCm4iOd0/BK/+FofiyzhhgkJBGQhj+gEMzgb5nEGZ8JWtpAXDKakZqGo6okAT5xEz4gAT72eT2Xbz42kAy2bygUCQ1kbT/wAL8QNQ0QapdjU1UqMlzIQ0DCMpJzio6wPB8xeSiAH6/pA7PqQ/NCnRdwN7lKAdIjfidjcM9kDKjzPCdwAiSqGyEyAm2xbAa3DJgSZAIVahfib7t0oMRQQTuqCrfABQ/wHWvlA5emp3MQAffAAJz5HNrxlyxZR0lyUcd3ESXwAATwCxRgASAwsS5mDNAigR+1ndUkOaQjOl+FFiiweqGosYtIJ/wQA6fJgBU5ipBKAxISAQGgG0IQARUQYqwBCPZiPP8liUW8MQGMsVEN0UjnGWUW8lLbEVs7GX2qCUeiGUWnMB9dkA2tmZG7BoZyEAETwJc9YF4tM0A2RHNw+S7kZakSoDP6ckU15VXHJUMreSsdEk6rJzr3UgKmIVjbYQX+56gq4Kc/wAJ2p5E/gBd0GABXyiwflYQJwpwqpR04t4jzUkb1VUXOo2GKoAjIAmpyRxrYkAINITqQcJAgYAXDQZEtIFbAWAP6JD57sg9QMiAAmRXBgja4tEQbEj0+VWcVVUiRU7aDJZolEFsdOKWhiLySYgJyi4EQ8wYxwJLPGVV7wHdduKjzULVHsr1gWki41KyOkCS+1BkRYZFpiZz+whL/ePaGxss5GDK0HpIHKzAU/lCNxdNIptECNQAANcACDzCTQ0CwnIOcnIUVgmldyFhgN4oRKOB2zAIJ2wAeyCktLNFq6lXB5mcGYGAnEFCyESpCdnAuBmAANMCfRAMBD5gV3UZF88J+vKSEoCgZxakrY/WGcsaA1NFkEPZCxNEA3dgDPjABL1s8LlAIi5IkIZxvfnEFK5KgmxY5zzTFqvS3N5pyj9AIpGMCDcRaDOoqdop/oCEVz1o2+OE1ASAcE2CkJsssPbcOp7d/iMs5lpRiQ8VNqPMQetw86zpNL8QcdVs/BPIRWPScjLQC/OU8D+AT+iid6wjJzgBat6KCCSAt/zGQAb6UOe/iXFYRarcyPNDSGcOASgf8YNsYINdjLv0mYjynNphSEsrAhgx4Rg8ABqvABf1KQQ1kPFckeET3d6DkO8TaP917FZ+DR1paAqCJVCSUEOXbwcRgw6caDd1DvngADZpXCT7RAE9Yki61c2Lza9Wpa1DXdOgAbCOMIFc5L+Ixv3GUPwmRhkcSzxFHEV1MXNVkhnHneckTCfIjPvkAHxJAUs5hPNZARlxwARb3oUlsABqgAQ4w07kGACT3c+IY0T42JR3EA6ToHM8ZSBknQMSwmhIddyMQAUxNACWrFQTgH6Igk/ABARcVGRpCM+R4rIgFSuemACFMdKeneeldgadSqgMfQMRzQAAf8I/O8UaLckMaNKprs8l0+StYcROigBMwgFksOyNy0w8thxYG96S5mQ1MVTeKrdgm9tVaR24yZwIp9wARkAGocQIMSQnpc3QktM8MWE1xXTrz92WXVxF5MAE1ITcsQsSU3QMWEAtkzACCsKpitBKcFI6GAAhQiMs1wBykMwMR4IRFZAN2cQ9gAAIAwnhy/S4eAg2E2lXZo0HMwZt4jao/AAMbgAEjAAISIAN98AAfENwCEAH/wR2cw9ZteZBXkQcoEGB1J9MN7QNqADX0bWr8EAxRcVPvMt01tANBAAA7";
+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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";
+const backgroundImages = {
+  [consentVariantMap]: mapBackground,
+  [consentVariantVideo]: youtubeVideoBackground
+};
+const themes = {
+  [consentVariantMap]: themeLight,
+  [consentVariantVideo]: themeDark
+};
+const ConsentMessage = ({
+  heading,
+  body,
+  button,
+  variant,
+  focusOnConsent,
+  ...props
+}) => {
+  const [render, setRender] = useState(false);
+  const buttonId = `open-cookie-button-${props.uid}`;
+  useEffect(() => {
+    setRender(true);
+  }, []);
+  if (!render) {
+    return null;
+  }
+  const openConsentBanner = () => {
+    try {
+      (window._dfq || (window._dfq = [])).push(["consent show", {
+        page: "settings",
+        callback: (result) => {
+          var _a;
+          const consentDenied = false === result.permissions.externalContent;
+          if (!consentDenied) {
+            requestConsentFocus(focusOnConsent);
+          }
+          notifyConsentChange();
+          if (consentDenied) {
+            (_a = document.getElementById(buttonId)) == null ? void 0 : _a.focus();
+          }
+        }
+      }]);
+    } catch (e) {
+      console.log("Could not open consentBanner");
+    }
+  };
+  const theme = themes[variant];
+  return /* @__PURE__ */ jsxs(ConsentMessageContainerStyled, { children: [
+    /* @__PURE__ */ jsx(ConsentMessageBackgroundStyled, { className: themeDark === theme ? ` ${themeDark}` : "", children: /* @__PURE__ */ jsx(ConsentMessageBackgroundMapStyled, { backgroundImage: backgroundImages[variant], theme }) }),
+    /* @__PURE__ */ jsxs(ConsentMessageStyled, { className: themeDark === theme ? ` ${themeDark}` : "", children: [
+      /* @__PURE__ */ jsx(Heading, { size: textHeadingXs, bottomSpacing: spacingXs, align: headingAlignCenter, children: heading }),
+      /* @__PURE__ */ jsx(Body, { bottomSpacing: spacingMd, align: bodyAlignCenter, children: body }),
+      /* @__PURE__ */ jsx(Button, { id: buttonId, appearance: tertiaryAppearance, width: buttonWidthAuto, onClick: openConsentBanner, bottomSpacing: spacingNone, children: button })
+    ] })
+  ] });
+};
+export {
+  consentVariantMap,
+  consentVariantVideo,
+  b as consentVariants,
+  ConsentMessage as default
+};

package/dist/components/ConsentMessage/mapBackground.d.ts

@@ -0,0 +1,6 @@
+/**
+ * This file contains the map 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 mapBackground = "R0lGODlhjABPANUAAJfU/sHeosfhrOj1/tXezKvYyqXX+9Xu/7XasbDd/cno/bvj/vP47M7ltNDe6Nrg1e/25s3eu/f7897uzdbpweDl29LnuvL6/tTr5+by2rra7qTX4cvlxczn1eHx5Onv4+ry4b/i4tTpy+/z6uPo7evr7PHx8eXl5uHh4uPj5O3t7unp6v39/fn5+fv7++r04OLw0/v9+drryPX38/j8/97w/PP18fn79/Pz8/X19efn6Pf39+/v8L3cm////9/f4CH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYjdjNjRjY2Y5LCAyMDI0LzA3LzE2LTEyOjM5OjA0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjYuMCAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozRDlBQzk4M0VEMjIxMUVGOUMyN0NBQUIzREFFNTdENCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozRDlBQzk4NEVEMjIxMUVGOUMyN0NBQUIzREFFNTdENCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNEOUFDOTgxRUQyMjExRUY5QzI3Q0FBQjNEQUU1N0Q0IiBzdFJlZjpkb2N1bWVudElEPSJ4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";

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

@@ -0,0 +1,40 @@
+import { HTMLAttributes } from 'react';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { consentMessageComponentName } from './componentName';
+export declare const consentVariantVideo = "video";
+export declare const consentVariantMap = "maps";
+export declare const consentVariants: readonly ["video", "maps"];
+export type ConsentVariant = (typeof consentVariants)[number];
+/**
+ * Props for the ConsentMessage component.
+ * A placeholder shown before user consent is given (e.g. for YouTube videos or Google Maps).
+ */
+export interface ConsentMessageProps extends BrixComponentProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /**
+     * Type of embedded content requiring consent.
+     * - `video`: YouTube video embed
+     * - `maps`: Google Maps embed
+     */
+    variant: ConsentVariant;
+    /**
+     * Heading text displayed in the consent message.
+     */
+    heading: string;
+    /**
+     * Body text explaining why consent is needed.
+     */
+    body: string;
+    /**
+     * Label for the consent button.
+     */
+    button: string;
+    /**
+     * ID of the element that receives focus after consent is granted.
+     * Focus moves as soon as that element is rendered.
+     */
+    focusOnConsent: string;
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof consentMessageComponentName;
+}

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

@@ -0,0 +1,15 @@
+import { Theme } from '../../foundations/types/Theme';
+export declare const ConsentMessageBackgroundStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+/**
+ * Blurring the image create artifacts on the edges,
+ * so I position these edges outside the visible area with 16px from each side to hide them
+ */
+export declare const ConsentMessageBackgroundMapStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "backgroundImage" | "theme"> & {
+    theme: Theme;
+    backgroundImage: string;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "backgroundImage" | "theme"> & {
+    theme: Theme;
+    backgroundImage: string;
+}, never>>> & string;
+export declare const ConsentMessageContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const ConsentMessageStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

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

@@ -0,0 +1,76 @@
+import { default as z } from 'zod';
+import { ConsentMessageCmsProps } from '../../contentful/props';
+import { ValidationResult } from '../../utils/validation/Validation';
+export declare const consentMessageSchema: z.ZodObject<{
+    uid: z.ZodString;
+    sysId: z.ZodString;
+    customId: z.ZodOptional<z.ZodString>;
+    enableStructuredData: z.ZodOptional<z.ZodBoolean>;
+    tracking: z.ZodOptional<z.ZodObject<{
+        contact_action: z.ZodOptional<z.ZodString>;
+        contact_subject: z.ZodOptional<z.ZodString>;
+        contact_available_tools: z.ZodOptional<z.ZodString>;
+        contact_tool: z.ZodOptional<z.ZodString>;
+        contact_trigger: z.ZodOptional<z.ZodString>;
+        contact_variant: z.ZodOptional<z.ZodString>;
+        information_action: z.ZodOptional<z.ZodString>;
+        information_name: z.ZodOptional<z.ZodString>;
+        information_ui_type: z.ZodOptional<z.ZodString>;
+        information_trigger: z.ZodOptional<z.ZodString>;
+        information_ui_location: z.ZodOptional<z.ZodString>;
+        information_id: z.ZodOptional<z.ZodString>;
+        information_ui_size: z.ZodOptional<z.ZodString>;
+        error_action: z.ZodOptional<z.ZodString>;
+        error_type: z.ZodOptional<z.ZodString>;
+        error_message: z.ZodOptional<z.ZodString>;
+        error_ui_type: z.ZodOptional<z.ZodString>;
+        error_trigger: z.ZodOptional<z.ZodString>;
+        error_trigger_name: z.ZodOptional<z.ZodString>;
+        error_code: z.ZodOptional<z.ZodString>;
+        error_details: z.ZodOptional<z.ZodString>;
+        error_location: z.ZodOptional<z.ZodString>;
+    }, z.core.$loose>>;
+    bottomSpacing: z.ZodOptional<z.ZodEnum<{
+        sm: "sm";
+        md: "md";
+        lg: "lg";
+        none: "none";
+        "2xs": "2xs";
+        xs: "xs";
+        xl: "xl";
+        "2xl": "2xl";
+        "3xl": "3xl";
+        "4xl": "4xl";
+        "5xl": "5xl";
+        "6xl": "6xl";
+        "7xl": "7xl";
+        None: "None";
+        "2Xs": "2Xs";
+        Xs: "Xs";
+        Sm: "Sm";
+        Md: "Md";
+        Lg: "Lg";
+        Xl: "Xl";
+        "2Xl": "2Xl";
+        "3Xl": "3Xl";
+        "4Xl": "4Xl";
+        "5Xl": "5Xl";
+        "6Xl": "6Xl";
+        "7Xl": "7Xl";
+    }>>;
+    layout: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodObject<{
+        sm: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+        md: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+        lg: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+    }, z.core.$strip>]>>>;
+    component: z.ZodLiteral<"ConsentMessage">;
+    variant: z.ZodEnum<{
+        video: "video";
+        maps: "maps";
+    }>;
+    heading: z.ZodString;
+    body: z.ZodString;
+    button: z.ZodString;
+}, z.core.$loose>;
+export declare const validateConsentMessageProps: (props: unknown) => ValidationResult<ConsentMessageCmsProps>;
+export declare const isConsentMessageProps: (props: unknown) => props is ConsentMessageCmsProps;

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

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

package/dist/components/ConsentMessage/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/components/Container/componentName.d.ts

@@ -0,0 +1 @@
+export declare const containerComponentName: "Container";

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

@@ -0,0 +1,5 @@
+import { ContainerProps } from './props';
+export declare const ContainerContext: import('react').Context<boolean>;
+declare const Container: ({ className, children, appearance, tag, ...props }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
+export default Container;
+export * from './props';

package/dist/components/Container/index.js

@@ -0,0 +1,18 @@
+"use client";
+import "react/jsx-runtime";
+import "react";
+import "../../Theme-B6kzt-0D.js";
+import { a, C } from "../../index-sVS9qq5A.js";
+import { C as C2, c, a as a2, b, d, e, f, g } from "../../props-A95cwKat.js";
+export {
+  C2 as ContainerAppearanceColor,
+  a as ContainerContext,
+  c as containerAppearanceAlternative,
+  a2 as containerAppearancePrimary,
+  b as containerAppearanceSecondary,
+  d as containerAppearanceTertiary,
+  e as containerAppearances,
+  f as containerPaddings,
+  g as containerTags,
+  C as default
+};

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

@@ -0,0 +1,65 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { BackgroundColor } from '../../foundations/types/BackgroundColor';
+import { Theme } from '../../foundations/types/Theme';
+import { containerComponentName } from './componentName';
+export declare const containerPaddings: readonly ["none", "xl", "5xl"];
+export type ContainerPadding = (typeof containerPaddings)[number];
+export declare const containerAppearancePrimary: "primary";
+export declare const containerAppearanceSecondary: "secondary";
+export declare const containerAppearanceTertiary: "tertiary";
+export declare const containerAppearanceAlternative: "alternative";
+export declare const containerAppearances: readonly ["primary", "secondary", "tertiary", "alternative"];
+export type ContainerAppearance = (typeof containerAppearances)[number];
+export declare const ContainerAppearanceColor: Record<ContainerAppearance, BackgroundColor>;
+export declare const containerTags: readonly ["article", "aside", "div", "hgroup", "main", "nav", "section"];
+export type ContainerTag = (typeof containerTags)[number];
+/**
+ * Props for the Container component.
+ * A full-width section wrapper with background color, padding, and optional border.
+ * Does not support `bottomSpacing` (sections are stacked without external margin).
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/layout-and-structure-container--docs} Container stories
+ */
+export interface ContainerProps extends Omit<BrixComponentProps, 'bottomSpacing'>, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content to render inside the container.
+     */
+    children: ReactNode;
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof containerComponentName;
+    /**
+     * When `true`, renders a bottom border to visually separate this section from the next.
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * Background color theme of the container.
+     * - `primary`: White/neutral background
+     * - `secondary`: Subtle grey background
+     * - `tertiary`: Brand gradient background
+     * - `alternative`: Solid brand-color background
+     * @default primary
+     */
+    appearance?: ContainerAppearance;
+    /**
+     * Vertical padding (top and bottom) inside the container.
+     * - `none`: No padding
+     * - `xl`: Standard padding (32px)
+     * - `5xl`: Large padding (80px)
+     * @default xl
+     */
+    padding?: ContainerPadding;
+    /**
+     * Color theme override. Automatically applied based on `appearance` but can be set explicitly.
+     */
+    theme?: Theme;
+    /**
+     * HTML element used to render the container.
+     * Most values represent a semantic landmark (e.g. `main`, `nav`, `aside`, `article`); `hgroup` is
+     * an exception used purely for grouping a heading with its subline/tagline, without a landmark role.
+     * @default div
+     */
+    tag?: ContainerTag;
+}

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

@@ -0,0 +1,5 @@
+import { ContainerProps } from './props';
+export declare const ContainerBackgroundStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContainerProps> & ContainerProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContainerProps> & ContainerProps, never>>> & string;
+export declare const maxWidthBreakpoint = 1280;
+export declare const containerMaxWidth = 1240;
+export declare const ContainerCenterStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

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

@@ -0,0 +1,4 @@
+import { ContainerCmsProps } from '../../contentful/props';
+import { ValidationResult } from '../../utils/validation/Validation';
+export declare const validateContainerProps: (props: unknown) => ValidationResult<ContainerCmsProps>;
+export declare const isContainerProps: (props: unknown) => props is ContainerCmsProps;

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

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

package/dist/components/DateInput/componentName.d.ts

@@ -0,0 +1 @@
+export declare const dateInputComponentName: "DateInput";

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

@@ -0,0 +1,4 @@
+import { DateInputProps } from './props';
+declare const DateInput: ({ uid, status, errorMessage, helperText, label, onUpdate, bottomSpacing, ref: outerRef, ...props }: DateInputProps) => import("react/jsx-runtime").JSX.Element;
+export default DateInput;
+export * from './props';

package/dist/components/DateInput/index.js

@@ -0,0 +1,111 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useImperativeHandle } from "react";
+import FormElement from "../FormElement/index.js";
+import FormHelperLabel from "../FormHelperLabel/index.js";
+import FormHelperMessage from "../FormHelperMessage/index.js";
+import { i as inputStateError } from "../../props-Czq9XX2J.js";
+import { a as InputStyled, I as InputWrapperStyled } from "../../styled-BkCUjXbJ.js";
+import { i as iconSizeSm } from "../../IconSize-Da9zhR76.js";
+import { s as spacingMd, a as spacingXs } from "../../Spacing-Dj-qX3Z5.js";
+import { aW as CalendarMonthIcon } from "../../_5gPlusIcon-CuQyn-Mb.js";
+import styled from "styled-components";
+import forcedColors from "../../foundations/media-query/forcedColors/index.js";
+import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
+import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
+import { c as colorBorderFocus } from "../../BorderColor-BACbvI20.js";
+import { b as borderWidthFocus } from "../../BorderWidth-CwrNKc0Q.js";
+const CalendarMonthIconStyled = styled(CalendarMonthIcon).withConfig({
+  displayName: "CalendarMonthIconStyled",
+  componentId: "sc-1du453y-0"
+})(() => {
+  return {
+    "&:focus": {
+      ...forcedColors({
+        border: "none"
+      }),
+      outline: "none"
+    },
+    "&:focus-visible": {
+      ...forcedColors({
+        border: "none"
+      }),
+      outline: `${getBorderWidth(borderWidthFocus)} solid ${getBorderColor(colorBorderFocus)}`
+    },
+    "@-moz-document url-prefix()": {
+      "&": {
+        display: "none",
+        opacity: 0
+      }
+    }
+  };
+});
+const DateInputStyled = styled(InputStyled).withConfig({
+  displayName: "DateInputStyled",
+  componentId: "sc-1du453y-1"
+})({
+  "&::-webkit-calendar-picker-indicator": {
+    opacity: 0,
+    display: "none"
+  }
+});
+const DateInput = ({
+  uid,
+  status,
+  errorMessage,
+  helperText,
+  label,
+  onUpdate,
+  bottomSpacing = spacingMd,
+  ref: outerRef,
+  ...props
+}) => {
+  const innerRef = useRef(null);
+  useImperativeHandle(outerRef, () => innerRef.current, []);
+  const messageId = `text-${uid}`;
+  const inputProps = {
+    ...props,
+    id: uid,
+    "aria-describedby": inputStateError !== status && helperText || inputStateError === status && errorMessage ? messageId : void 0,
+    "aria-invalid": inputStateError === status ? true : void 0
+  };
+  const handleCalendarClick = () => {
+    if (null === innerRef || null === innerRef.current) {
+      return;
+    }
+    innerRef.current.showPicker();
+    setTimeout(() => {
+      if (null === innerRef || null === innerRef.current) {
+        return;
+      }
+      innerRef.current.focus();
+    }, 1);
+  };
+  const handleCalendarSpaceKey = (event) => {
+    if (null === innerRef || null === innerRef.current) {
+      return;
+    }
+    if (event.code === "Space") {
+      innerRef.current.showPicker();
+    }
+  };
+  return /* @__PURE__ */ jsxs(FormElement, { className: props.className, bottomSpacing, layout: props.layout, disabled: props.disabled, children: [
+    /* @__PURE__ */ jsx(FormHelperLabel, { label, uid }),
+    /* @__PURE__ */ jsxs(InputWrapperStyled, { status, readOnly: props.readOnly, bottomSpacing: inputStateError !== status && helperText || inputStateError === status && errorMessage ? spacingXs : void 0, children: [
+      /* @__PURE__ */ jsx(DateInputStyled, { min: "1000-01-01", max: "9999-12-31", ...inputProps, ref: innerRef, type: "date", onBlur: (event) => {
+        if (props.onBlur) {
+          props.onBlur(event);
+        }
+        if (!onUpdate) {
+          return;
+        }
+        onUpdate(event.target.value);
+      } }),
+      /* @__PURE__ */ jsx(CalendarMonthIconStyled, { size: iconSizeSm, onClick: handleCalendarClick, onKeyDown: handleCalendarSpaceKey, tabIndex: 0, role: "button", "aria-label": "Datumsauswahl anzeigen" })
+    ] }),
+    /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status, message: inputStateError === status ? errorMessage : helperText })
+  ] });
+};
+export {
+  DateInput as default
+};

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

@@ -0,0 +1,19 @@
+import { InputHTMLAttributes, Ref } from 'react';
+import { InputSharedProps } from '../Input/props';
+import { dateInputComponentName } from './componentName';
+/**
+ * Props for the DateInput component.
+ * A date input field with label, validation, and native date picker.
+ */
+export interface DateInputProps extends InputSharedProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    ref?: Ref<HTMLInputElement>;
+    /**
+     * function that is called on every update. While input[type=date] is special,
+     * this os fired on blur
+     */
+    onUpdate?: (a: string) => void;
+    /**
+     * Pin component's name
+     */
+    component?: typeof dateInputComponentName;
+}