@c15t/react 0.0.1-rc.8 → 1.0.0

package/dist/components/cookie-banner/atoms/root.js

@@ -6,13 +6,15 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__ from "react-dom";
 import * as __WEBPACK_EXTERNAL_MODULE__overlay_js_fdc96eda__ from "./overlay.js";
 import * as __WEBPACK_EXTERNAL_MODULE__context_theme_context_js_4d22fa0c__ from "../../../context/theme-context.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_8a30bd26__ from "../../../hooks/use-consent-manager.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__ from "../../../utils/use-styles.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_styles_js_ffc85ca5__ from "../../../hooks/use-styles.js";
 import * as __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_af314f6d__ from "../cookie-banner.module.js";
-const CookieBannerRoot = ({ children, className, noStyle, disableAnimation, theme, ...props })=>{
+const CookieBannerRoot = ({ children, className, noStyle, disableAnimation, theme, scrollLock, trapFocus = true, ...props })=>{
     const contextValue = {
         disableAnimation,
         noStyle,
-        theme
+        theme,
+        scrollLock,
+        trapFocus
     };
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_4d22fa0c__.LocalThemeContext.Provider, {
         value: contextValue,
@@ -26,7 +28,7 @@ const CookieBannerRoot = ({ children, className, noStyle, disableAnimation, them
 };
 const CookieBannerRootChildren = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ asChild, children, className, style, className: forwardedClassName, disableAnimation, ...props }, ref)=>{
     const { showPopup } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_8a30bd26__.useConsentManager)();
-    const contentStyle = (0, __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__.useStyles)('banner.root', {
+    const contentStyle = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_styles_js_ffc85ca5__.useStyles)('banner.root', {
         baseClassName: [
             __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_af314f6d__["default"].root,
             __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_af314f6d__["default"].bottomLeft

package/dist/components/cookie-banner/components.cjs

@@ -1,12 +1,8 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.n = function(module) {
-        var getter = module && module.__esModule ? function() {
-            return module['default'];
-        } : function() {
-            return module;
-        };
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
         __webpack_require__.d(getter, {
             a: getter
         });
@@ -14,7 +10,7 @@ var __webpack_require__ = {};
     };
 })();
 (()=>{
-    __webpack_require__.d = function(exports1, definition) {
+    __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
             enumerable: true,
             get: definition[key]
@@ -22,12 +18,10 @@ var __webpack_require__ = {};
     };
 })();
 (()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -39,27 +33,28 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    CookieBannerFooterSubGroup: ()=>CookieBannerFooterSubGroup,
-    CustomizeButton: ()=>CustomizeButton,
+    CookieBannerHeader: ()=>CookieBannerHeader,
     Footer: ()=>Footer,
-    CookieBannerRejectButton: ()=>CookieBannerRejectButton,
-    CookieBannerCustomizeButton: ()=>CookieBannerCustomizeButton,
+    FooterSubGroup: ()=>FooterSubGroup,
     Header: ()=>Header,
+    CookieBannerTitle: ()=>CookieBannerTitle,
+    CustomizeButton: ()=>CustomizeButton,
+    Title: ()=>Title,
+    CookieBannerCustomizeButton: ()=>CookieBannerCustomizeButton,
+    CookieBannerFooterSubGroup: ()=>CookieBannerFooterSubGroup,
+    CookieBannerRejectButton: ()=>CookieBannerRejectButton,
     RejectButton: ()=>RejectButton,
-    CookieBannerFooter: ()=>CookieBannerFooter,
-    CookieBannerHeader: ()=>CookieBannerHeader,
     CookieBannerDescription: ()=>CookieBannerDescription,
-    Title: ()=>Title,
-    FooterSubGroup: ()=>FooterSubGroup,
-    CookieBannerAcceptButton: ()=>CookieBannerAcceptButton,
-    Description: ()=>Description,
     Card: ()=>Card,
     AcceptButton: ()=>AcceptButton,
+    CookieBannerAcceptButton: ()=>CookieBannerAcceptButton,
     CookieBannerCard: ()=>CookieBannerCard,
-    CookieBannerTitle: ()=>CookieBannerTitle
+    Description: ()=>Description,
+    CookieBannerFooter: ()=>CookieBannerFooter
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const use_focus_trap_cjs_namespaceObject = require("../../hooks/use-focus-trap.cjs");
 const use_theme_cjs_namespaceObject = require("../../hooks/use-theme.cjs");
 const box_cjs_namespaceObject = require("../shared/primitives/box.cjs");
 const button_cjs_namespaceObject = require("../shared/primitives/button.cjs");
@@ -101,14 +96,24 @@ const CookieBannerFooter = /*#__PURE__*/ (0, external_react_namespaceObject.forw
         children: children
     }));
 CookieBannerFooter.displayName = COOKIE_BANNER_FOOTER_NAME;
-const CookieBannerCard = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
-        ref: ref,
+const CookieBannerCard = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>{
+    const { trapFocus } = (0, use_theme_cjs_namespaceObject.useTheme)();
+    const localRef = (0, external_react_namespaceObject.useRef)(null);
+    const cardRef = ref || localRef;
+    const shouldTrapFocus = Boolean(trapFocus);
+    (0, use_focus_trap_cjs_namespaceObject.useFocusTrap)(shouldTrapFocus, cardRef);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+        ref: cardRef,
+        tabIndex: 0,
         baseClassName: external_cookie_banner_module_cjs_default().card,
         "data-testid": "cookie-banner-card",
         themeKey: "banner.card",
+        "aria-modal": shouldTrapFocus ? 'true' : void 0,
+        role: shouldTrapFocus ? 'dialog' : void 0,
         ...props,
         children: children
-    }));
+    });
+});
 CookieBannerCard.displayName = COOKIE_BANNER_CARD_NAME;
 const CookieBannerHeader = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
         ref: ref,
