@c15t/react 0.0.1-rc.5 → 0.0.1-rc.7

package/dist/{consent-manager-dialog → components/consent-manager-dialog}/consent-manager-dialog.cjs

@@ -1,6 +1,19 @@
 'use client';
 "use strict";
 var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = function(exports1, definition) {
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -33,13 +46,12 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_namespaceObject = require("motion/react");
 const external_react_namespaceObject = require("react");
 const external_react_dom_namespaceObject = require("react-dom");
-const index_cjs_namespaceObject = require("../common/index.cjs");
-const theme_cjs_namespaceObject = require("../common/utils/theme.cjs");
-const external_theme_index_cjs_namespaceObject = require("../theme/index.cjs");
+const theme_context_cjs_namespaceObject = require("../../context/theme-context.cjs");
+const use_consent_manager_cjs_namespaceObject = require("../../hooks/use-consent-manager.cjs");
 const dialog_card_cjs_namespaceObject = require("./atoms/dialog-card.cjs");
 const overlay_cjs_namespaceObject = require("./atoms/overlay.cjs");
-require("./consent-manager-dialog.css");
-require("../ui/components/card.css");
+const external_consent_manager_dialog_module_cjs_namespaceObject = require("./consent-manager-dialog.module.cjs");
+var external_consent_manager_dialog_module_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_consent_manager_dialog_module_cjs_namespaceObject);
 const dialogVariants = {
     hidden: {
         opacity: 0
@@ -74,7 +86,7 @@ const contentVariants = {
     }
 };
 const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false })=>{
-    const consentManager = (0, index_cjs_namespaceObject.useConsentManager)();
+    const consentManager = (0, use_consent_manager_cjs_namespaceObject.useConsentManager)();
     const [isMounted, setIsMounted] = (0, external_react_namespaceObject.useState)(false);
     const contentRef = (0, external_react_namespaceObject.useRef)(null);
     (0, external_react_namespaceObject.useEffect)(()=>{
@@ -86,9 +98,8 @@ const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false }
         noStyle,
         disableAnimation
     };
-    const mergedContextValue = (0, theme_cjs_namespaceObject.createThemeContextValue)(consentManager, contextValue);
-    const dialogContentRoot = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_theme_index_cjs_namespaceObject.ThemeContext.Provider, {
-        value: mergedContextValue,
+    const dialogContentRoot = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider, {
+        value: contextValue,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
             mode: "wait",
             children: (open || consentManager.isPrivacyDialogOpen) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
@@ -97,7 +108,7 @@ const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false }
                         open: open
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.dialog, {
-                        className: "c15t-consent-manager-dialog-root",
+                        className: external_consent_manager_dialog_module_cjs_default().root,
                         variants: dialogVariants,
                         initial: "hidden",
                         animate: "visible",
@@ -106,7 +117,7 @@ const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false }
                         "aria-labelledby": "privacy-settings-title",
                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
                             ref: contentRef,
-                            className: "c15t-consent-manager-dialog-container",
+                            className: external_consent_manager_dialog_module_cjs_default().container,
                             variants: contentVariants,
                             initial: "hidden",
                             animate: "visible",

package/dist/{consent-manager-dialog → components/consent-manager-dialog}/consent-manager-dialog.d.ts

@@ -1,8 +1,6 @@
 import { type FC } from 'react';
-import { type ThemeContextValue } from '../theme';
+import { type ThemeContextValue } from '../../context/theme-context';
 import type { ConsentManagerDialogTheme } from './theme';
-import './consent-manager-dialog.css';
-import '../ui/components/card.css';
 /**
  * Props for the ConsentManagerDialog component
  *

package/dist/components/consent-manager-dialog/consent-manager-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent-manager-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/consent-manager-dialog/consent-manager-dialog.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,EAAE,EAA+B,MAAM,OAAO,CAAC;AAE7D,OAAO,EAEN,KAAK,iBAAiB,EACtB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAgCzD;;;;;;GAMG;AACH,MAAM,WAAW,yBAChB,SAAQ,iBAAiB,CAAC,yBAAyB,CAAC;IACpD,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA4D9D,CAAC"}

package/dist/{consent-manager-dialog → components/consent-manager-dialog}/consent-manager-dialog.js

@@ -3,13 +3,11 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/j
 import * as __WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__ from "motion/react";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__ from "react-dom";
-import * as __WEBPACK_EXTERNAL_MODULE__common_index_js_b6a017ad__ from "../common/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__common_utils_theme_js_ff803141__ from "../common/utils/theme.js";
-import * as __WEBPACK_EXTERNAL_MODULE__theme_index_js_46d040bc__ from "../theme/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__ from "../../context/theme-context.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_5d8ab60c__ from "../../hooks/use-consent-manager.js";
 import * as __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__ from "./atoms/dialog-card.js";
 import * as __WEBPACK_EXTERNAL_MODULE__atoms_overlay_js_ae5a4e71__ from "./atoms/overlay.js";
-import "./consent-manager-dialog.css";
-import "../ui/components/card.css";
+import * as __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_5dbc157e__ from "./consent-manager-dialog.module.js";
 const dialogVariants = {
     hidden: {
         opacity: 0
@@ -44,7 +42,7 @@ const contentVariants = {
     }
 };
 const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false })=>{
-    const consentManager = (0, __WEBPACK_EXTERNAL_MODULE__common_index_js_b6a017ad__.useConsentManager)();
+    const consentManager = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_5d8ab60c__.useConsentManager)();
     const [isMounted, setIsMounted] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
     const contentRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
@@ -56,9 +54,8 @@ const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false }
         noStyle,
         disableAnimation
     };
-    const mergedContextValue = (0, __WEBPACK_EXTERNAL_MODULE__common_utils_theme_js_ff803141__.createThemeContextValue)(consentManager, contextValue);
-    const dialogContentRoot = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__theme_index_js_46d040bc__.ThemeContext.Provider, {
-        value: mergedContextValue,
+    const dialogContentRoot = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.LocalThemeContext.Provider, {
+        value: contextValue,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.AnimatePresence, {
             mode: "wait",
             children: (open || consentManager.isPrivacyDialogOpen) && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
@@ -67,7 +64,7 @@ const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false }
                         open: open
                     }),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.dialog, {
-                        className: "c15t-consent-manager-dialog-root",
+                        className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_5dbc157e__["default"].root,
                         variants: dialogVariants,
                         initial: "hidden",
                         animate: "visible",
@@ -76,7 +73,7 @@ const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false }
                         "aria-labelledby": "privacy-settings-title",
                         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div, {
                             ref: contentRef,
-                            className: "c15t-consent-manager-dialog-container",
+                            className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_5dbc157e__["default"].container,
                             variants: contentVariants,
                             initial: "hidden",
                             animate: "visible",

package/dist/{common/utils/theme.cjs → components/consent-manager-dialog/consent-manager-dialog.module.cjs}

@@ -26,21 +26,23 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    createThemeContextValue: ()=>createThemeContextValue
+    default: ()=>consent_manager_dialog_module_rslib_entry_
 });
-function createThemeContextValue(consentManager, themeProps) {
-    const fn = ()=>({
-            ...consentManager,
-            ...themeProps
-        });
-    const result = Object.assign(fn, {
-        ...consentManager,
-        ...themeProps,
-        noStyle: themeProps.noStyle ?? consentManager.noStyle
-    });
-    if ('function' != typeof result || !('theme' in result)) throw new Error('Invalid theme context value');
-    return result;
-}
+require("./consent-manager-dialog_module.css");
+const consent_manager_dialog_module_rslib_entry_ = {
+    root: "c15t-root-QhMZC",
+    container: "c15t-container-bOKMN",
+    branding: "c15t-branding-p1rXd",
+    headerWrapper: "c15t-headerWrapper-GSp8u",
+    closeButton: "c15t-closeButton-PxEni",
+    footer: "c15t-footer-oOtr_",
+    overlay: "c15t-overlay-jJ4Q1",
+    card: "c15t-card-d2uUf",
+    header: "c15t-header-qF2QY",
+    title: "c15t-title-B_498",
+    description: "c15t-description-Nct_b",
+    content: "c15t-content-_6tun"
+};
 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', {

package/dist/components/consent-manager-dialog/consent-manager-dialog.module.js

@@ -0,0 +1,16 @@
+import "./consent-manager-dialog_module.css";
+const consent_manager_dialog_module_rslib_entry_ = {
+    root: "c15t-root-QhMZC",
+    container: "c15t-container-bOKMN",
+    branding: "c15t-branding-p1rXd",
+    headerWrapper: "c15t-headerWrapper-GSp8u",
+    closeButton: "c15t-closeButton-PxEni",
+    footer: "c15t-footer-oOtr_",
+    overlay: "c15t-overlay-jJ4Q1",
+    card: "c15t-card-d2uUf",
+    header: "c15t-header-qF2QY",
+    title: "c15t-title-B_498",
+    description: "c15t-description-Nct_b",
+    content: "c15t-content-_6tun"
+};
+export { consent_manager_dialog_module_rslib_entry_ as default };

package/dist/components/consent-manager-dialog/consent-manager-dialog_module.css

@@ -0,0 +1,203 @@
+:root {
+  --dialog-font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  --dialog-line-height: 1.15;
+  --dialog-title-font-size: .875rem;
+  --dialog-title-font-weight: 600;
+  --dialog-title-letter-spacing: -.025em;
+  --dialog-description-font-size: 1rem;
+  --dialog-description-font-weight: 400;
+  --dialog-description-line-height: 1.15;
+  --dialog-footer-font-size: 14px;
+  --dialog-branding-font-size: 1rem;
+  --dialog-branding-font-weight: 500;
+  --dialog-branding-line-height: 1.5;
+  --dialog-branding-letter-spacing: -.01em;
+  --dialog-stroke-color: #ebebeb;
+  --dialog-stroke-color-dark: #333;
+  --dialog-branding-link-color: #47c2ff;
+  --dialog-branding-link-color-dark: #47c2ff;
+  --dialog-link-text-color: #171717;
+  --dialog-link-text-color-dark: #e6e6e6;
+  --dialog-border-color: #ebebeb;
+  --dialog-border-color-dark: #333;
+  --dialog-background-color: white;
+  --dialog-background-color-dark: #1a1a1a;
+  --dialog-foreground-color: #171717;
+  --dialog-foreground-color-dark: #e6e6e6;
+  --dialog-muted-color: #737373;
+  --dialog-muted-color-dark: #a3a3a3;
+  --dialog-overlay-background-color: #00000080;
+  --dialog-overlay-background-color-dark: #00000080;
+  --dialog-card-padding: 1.5rem;
+  --dialog-card-padding-mobile: 1rem;
+  --dialog-card-gap: .375rem;
+  --dialog-header-gap: .375rem;
+  --dialog-content-gap: 1rem;
+  --dialog-footer-padding-top: 1rem;
+  --dialog-card-radius: 1.25rem;
+  --dialog-max-width: 28rem;
+  --dialog-height: 80%;
+  --dialog-z-index: 1000000000;
+  --dialog-overlay-z-index: 1000000000;
+  --dialog-card-shadow: 0 1px 2px 0 #0000000d;
+  --dialog-border-width: 1px;
+  --dialog-border-style: solid;
+  --dialog-branding-gap: .5rem;
+  --dialog-branding-icon-height: 1.25rem;
+  --dialog-branding-icon-width: auto;
+}
+
+.c15t-root-QhMZC {
+  isolation: isolate;
+  font-family: var(--dialog-font-family);
+  line-height: var(--dialog-line-height);
+  -webkit-text-size-adjust: 100%;
+  tab-size: 4;
+  padding: var(--dialog-card-padding-mobile);
+  z-index: var(--dialog-z-index);
+  border-radius: var(--dialog-card-radius);
+  width: 100%;
+  height: var(--dialog-height);
+  background: none;
+  border: 0;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  display: flex;
+  position: fixed;
+  inset: 0;
+}
+
+@media (width >= 640px) {
+  .c15t-root-QhMZC {
+    padding: var(--dialog-card-padding);
+    width: auto;
+  }
+}
+
+.c15t-container-bOKMN {
+  width: 100%;
+  max-width: var(--dialog-max-width);
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.c15t-branding-p1rXd {
+  justify-content: center;
+  align-items: center;
+  gap: var(--dialog-branding-gap);
+  font-size: var(--dialog-branding-font-size);
+  font-weight: var(--dialog-branding-font-weight);
+  line-height: var(--dialog-branding-line-height);
+  letter-spacing: var(--dialog-branding-letter-spacing);
+  color: var(--dialog-foreground-color);
+  flex-direction: row;
+  flex: 1;
+  text-decoration: none;
+  display: flex;
+}
+
+.dark .c15t-branding-p1rXd {
+  color: var(--dialog-foreground-color-dark);
+}
+
+.c15t-branding-p1rXd svg {
+  width: var(--dialog-branding-icon-width);
+  height: var(--dialog-branding-icon-height);
+}
+
+.c15t-headerWrapper-GSp8u {
+  position: relative;
+}
+
+.c15t-closeButton-PxEni {
+  position: absolute;
+  top: 22px;
+  right: 22px;
+}
+
+.c15t-footer-oOtr_ {
+  border-top: solid 1px var(--dialog-stroke-color);
+  justify-content: center;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  font-size: 14px;
+}
+
+.c15t-overlay-jJ4Q1 {
+  color: var(--dialog-link-text-color);
+  background-color: var(--dialog-overlay-background-color);
+  z-index: var(--dialog-overlay-z-index);
+  position: fixed;
+  inset: 0;
+}
+
+.dark .c15t-overlay-jJ4Q1 {
+  background-color: var(--dialog-overlay-background-color-dark);
+  color: var(--dialog-link-text-color-dark);
+}
+
+.c15t-card-d2uUf {
+  border-radius: var(--dialog-card-radius);
+  border: var(--dialog-border-width) var(--dialog-border-style) var(--dialog-border-color);
+  background-color: var(--dialog-background-color);
+  color: var(--dialog-foreground-color);
+  box-shadow: var(--dialog-card-shadow);
+  overflow: hidden;
+}
+
+.dark .c15t-card-d2uUf {
+  background-color: var(--dialog-background-color-dark);
+  color: var(--dialog-foreground-color-dark);
+  border-color: var(--dialog-border-color-dark);
+}
+
+.c15t-header-qF2QY {
+  padding: var(--dialog-card-padding);
+  gap: var(--dialog-header-gap);
+  flex-direction: column;
+  display: flex;
+}
+
+.c15t-header-qF2QY > * + * {
+  margin-top: var(--dialog-card-gap);
+}
+
+.c15t-title-B_498 {
+  font-weight: var(--dialog-title-font-weight);
+  font-size: var(--dialog-title-font-size);
+  letter-spacing: var(--dialog-title-letter-spacing);
+  line-height: 1;
+}
+
+.c15t-description-Nct_b {
+  color: var(--dialog-muted-color);
+  font-size: var(--dialog-description-font-size);
+  font-weight: var(--dialog-description-font-weight);
+  line-height: var(--dialog-description-line-height);
+}
+
+.dark .c15t-description-Nct_b {
+  color: var(--dialog-muted-color-dark);
+}
+
+.c15t-content-_6tun {
+  padding: var(--dialog-card-padding);
+  gap: var(--dialog-content-gap);
+  padding-top: 0;
+}
+
+.c15t-footer-oOtr_ {
+  font-size: var(--dialog-footer-font-size);
+  padding: var(--dialog-card-padding);
+  padding-top: var(--dialog-footer-padding-top);
+  border-top: var(--dialog-border-width) var(--dialog-border-style) var(--dialog-stroke-color);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.dark .c15t-footer-oOtr_ {
+  border-color: var(--dialog-stroke-color-dark);
+}
+

package/dist/components/consent-manager-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/consent-manager-dialog/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACN,IAAI,EACJ,MAAM,EACN,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,wBAAwB,EACxB,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,uBAAuB,EACvB,aAAa,GACb,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,OAAO,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AAEvE,YAAY,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/consent-manager-dialog/theme.d.ts

@@ -0,0 +1,19 @@
+import type { ThemeValue } from '../../types/theme';
+import type { ConsentManagerWidgetTheme } from '../consent-manager-widget/theme';
+/**
+ * Configuration object for styling different parts of the ConsentManagerWidget component.
+ * @public
+ */
+export type ConsentManagerDialogTheme = Partial<{
+    /** @remarks Styles for the root container element */
+    dialog: ThemeValue;
+    /** @remarks Styles for the root container element */
+    'dialog.root': ThemeValue;
+    'dialog.header': ThemeValue;
+    'dialog.title': ThemeValue;
+    'dialog.description': ThemeValue;
+    'dialog.content': ThemeValue;
+    'dialog.footer': ThemeValue;
+    'dialog.overlay': ThemeValue;
+} & ConsentManagerWidgetTheme>;
+//# sourceMappingURL=theme.d.ts.map

package/dist/components/consent-manager-dialog/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/consent-manager-dialog/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAEjF;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC9C;IACC,qDAAqD;IACrD,MAAM,EAAE,UAAU,CAAC;IACnB,qDAAqD;IACrD,aAAa,EAAE,UAAU,CAAC;IAC1B,eAAe,EAAE,UAAU,CAAC;IAC5B,cAAc,EAAE,UAAU,CAAC;IAC3B,oBAAoB,EAAE,UAAU,CAAC;IACjC,gBAAgB,EAAE,UAAU,CAAC;IAC7B,eAAe,EAAE,UAAU,CAAC;IAC5B,gBAAgB,EAAE,UAAU,CAAC;CAC7B,GAAG,yBAAyB,CAC7B,CAAC"}

package/dist/{consent-manager-widget → components/consent-manager-widget}/__tests__/styles.spec.cjs

@@ -29,63 +29,63 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_vitest_namespaceObject = require("vitest");
-const external_index_cjs_namespaceObject = require("../../index.cjs");
+const external_consent_manager_widget_cjs_namespaceObject = require("../consent-manager-widget.cjs");
 const external_utils_cjs_namespaceObject = require("./utils.cjs");
 var external_utils_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_utils_cjs_namespaceObject);
 const ALL_COMPONENTS = [
     {
         testId: 'consent-manager-widget-root',
-        themeKey: 'consent-manager-widget.root',
+        themeKey: 'widget.root',
         styles: 'custom-root'
     },
     {
         testId: 'consent-manager-widget-footer',
-        themeKey: 'consent-manager-widget.footer',
+        themeKey: 'widget.footer',
         styles: 'custom-footer'
     },
     {
         testId: 'consent-manager-widget-footer-sub-group',
-        themeKey: 'consent-manager-widget.footer.sub-group',
+        themeKey: 'widget.footer.sub-group',
         styles: 'custom-footer-sub-group'
     },
     {
         testId: 'consent-manager-widget-reject-button',
-        themeKey: 'consent-manager-widget.footer.reject-button',
+        themeKey: 'widget.footer.reject-button',
         styles: 'custom-reject-button'
     },
     {
         testId: 'consent-manager-widget-footer-accept-button',
-        themeKey: 'consent-manager-widget.footer.accept-button',
+        themeKey: 'widget.footer.accept-button',
         styles: 'custom-accept-button'
     },
     {
         testId: 'consent-manager-widget-footer-save-button',
-        themeKey: 'consent-manager-widget.footer.save-button',
+        themeKey: 'widget.footer.save-button',
         styles: 'custom-save-button'
     },
     {
         testId: 'consent-manager-widget-accordion-trigger-marketing',
-        themeKey: 'consent-manager-widget.accordion.trigger',
+        themeKey: 'widget.accordion.trigger',
         styles: 'custom-accordion-trigger'
     },
     {
         testId: 'consent-manager-widget-accordion-trigger-inner-marketing',
-        themeKey: 'consent-manager-widget.accordion.trigger-inner',
+        themeKey: 'widget.accordion.trigger-inner',
         styles: 'custom-accordion-trigger-inner'
     },
     {
         testId: 'consent-manager-widget-accordion-content-marketing',
-        themeKey: 'consent-manager-widget.accordion.content',
+        themeKey: 'widget.accordion.content',
         styles: 'custom-accordion-content'
     },
     {
         testId: 'consent-manager-widget-switch-marketing',
-        themeKey: 'consent-manager-widget.switch',
+        themeKey: 'widget.switch',
         styles: 'custom-switch'
     }
 ];
 (0, external_vitest_namespaceObject.test)('Theme prop applies string classnames to all components', async ()=>{
-    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ConsentManagerWidget, {
+    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget, {
         theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
             acc[themeKey] = styles;
             return acc;
@@ -111,7 +111,7 @@ const ALL_COMPONENTS = [
             className: styles,
             style
         }));
-    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ConsentManagerWidget, {
+    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget, {
         theme: testCases.reduce((acc, { themeKey, className, style })=>{
             acc[themeKey] = {
                 className,
@@ -132,7 +132,7 @@ const ALL_COMPONENTS = [
     });
 });
 (0, external_vitest_namespaceObject.test)('No style prop removes default styles but keeps custom classNames', async ()=>{
-    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ConsentManagerWidget, {
+    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget, {
         noStyle: true,
         theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
             acc[themeKey] = styles;
@@ -150,16 +150,16 @@ const ALL_COMPONENTS = [
 });
 (0, external_vitest_namespaceObject.test)('Theme prop handles mixed format (string and object) correctly', async ()=>{
     const mixedTheme = {
-        'consent-manager-widget.root': {
+        'widget.root': {
             className: 'custom-root',
             style: {
                 backgroundColor: 'rgb(255, 255, 255)',
                 padding: '16px'
             }
         },
-        'consent-manager-widget.accordion.trigger': 'custom-accordion-trigger'
+        'widget.accordion.trigger': 'custom-accordion-trigger'
     };
-    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ConsentManagerWidget, {
+    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget, {
         theme: mixedTheme
     });
     await external_utils_cjs_default()({
@@ -184,9 +184,9 @@ const ALL_COMPONENTS = [
 });
 (0, external_vitest_namespaceObject.test)('Theme prop handles edge cases gracefully', async ()=>{
     const edgeCaseTheme = {
-        'consent-manager-widget.root': '',
-        'consent-manager-widget.accordion': '',
-        'consent-manager-widget.footer': {
+        'widget.root': '',
+        'widget.accordion': '',
+        'widget.footer': {
             className: '',
             style: {
                 margin: '0',
@@ -194,7 +194,7 @@ const ALL_COMPONENTS = [
             }
         }
     };
-    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.ConsentManagerWidget, {
+    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget, {
         theme: edgeCaseTheme
     });
     await external_utils_cjs_default()({

package/dist/components/consent-manager-widget/__tests__/styles.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.spec.d.ts","sourceRoot":"","sources":["../../../../src/components/consent-manager-widget/__tests__/styles.spec.tsx"],"names":[],"mappings":""}