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

package/dist/components/consent-manager-widget/consent-manager-widget_module.css

@@ -0,0 +1,337 @@
+:root {
+  --widget-background-color: #fff;
+  --widget-background-color-dark: #1a1a1a;
+  --widget-border-color: #ebebeb;
+  --widget-border-color-dark: #333;
+  --widget-text-color: #171717;
+  --widget-text-color-dark: #e6e6e6;
+  --widget-text-muted-color: #5c5c5c;
+  --widget-text-muted-color-dark: #999;
+  --widget-footer-background-color: transparent;
+  --widget-footer-background-color-dark: transparent;
+  --widget-link-text-color: #171717;
+  --widget-link-text-color-dark: #e6e6e6;
+  --widget-branding-link-color: #47c2ff;
+  --widget-padding: 0;
+  --widget-radius: 0;
+  --widget-gap: .375rem;
+  --widget-border-width: 0;
+  --widget-max-width: 32rem;
+  --widget-z-index: 50;
+  --widget-footer-padding: 1.5rem 0 0 0;
+  --widget-title-size: .875rem;
+  --widget-title-line-height: 1.25;
+  --widget-title-tracking: -.006em;
+  --widget-title-weight: 600;
+  --widget-entry-animation: c15t-enter-rkppV .15s ease-out;
+  --widget-exit-animation: c15t-exit-pldK8 .15s ease-out;
+  --widget-accordion-padding: .875rem;
+  --widget-accordion-radius: .625rem;
+  --widget-accordion-duration: .2s;
+  --widget-accordion-ease: cubic-bezier(.4, 0, .2, 1);
+  --widget-accordion-icon-size: 1.25rem;
+  --widget-accordion-background-color: #fff;
+  --widget-accordion-background-color-dark: #171717;
+  --widget-accordion-background-hover: #f7f7f7;
+  --widget-accordion-background-hover-dark: #1c1c1c;
+  --widget-accordion-border-color: #ebebeb;
+  --widget-accordion-border-color-dark: #333;
+  --widget-accordion-text-color: #171717;
+  --widget-accordion-text-color-dark: #e6e6e6;
+  --widget-accordion-icon-color: #5c5c5c;
+  --widget-accordion-icon-color-dark: #999;
+  --widget-accordion-arrow-color: #a3a3a3;
+  --widget-accordion-arrow-color-dark: #ccc;
+  --widget-accordion-content-color: #5c5c5c;
+  --widget-accordion-content-color-dark: #999;
+  --widget-accordion-focus-ring: #476cff;
+  --widget-accordion-focus-ring-dark: #99aeff;
+}
+
+.c15t-widget-mZfPK {
+  isolation: isolate;
+  -webkit-text-size-adjust: 100%;
+  tab-size: 4;
+  font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
+  line-height: 1.15;
+}
+
+.c15t-widget-mZfPK > :not([hidden]) ~ :not([hidden]) {
+  --space-y-reverse: 0;
+  margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(1.5rem * var(--space-y-reverse));
+}
+
+.c15t-card-cpA5_ {
+  width: 100%;
+  max-width: var(--widget-max-width);
+  border-radius: var(--widget-radius);
+  border: var(--widget-border-width) solid var(--widget-border-color);
+  background-color: var(--widget-background-color);
+  position: relative;
+}
+
+.dark .c15t-card-cpA5_ {
+  background-color: var(--widget-background-color-dark);
+  border-color: var(--widget-border-color-dark);
+}
+
+.c15t-card-cpA5_[data-state="open"] {
+  animation: var(--widget-entry-animation);
+}
+
+.c15t-card-cpA5_[data-state="closed"] {
+  animation: var(--widget-exit-animation);
+}
+
+.c15t-header-ubIEO {
+  gap: var(--widget-gap);
+  padding: var(--widget-padding);
+  flex-direction: column;
+  display: flex;
+}
+
+.c15t-title-LLWlk {
+  font-size: var(--widget-title-size);
+  line-height: var(--widget-title-line-height);
+  letter-spacing: var(--widget-title-tracking);
+  font-weight: var(--widget-title-weight);
+  color: var(--widget-text-color);
+}
+
+.dark .c15t-title-LLWlk {
+  color: var(--widget-text-color-dark);
+}
+
+.c15t-description-AdjjX {
+  color: var(--widget-text-muted-color);
+}
+
+.dark .c15t-description-AdjjX {
+  color: var(--widget-text-muted-color-dark);
+}
+
+.c15t-content-JJu4V {
+  padding: 0 var(--widget-padding);
+  padding-bottom: var(--widget-padding);
+}
+
+.c15t-footer-ySewJ {
+  padding: var(--widget-footer-padding);
+  background-color: var(--widget-footer-background-color);
+  justify-content: space-between;
+  gap: 1rem;
+  display: flex;
+}
+
+.dark .c15t-footer-ySewJ {
+  background-color: var(--widget-footer-background-color-dark);
+}
+
+@media (width <= 640px) {
+  .c15t-footer-ySewJ {
+    flex-direction: column;
+  }
+}
+
+@media (width >= 640px) {
+  .c15t-footer-ySewJ {
+    flex-direction: row;
+  }
+}
+
+.c15t-footerGroup-PNx3e {
+  flex-direction: row;
+  justify-content: space-between;
+  gap: 1rem;
+  display: flex;
+}
+
+@media (width <= 640px) {
+  .c15t-footerGroup-PNx3e, .c15t-footerGroup-PNx3e button {
+    width: 100%;
+  }
+}
+
+.c15t-branding-ayjMW {
+  border-top: var(--widget-border-width) solid var(--widget-border-color);
+  justify-content: center;
+  width: 100%;
+  padding-top: 1rem;
+  display: flex;
+}
+
+.dark .c15t-branding-ayjMW {
+  border-color: var(--widget-border-color-dark);
+}
+
+.c15t-brandingLink-mwCeb {
+  color: var(--widget-link-text-color);
+  text-align: center;
+  flex-direction: row;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  gap: .5rem;
+  text-decoration: none;
+  display: flex;
+}
+
+.dark .c15t-brandingLink-mwCeb {
+  color: var(--widget-link-text-color-dark);
+}
+
+.c15t-brandingLink-mwCeb svg {
+  height: 1.2rem;
+}
+
+@keyframes c15t-enter-rkppV {
+  from {
+    opacity: 0;
+    transform: scale(.95);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes c15t-exit-pldK8 {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(.95);
+  }
+}
+
+.c15t-bottomLeft-ZpTtt {
+  bottom: 0;
+  left: 0;
+}
+
+.c15t-bottomRight-StkOw {
+  bottom: 0;
+  right: 0;
+}
+
+.c15t-topLeft-_G3uz {
+  top: 0;
+  left: 0;
+}
+
+.c15t-topRight-By5Hm {
+  top: 0;
+  right: 0;
+}
+
+.c15t-accordionItem-fU3xo {
+  border-radius: var(--widget-accordion-radius);
+  border: 1px solid var(--widget-accordion-border-color);
+  background-color: var(--widget-accordion-background-color);
+  overflow: hidden;
+}
+
+.dark .c15t-accordionItem-fU3xo {
+  border-color: var(--widget-accordion-border-color-dark);
+  background-color: var(--widget-accordion-background-color-dark);
+}
+
+.c15t-accordionTrigger-SWny4 {
+  width: 100%;
+  color: var(--widget-accordion-text-color);
+  transition: background-color var(--widget-accordion-duration) var(--widget-accordion-ease);
+  background-color: #0000;
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+}
+
+.c15t-accordionTrigger-SWny4:hover {
+  background-color: var(--widget-accordion-background-hover);
+}
+
+.dark .c15t-accordionTrigger-SWny4 {
+  color: var(--widget-accordion-text-color-dark);
+}
+
+.dark .c15t-accordionTrigger-SWny4:hover {
+  background-color: var(--widget-accordion-background-hover-dark);
+}
+
+.c15t-accordionTriggerInner-bepZm {
+  align-items: center;
+  gap: var(--widget-gap);
+  font-size: var(--widget-title-size);
+  font-weight: var(--widget-title-weight);
+  display: flex;
+}
+
+.c15t-accordionContent-qm_yt {
+  padding: var(--widget-accordion-padding);
+  color: var(--widget-accordion-content-color);
+  font-size: .875rem;
+  line-height: 1.5;
+}
+
+.dark .c15t-accordionContent-qm_yt {
+  color: var(--widget-accordion-content-color-dark);
+}
+
+.c15t-accordionArrow-t0PT0 {
+  color: var(--widget-accordion-arrow-color);
+  width: var(--widget-accordion-icon-size);
+  height: var(--widget-accordion-icon-size);
+  transition: transform var(--widget-accordion-duration) var(--widget-accordion-ease);
+}
+
+.dark .c15t-accordionArrow-t0PT0 {
+  color: var(--widget-accordion-arrow-color-dark);
+}
+
+.c15t-accordionItem-fU3xo[data-state="open"] .c15t-accordionArrow-t0PT0 {
+  transform: rotate(180deg);
+}
+
+.c15t-switch-cBZCr {
+  cursor: pointer;
+  background-color: var(--widget-accordion-background-hover);
+  width: 2rem;
+  height: 1.25rem;
+  transition: background-color var(--widget-accordion-duration) var(--widget-accordion-ease);
+  border-radius: 9999px;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.dark .c15t-switch-cBZCr {
+  background-color: var(--widget-accordion-background-hover-dark);
+}
+
+.c15t-switch-cBZCr[data-state="checked"] {
+  background-color: var(--widget-accordion-focus-ring);
+}
+
+.dark .c15t-switch-cBZCr[data-state="checked"] {
+  background-color: var(--widget-accordion-focus-ring-dark);
+}
+
+.c15t-switchThumb-arKEJ {
+  width: .75rem;
+  height: .75rem;
+  transition: transform var(--widget-accordion-duration) var(--widget-accordion-ease);
+  background-color: #fff;
+  border-radius: 9999px;
+  display: block;
+  transform: translateX(-.375rem);
+}
+
+.c15t-switch-cBZCr[data-state="checked"] .c15t-switchThumb-arKEJ {
+  transform: translateX(.375rem);
+}
+

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/consent-manager-widget/index.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,EACN,oCAAoC,EACpC,yCAAyC,EACzC,oCAAoC,EACpC,kCAAkC,EAClC,6BAA6B,EAC7B,0BAA0B,EAC1B,kCAAkC,EAClC,iCAAiC,EACjC,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,MAAM,EACN,cAAc,EACd,aAAa,GACb,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACN,IAAI,EACJ,wBAAwB,GACxB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACN,eAAe,EACf,eAAe,EACf,UAAU,EACV,YAAY,EACZ,mCAAmC,EACnC,mCAAmC,EACnC,8BAA8B,EAC9B,gCAAgC,GAChC,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACN,0BAA0B,EAC1B,kCAAkC,EAClC,MAAM,EACN,cAAc,GACd,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,50 @@
+import type { ThemeValue } from '../../types/theme';
+import type { AccordionCSSVariables, AccordionContentCSSVariables, AccordionIconCSSVariables, AccordionItemCSSVariables, AccordionTriggerCSSVariables } from '../shared/ui/accordion';
+import type { SwitchCSSVariables, SwitchThumbCSSVariables, SwitchTrackCSSVariables } from '../shared/ui/switch';
+/**
+ * Configuration object for styling different parts of the ConsentManagerWidget component.
+ * @public
+ */
+export type ConsentManagerWidgetTheme = Partial<{
+    /** @remarks Styles for the root container element */
+    'widget.root': ThemeValue;
+    /** @remarks Styles for the branding element */
+    'widget.branding': ThemeValue;
+    /** @remarks Styles for the footer element */
+    'widget.footer': ThemeValue;
+    /** @remarks Styles for the footer sub-group element */
+    'widget.footer.sub-group': ThemeValue;
+    /** @remarks Styles for the footer reject button element */
+    'widget.footer.reject-button': ThemeValue;
+    /** @remarks Styles for the footer accept button element */
+    'widget.footer.accept-button': ThemeValue;
+    /** @remarks Styles for the footer customize button element */
+    'widget.footer.customize-button': ThemeValue;
+    /** @remarks Styles for the footer save button element */
+    'widget.footer.save-button': ThemeValue;
+    /** @remarks Styles for the accordion element */
+    'widget.accordion': ThemeValue<AccordionCSSVariables>;
+    /** @remarks Styles for the accordion trigger element */
+    'widget.accordion.trigger': ThemeValue<AccordionTriggerCSSVariables>;
+    /** @remarks Styles for the accordion trigger inner element */
+    'widget.accordion.trigger-inner': ThemeValue<AccordionTriggerCSSVariables>;
+    /** @remarks Styles for the accordion item element */
+    'widget.accordion.item': ThemeValue<AccordionItemCSSVariables>;
+    /** @remarks Styles for the accordion icon element */
+    'widget.accordion.icon': ThemeValue<AccordionIconCSSVariables>;
+    /** @remarks Styles for the accordion arrow open element */
+    'widget.accordion.arrow.open': ThemeValue<AccordionIconCSSVariables>;
+    /** @remarks Styles for the accordion arrow close element */
+    'widget.accordion.arrow.close': ThemeValue<AccordionIconCSSVariables>;
+    /** @remarks Styles for the accordion content element */
+    'widget.accordion.content': ThemeValue<AccordionContentCSSVariables>;
+    /** @remarks Styles for the accordion content inner element */
+    'widget.accordion.content-inner': ThemeValue<AccordionContentCSSVariables>;
+    /** @remarks Styles for the switch element */
+    'widget.switch': ThemeValue<SwitchCSSVariables>;
+    /** @remarks Styles for the switch track element */
+    'widget.switch.track': ThemeValue<SwitchTrackCSSVariables>;
+    /** @remarks Styles for the switch thumb element */
+    'widget.switch.thumb': ThemeValue<SwitchThumbCSSVariables>;
+}>;
+//# sourceMappingURL=theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/consent-manager-widget/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EACX,qBAAqB,EACrB,4BAA4B,EAC5B,yBAAyB,EACzB,yBAAyB,EACzB,4BAA4B,EAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EACX,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,MAAM,qBAAqB,CAAC;AAE7B;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC;IAC/C,qDAAqD;IACrD,aAAa,EAAE,UAAU,CAAC;IAC1B,+CAA+C;IAC/C,iBAAiB,EAAE,UAAU,CAAC;IAC9B,6CAA6C;IAC7C,eAAe,EAAE,UAAU,CAAC;IAC5B,uDAAuD;IACvD,yBAAyB,EAAE,UAAU,CAAC;IACtC,2DAA2D;IAC3D,6BAA6B,EAAE,UAAU,CAAC;IAC1C,2DAA2D;IAC3D,6BAA6B,EAAE,UAAU,CAAC;IAC1C,8DAA8D;IAC9D,gCAAgC,EAAE,UAAU,CAAC;IAC7C,yDAAyD;IACzD,2BAA2B,EAAE,UAAU,CAAC;IACxC,gDAAgD;IAChD,kBAAkB,EAAE,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACtD,wDAAwD;IACxD,0BAA0B,EAAE,UAAU,CAAC,4BAA4B,CAAC,CAAC;IACrE,8DAA8D;IAC9D,gCAAgC,EAAE,UAAU,CAAC,4BAA4B,CAAC,CAAC;IAC3E,qDAAqD;IACrD,uBAAuB,EAAE,UAAU,CAAC,yBAAyB,CAAC,CAAC;IAC/D,qDAAqD;IACrD,uBAAuB,EAAE,UAAU,CAAC,yBAAyB,CAAC,CAAC;IAC/D,2DAA2D;IAC3D,6BAA6B,EAAE,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACrE,4DAA4D;IAC5D,8BAA8B,EAAE,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACtE,wDAAwD;IACxD,0BAA0B,EAAE,UAAU,CAAC,4BAA4B,CAAC,CAAC;IACrE,8DAA8D;IAC9D,gCAAgC,EAAE,UAAU,CAAC,4BAA4B,CAAC,CAAC;IAC3E,6CAA6C;IAC7C,eAAe,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAChD,mDAAmD;IACnD,qBAAqB,EAAE,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC3D,mDAAmD;IACnD,qBAAqB,EAAE,UAAU,CAAC,uBAAuB,CAAC,CAAC;CAC3D,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { ThemeContextValue } from '../theme';
+import type { ThemeContextValue } from '../../context/theme-context';
 import type { ConsentManagerWidgetTheme } from './theme';
 export interface ConsentManagerWidgetRootProps extends ThemeContextValue<ConsentManagerWidgetTheme> {
     children: ReactNode;

package/dist/components/consent-manager-widget/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/consent-manager-widget/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,6BAChB,SAAQ,iBAAiB,CAAC,yBAAyB,CAAC;IACpD,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,yBAChB,SAAQ,IAAI,CAAC,6BAA6B,EAAE,UAAU,CAAC;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/{cookie-banner → components/cookie-banner}/__tests__/styles.spec.cjs

@@ -29,68 +29,68 @@ 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_cookie_banner_cjs_namespaceObject = require("../cookie-banner.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: 'cookie-banner-root',
-        themeKey: 'cookie-banner.root',
+        themeKey: 'banner.root',
         styles: 'custom-root'
     },
     {
         testId: 'cookie-banner-card',
-        themeKey: 'cookie-banner.card',
+        themeKey: 'banner.card',
         styles: 'custom-card'
     },
     {
         testId: 'cookie-banner-header',
-        themeKey: 'cookie-banner.header.root',
+        themeKey: 'banner.header.root',
         styles: 'custom-header'
     },
     {
         testId: 'cookie-banner-title',
-        themeKey: 'cookie-banner.header.title',
+        themeKey: 'banner.header.title',
         styles: 'custom-title'
     },
     {
         testId: "cookie-banner-description",
-        themeKey: "cookie-banner.header.description",
+        themeKey: "banner.header.description",
         styles: "custom-description"
     },
     {
         testId: 'cookie-banner-footer',
-        themeKey: 'cookie-banner.footer',
+        themeKey: 'banner.footer',
         styles: 'custom-footer'
     },
     {
         testId: 'cookie-banner-footer-sub-group',
-        themeKey: 'cookie-banner.footer.sub-group',
+        themeKey: 'banner.footer.sub-group',
         styles: 'custom-footer-sub-group'
     },
     {
         testId: 'cookie-banner-overlay',
-        themeKey: 'cookie-banner.overlay',
+        themeKey: 'banner.overlay',
         styles: 'custom-overlay'
     },
     {
         testId: 'cookie-banner-reject-button',
-        themeKey: 'cookie-banner.footer.reject-button',
+        themeKey: 'banner.footer.reject-button',
         styles: 'custom-reject-button'
     },
     {
         testId: 'cookie-banner-customize-button',
-        themeKey: 'cookie-banner.footer.customize-button',
+        themeKey: 'banner.footer.customize-button',
         styles: 'custom-customize-button'
     },
     {
         testId: 'cookie-banner-accept-button',
-        themeKey: 'cookie-banner.footer.accept-button',
+        themeKey: 'banner.footer.accept-button',
         styles: 'custom-accept-button'
     }
 ];
 (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.CookieBanner, {
+    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {
         theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
             acc[themeKey] = styles;
             return acc;
@@ -116,7 +116,7 @@ const ALL_COMPONENTS = [
             className: styles,
             style
         }));
-    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.CookieBanner, {
+    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {
         theme: testCases.reduce((acc, { themeKey, className, style })=>{
             acc[themeKey] = {
                 className,
@@ -137,7 +137,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.CookieBanner, {
+    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {
         noStyle: true,
         theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
             acc[themeKey] = styles;
@@ -155,16 +155,16 @@ const ALL_COMPONENTS = [
 });
 (0, external_vitest_namespaceObject.test)('Theme prop handles mixed format (string and object) correctly', async ()=>{
     const mixedTheme = {
-        'cookie-banner.root': {
+        'banner.root': {
             className: 'custom-root',
             style: {
                 backgroundColor: 'rgb(255, 255, 255)',
                 padding: '16px'
             }
         },
-        'cookie-banner.header.title': 'custom-title'
+        'banner.header.title': 'custom-title'
     };
-    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.CookieBanner, {
+    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {
         theme: mixedTheme
     });
     await external_utils_cjs_default()({
@@ -189,10 +189,12 @@ const ALL_COMPONENTS = [
 });
 (0, external_vitest_namespaceObject.test)('Theme prop handles edge cases gracefully', async ()=>{
     const edgeCaseTheme = {
-        'cookie-banner.root': '',
-        'cookie-banner.title': '',
-        "cookie-banner.description": '',
-        'cookie-banner.footer': {
+        'banner.root': '',
+        'banner.card': '',
+        'banner.header.root': '',
+        'banner.header.title': '',
+        "banner.header.description": '',
+        'banner.footer': {
             className: '',
             style: {
                 margin: '0',
@@ -200,7 +202,7 @@ const ALL_COMPONENTS = [
             }
         }
     };
-    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_cjs_namespaceObject.CookieBanner, {
+    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {
         theme: edgeCaseTheme
     });
     await external_utils_cjs_default()({

package/dist/components/cookie-banner/__tests__/styles.spec.d.ts.map

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