@@ -168,8 +173,44 @@ const Header = CookieBannerHeader;
 const RejectButton = CookieBannerRejectButton;
 const CustomizeButton = CookieBannerCustomizeButton;
 const AcceptButton = CookieBannerAcceptButton;
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+exports.AcceptButton = __webpack_exports__.AcceptButton;
+exports.Card = __webpack_exports__.Card;
+exports.CookieBannerAcceptButton = __webpack_exports__.CookieBannerAcceptButton;
+exports.CookieBannerCard = __webpack_exports__.CookieBannerCard;
+exports.CookieBannerCustomizeButton = __webpack_exports__.CookieBannerCustomizeButton;
+exports.CookieBannerDescription = __webpack_exports__.CookieBannerDescription;
+exports.CookieBannerFooter = __webpack_exports__.CookieBannerFooter;
+exports.CookieBannerFooterSubGroup = __webpack_exports__.CookieBannerFooterSubGroup;
+exports.CookieBannerHeader = __webpack_exports__.CookieBannerHeader;
+exports.CookieBannerRejectButton = __webpack_exports__.CookieBannerRejectButton;
+exports.CookieBannerTitle = __webpack_exports__.CookieBannerTitle;
+exports.CustomizeButton = __webpack_exports__.CustomizeButton;
+exports.Description = __webpack_exports__.Description;
+exports.Footer = __webpack_exports__.Footer;
+exports.FooterSubGroup = __webpack_exports__.FooterSubGroup;
+exports.Header = __webpack_exports__.Header;
+exports.RejectButton = __webpack_exports__.RejectButton;
+exports.Title = __webpack_exports__.Title;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "AcceptButton",
+    "Card",
+    "CookieBannerAcceptButton",
+    "CookieBannerCard",
+    "CookieBannerCustomizeButton",
+    "CookieBannerDescription",
+    "CookieBannerFooter",
+    "CookieBannerFooterSubGroup",
+    "CookieBannerHeader",
+    "CookieBannerRejectButton",
+    "CookieBannerTitle",
+    "CustomizeButton",
+    "Description",
+    "Footer",
+    "FooterSubGroup",
+    "Header",
+    "RejectButton",
+    "Title"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/cookie-banner/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-banner/components.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAa5E;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,iBAAiB,uHAerB,CAAC;AAIH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,uBAAuB,uHAe3B,CAAC;AAIH;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,kBAAkB,uHAetB,CAAC;AAIH;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,gBAAgB,uHAcrB,CAAC;AAIF;;;;;;GAMG;AACH,QAAA,MAAM,kBAAkB,uHAetB,CAAC;AAIH;;;;;;GAMG;AACH,QAAA,MAAM,0BAA0B,uHAe9B,CAAC;AAIH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,wBAAwB,kHAe5B,CAAC;AAIH;;;;;;GAMG;AACH,QAAA,MAAM,2BAA2B,kHAc/B,CAAC;AAIH;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,wBAAwB,kHAkB5B,CAAC;AAIH,QAAA,MAAM,KAAK,uHAAoB,CAAC;AAChC,QAAA,MAAM,WAAW,uHAA0B,CAAC;AAC5C,QAAA,MAAM,MAAM,uHAAqB,CAAC;AAClC,QAAA,MAAM,cAAc,uHAA6B,CAAC;AAClD,QAAA,MAAM,IAAI,uHAAmB,CAAC;AAC9B,QAAA,MAAM,MAAM,uHAAqB,CAAC;AAClC,QAAA,MAAM,YAAY,kHAA2B,CAAC;AAC9C,QAAA,MAAM,eAAe,kHAA8B,CAAC;AACpD,QAAA,MAAM,YAAY,kHAA2B,CAAC;AAE9C,OAAO,EACN,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,gBAAgB,EAChB,kBAAkB,EAClB,wBAAwB,EACxB,2BAA2B,EAC3B,wBAAwB,EACxB,KAAK,EACL,WAAW,EACX,MAAM,EACN,cAAc,EACd,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,eAAe,EACf,YAAY,GACZ,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-banner/components.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAa5E;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,iBAAiB,uHAerB,CAAC;AAIH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,uBAAuB,uHAe3B,CAAC;AAIH;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,kBAAkB,uHAetB,CAAC;AAIH;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,gBAAgB,uHAyBrB,CAAC;AAIF;;;;;;GAMG;AACH,QAAA,MAAM,kBAAkB,uHAetB,CAAC;AAIH;;;;;;GAMG;AACH,QAAA,MAAM,0BAA0B,uHAe9B,CAAC;AAIH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,wBAAwB,kHAe5B,CAAC;AAIH;;;;;;GAMG;AACH,QAAA,MAAM,2BAA2B,kHAc/B,CAAC;AAIH;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,wBAAwB,kHAkB5B,CAAC;AAIH,QAAA,MAAM,KAAK,uHAAoB,CAAC;AAChC,QAAA,MAAM,WAAW,uHAA0B,CAAC;AAC5C,QAAA,MAAM,MAAM,uHAAqB,CAAC;AAClC,QAAA,MAAM,cAAc,uHAA6B,CAAC;AAClD,QAAA,MAAM,IAAI,uHAAmB,CAAC;AAC9B,QAAA,MAAM,MAAM,uHAAqB,CAAC;AAClC,QAAA,MAAM,YAAY,kHAA2B,CAAC;AAC9C,QAAA,MAAM,eAAe,kHAA8B,CAAC;AACpD,QAAA,MAAM,YAAY,kHAA2B,CAAC;AAE9C,OAAO,EACN,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,gBAAgB,EAChB,kBAAkB,EAClB,wBAAwB,EACxB,2BAA2B,EAC3B,wBAAwB,EACxB,KAAK,EACL,WAAW,EACX,MAAM,EACN,cAAc,EACd,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,eAAe,EACf,YAAY,GACZ,CAAC"}

package/dist/components/cookie-banner/components.js

@@ -1,5 +1,6 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_focus_trap_js_1fb469b9__ from "../../hooks/use-focus-trap.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_cde33a62__ from "../../hooks/use-theme.js";
 import * as __WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_82ada135__ from "../shared/primitives/box.js";
 import * as __WEBPACK_EXTERNAL_MODULE__shared_primitives_button_js_952f908a__ from "../shared/primitives/button.js";
@@ -40,14 +41,24 @@ const CookieBannerFooter = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.f
         children: children
     }));
 CookieBannerFooter.displayName = COOKIE_BANNER_FOOTER_NAME;
-const CookieBannerCard = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_82ada135__.Box, {
-        ref: ref,
+const CookieBannerCard = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>{
+    const { trapFocus } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_cde33a62__.useTheme)();
+    const localRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const cardRef = ref || localRef;
+    const shouldTrapFocus = Boolean(trapFocus);
+    (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_focus_trap_js_1fb469b9__.useFocusTrap)(shouldTrapFocus, cardRef);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_82ada135__.Box, {
+        ref: cardRef,
+        tabIndex: 0,
         baseClassName: __WEBPACK_EXTERNAL_MODULE__cookie_banner_module_js_8fbf05d9__["default"].card,
         "data-testid": "cookie-banner-card",
         themeKey: "banner.card",
+        "aria-modal": shouldTrapFocus ? 'true' : void 0,
+        role: shouldTrapFocus ? 'dialog' : void 0,
         ...props,
         children: children
-    }));
+    });
+});
 CookieBannerCard.displayName = COOKIE_BANNER_CARD_NAME;
 const CookieBannerHeader = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_82ada135__.Box, {
         ref: ref,

package/dist/components/cookie-banner/cookie-banner.cjs

@@ -2,7 +2,7 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = function(exports1, definition) {
+    __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
             enumerable: true,
             get: definition[key]
@@ -10,12 +10,10 @@ var __webpack_require__ = {};
     };
 })();
 (()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -35,7 +33,7 @@ const button_cjs_namespaceObject = require("../shared/primitives/button.cjs");
 const root_cjs_namespaceObject = require("./atoms/root.cjs");
 const external_components_cjs_namespaceObject = require("./components.cjs");
 const use_translations_cjs_namespaceObject = require("../../hooks/use-translations.cjs");
-const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, customizeButtonText, acceptButtonText })=>{
+const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, customizeButtonText, acceptButtonText, scrollLock, trapFocus = true })=>{
     const { cookieBanner } = (0, use_translations_cjs_namespaceObject.useTranslations)();
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_error_boundary_cjs_namespaceObject.ErrorBoundary, {
         fallback: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
@@ -44,6 +42,8 @@ const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, cu
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(root_cjs_namespaceObject.CookieBannerRoot, {
             theme: theme,
             noStyle: noStyle,
+            scrollLock: scrollLock,
+            trapFocus: trapFocus,
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_components_cjs_namespaceObject.CookieBannerCard, {
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_components_cjs_namespaceObject.CookieBannerHeader, {
@@ -91,8 +91,10 @@ const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, cu
         })
     });
 };
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+exports.CookieBanner = __webpack_exports__.CookieBanner;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "CookieBanner"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/cookie-banner/cookie-banner.d.ts

@@ -57,6 +57,18 @@ export interface CookieBannerProps {
      * @default undefined
      */
     acceptButtonText?: ReactNode;
+    /**
+     * When true, the cookie banner will lock the scroll of the page
+     * @remarks Useful for implementing a cookie banner that locks the scroll of the page
+     * @default false
+     */
+    scrollLock?: boolean;
+    /**
+     * When true, the cookie banner will trap focus
+     * @remarks Useful for implementing a cookie banner that traps focus
+     * @default true
+     */
+    trapFocus?: true;
 }
 /**
  * A customizable cookie consent banner component.

package/dist/components/cookie-banner/cookie-banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cookie-banner.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-banner/cookie-banner.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAejD;;;;;;;;GAQG;AACH,MAAM,WAAW,iBAAiB;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAE1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAEhC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAwD9C,CAAC;AAEF;;;;;;;;;GASG"}
+{"version":3,"file":"cookie-banner.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-banner/cookie-banner.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAejD;;;;;;;;GAQG;AACH,MAAM,WAAW,iBAAiB;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAE1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAEhC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+D9C,CAAC;AAEF;;;;;;;;;GASG"}

package/dist/components/cookie-banner/cookie-banner.js

@@ -5,7 +5,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__shared_primitives_button_js_952f908a__ fr
 import * as __WEBPACK_EXTERNAL_MODULE__atoms_root_js_8443a91f__ from "./atoms/root.js";
 import * as __WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__ from "./components.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_translations_js_036cca3c__ from "../../hooks/use-translations.js";
-const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, customizeButtonText, acceptButtonText })=>{
+const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, customizeButtonText, acceptButtonText, scrollLock, trapFocus = true })=>{
     const { cookieBanner } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_translations_js_036cca3c__.useTranslations)();
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__error_boundary_js_9edd64b3__.ErrorBoundary, {
         fallback: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
@@ -14,6 +14,8 @@ const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, cu
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__atoms_root_js_8443a91f__.CookieBannerRoot, {
             theme: theme,
             noStyle: noStyle,
+            scrollLock: scrollLock,
+            trapFocus: trapFocus,
             children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerCard, {
                 children: [
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__components_js_29fc1aed__.CookieBannerHeader, {

package/dist/components/cookie-banner/cookie-banner.module.cjs

@@ -1,7 +1,7 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = function(exports1, definition) {
+    __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
             enumerable: true,
             get: definition[key]
@@ -9,12 +9,10 @@ var __webpack_require__ = {};
     };
 })();
 (()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -26,10 +24,10 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    default: ()=>cookie_banner_module_rslib_entry_
+    default: ()=>cookie_banner_module
 });
 require("./cookie-banner_module.css");
-const cookie_banner_module_rslib_entry_ = {
+const cookie_banner_module = {
     enter: "c15t-enter-OSOPL",
     exit: "c15t-exit-PbMtf",
     root: "c15t-root-tnx7V",
@@ -48,8 +46,10 @@ const cookie_banner_module_rslib_entry_ = {
     title: "c15t-title-qr_tp",
     overlay: "c15t-overlay-Y8QYV"
 };
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+exports["default"] = __webpack_exports__["default"];
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/cookie-banner/cookie-banner.module.js

@@ -1,5 +1,5 @@
 import "./cookie-banner_module.css";
-const cookie_banner_module_rslib_entry_ = {
+const cookie_banner_module = {
     enter: "c15t-enter-OSOPL",
     exit: "c15t-exit-PbMtf",
     root: "c15t-root-tnx7V",
@@ -18,4 +18,4 @@ const cookie_banner_module_rslib_entry_ = {
     title: "c15t-title-qr_tp",
     overlay: "c15t-overlay-Y8QYV"
 };
-export { cookie_banner_module_rslib_entry_ as default };
+export { cookie_banner_module as default };

package/dist/components/cookie-banner/cookie-banner_module.css

@@ -76,7 +76,7 @@
   overflow: hidden;
 }
 
-.dark .c15t-card-MOqQY {
+.c15t-dark .c15t-card-MOqQY {
   background-color: var(--banner-background-color-dark);
   border-color: var(--banner-border-color-dark);
   box-shadow: var(--banner-shadow-dark);
@@ -95,7 +95,7 @@
   border-color: var(--banner-border-color);
 }
 
-.dark .c15t-card-MOqQY > :not([hidden]) ~ :not([hidden]) {
+.c15t-dark .c15t-card-MOqQY > :not([hidden]) ~ :not([hidden]) {
   border-color: var(--banner-border-color-dark);
 }
 
@@ -145,7 +145,7 @@
   display: flex;
 }
 
-.dark .c15t-header-X6bpE {
+.c15t-dark .c15t-header-X6bpE {
   color: var(--banner-text-color-dark);
 }
 
@@ -170,7 +170,7 @@
   display: flex;
 }
 
-.dark .c15t-footer-wS150 {
+.c15t-dark .c15t-footer-wS150 {
   background-color: var(--banner-footer-background-color-dark);
 }
 
@@ -195,7 +195,7 @@
   line-height: 1.25rem;
 }
 
-.dark .c15t-description-jP5LU {
+.c15t-dark .c15t-description-jP5LU {
   color: var(--banner-description-color-dark);
 }
 
@@ -207,7 +207,7 @@
   line-height: 1.5rem;
 }
 
-.dark .c15t-title-qr_tp {
+.c15t-dark .c15t-title-qr_tp {
   color: var(--banner-title-color-dark);
 }
 
@@ -218,7 +218,7 @@
   inset: 0;
 }
 
-.dark .c15t-overlay-Y8QYV {
+.c15t-dark .c15t-overlay-Y8QYV {
   background-color: var(--banner-overlay-background-color-dark);
 }
 

package/dist/components/cookie-banner/error-boundary.cjs

@@ -2,7 +2,7 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = function(exports1, definition) {
+    __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
             enumerable: true,
             get: definition[key]
@@ -10,12 +10,10 @@ var __webpack_require__ = {};
     };
 })();
 (()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -51,7 +49,6 @@ class ErrorBoundary extends external_react_namespaceObject.Component {
             error,
             errorInfo
         });
-        console.error('Uncaught error:', error, errorInfo);
     }
     render() {
         if (this.state.hasError) {
@@ -61,8 +58,10 @@ class ErrorBoundary extends external_react_namespaceObject.Component {
         return this.props.children;
     }
 }
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+exports.ErrorBoundary = __webpack_exports__.ErrorBoundary;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ErrorBoundary"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/cookie-banner/error-boundary.d.ts

@@ -39,7 +39,7 @@ interface ErrorBoundaryState {
  *
  * @example
  * ```tsx
- * <ErrorBoundary fallback={<ErrorMessage />}>
+ * <ErrorBoundary fallback={<ErrorMessageType />}>
  *   <ComponentThatMayError />
  * </ErrorBoundary>
  * ```

package/dist/components/cookie-banner/error-boundary.js

@@ -21,7 +21,6 @@ class ErrorBoundary extends __WEBPACK_EXTERNAL_MODULE_react__.Component {
             error,
             errorInfo
         });
-        console.error('Uncaught error:', error, errorInfo);
     }
     render() {
         if (this.state.hasError) {

package/dist/components/cookie-banner/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = function(exports1, definition) {
+    __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
             enumerable: true,
             get: definition[key]
@@ -9,12 +9,10 @@ var __webpack_require__ = {};
     };
 })();
 (()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -26,34 +24,78 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    CookieBannerFooterSubGroup: ()=>external_components_cjs_namespaceObject.CookieBannerFooterSubGroup,
-    CookieBannerRoot: ()=>root_cjs_namespaceObject.CookieBannerRoot,
-    CustomizeButton: ()=>external_components_cjs_namespaceObject.CustomizeButton,
-    CookieBannerRejectButton: ()=>external_components_cjs_namespaceObject.CookieBannerRejectButton,
-    CookieBannerCustomizeButton: ()=>external_components_cjs_namespaceObject.CookieBannerCustomizeButton,
-    Footer: ()=>external_components_cjs_namespaceObject.Footer,
-    Header: ()=>external_components_cjs_namespaceObject.Header,
-    Overlay: ()=>overlay_cjs_namespaceObject.Overlay,
-    CookieBannerFooter: ()=>external_components_cjs_namespaceObject.CookieBannerFooter,
     CookieBannerHeader: ()=>external_components_cjs_namespaceObject.CookieBannerHeader,
-    CookieBannerDescription: ()=>external_components_cjs_namespaceObject.CookieBannerDescription,
-    RejectButton: ()=>external_components_cjs_namespaceObject.RejectButton,
+    Footer: ()=>external_components_cjs_namespaceObject.Footer,
     FooterSubGroup: ()=>external_components_cjs_namespaceObject.FooterSubGroup,
+    Header: ()=>external_components_cjs_namespaceObject.Header,
+    CookieBannerTitle: ()=>external_components_cjs_namespaceObject.CookieBannerTitle,
+    CustomizeButton: ()=>external_components_cjs_namespaceObject.CustomizeButton,
+    CookieBannerRoot: ()=>root_cjs_namespaceObject.CookieBannerRoot,
     Title: ()=>external_components_cjs_namespaceObject.Title,
-    CookieBannerAcceptButton: ()=>external_components_cjs_namespaceObject.CookieBannerAcceptButton,
+    CookieBannerCustomizeButton: ()=>external_components_cjs_namespaceObject.CookieBannerCustomizeButton,
+    CookieBannerFooterSubGroup: ()=>external_components_cjs_namespaceObject.CookieBannerFooterSubGroup,
     CookieBannerOverlay: ()=>overlay_cjs_namespaceObject.CookieBannerOverlay,
-    Root: ()=>root_cjs_namespaceObject.Root,
-    Description: ()=>external_components_cjs_namespaceObject.Description,
+    CookieBannerRejectButton: ()=>external_components_cjs_namespaceObject.CookieBannerRejectButton,
+    Overlay: ()=>overlay_cjs_namespaceObject.Overlay,
+    RejectButton: ()=>external_components_cjs_namespaceObject.RejectButton,
+    CookieBannerDescription: ()=>external_components_cjs_namespaceObject.CookieBannerDescription,
     Card: ()=>external_components_cjs_namespaceObject.Card,
     AcceptButton: ()=>external_components_cjs_namespaceObject.AcceptButton,
+    Root: ()=>root_cjs_namespaceObject.Root,
+    CookieBannerAcceptButton: ()=>external_components_cjs_namespaceObject.CookieBannerAcceptButton,
     CookieBannerCard: ()=>external_components_cjs_namespaceObject.CookieBannerCard,
-    CookieBannerTitle: ()=>external_components_cjs_namespaceObject.CookieBannerTitle
+    Description: ()=>external_components_cjs_namespaceObject.Description,
+    CookieBannerFooter: ()=>external_components_cjs_namespaceObject.CookieBannerFooter
 });
 const overlay_cjs_namespaceObject = require("./atoms/overlay.cjs");
 const root_cjs_namespaceObject = require("./atoms/root.cjs");
 const external_components_cjs_namespaceObject = require("./components.cjs");
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+exports.AcceptButton = __webpack_exports__.AcceptButton;
+exports.Card = __webpack_exports__.Card;
+exports.CookieBannerAcceptButton = __webpack_exports__.CookieBannerAcceptButton;
+exports.CookieBannerCard = __webpack_exports__.CookieBannerCard;
+exports.CookieBannerCustomizeButton = __webpack_exports__.CookieBannerCustomizeButton;
+exports.CookieBannerDescription = __webpack_exports__.CookieBannerDescription;
+exports.CookieBannerFooter = __webpack_exports__.CookieBannerFooter;
+exports.CookieBannerFooterSubGroup = __webpack_exports__.CookieBannerFooterSubGroup;
+exports.CookieBannerHeader = __webpack_exports__.CookieBannerHeader;
+exports.CookieBannerOverlay = __webpack_exports__.CookieBannerOverlay;
+exports.CookieBannerRejectButton = __webpack_exports__.CookieBannerRejectButton;
+exports.CookieBannerRoot = __webpack_exports__.CookieBannerRoot;
+exports.CookieBannerTitle = __webpack_exports__.CookieBannerTitle;
+exports.CustomizeButton = __webpack_exports__.CustomizeButton;
+exports.Description = __webpack_exports__.Description;
+exports.Footer = __webpack_exports__.Footer;
+exports.FooterSubGroup = __webpack_exports__.FooterSubGroup;
+exports.Header = __webpack_exports__.Header;
+exports.Overlay = __webpack_exports__.Overlay;
+exports.RejectButton = __webpack_exports__.RejectButton;
+exports.Root = __webpack_exports__.Root;
+exports.Title = __webpack_exports__.Title;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "AcceptButton",
+    "Card",
+    "CookieBannerAcceptButton",
+    "CookieBannerCard",
+    "CookieBannerCustomizeButton",
+    "CookieBannerDescription",
+    "CookieBannerFooter",
+    "CookieBannerFooterSubGroup",
+    "CookieBannerHeader",
+    "CookieBannerOverlay",
+    "CookieBannerRejectButton",
+    "CookieBannerRoot",
+    "CookieBannerTitle",
+    "CustomizeButton",
+    "Description",
+    "Footer",
+    "FooterSubGroup",
+    "Header",
+    "Overlay",
+    "RejectButton",
+    "Root",
+    "Title"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });