@justeattakeaway/pie-cookie-banner 0.22.0 → 0.23.0

package/dist/index.js

@@ -1,13 +1,13 @@
 import { unsafeCSS as B, LitElement as $, html as s, nothing as b } from "lit";
 import { state as m, property as f, queryAll as A } from "lit/decorators.js";
-import { repeat as C } from "lit/directives/repeat.js";
+import { repeat as T } from "lit/directives/repeat.js";
 import "@justeattakeaway/pie-button";
 import "@justeattakeaway/pie-divider";
 import "@justeattakeaway/pie-icon-button";
 import "@justeattakeaway/pie-link";
 import "@justeattakeaway/pie-modal";
 import "@justeattakeaway/pie-switch";
-import { defineCustomElement as T, dispatchCustomEvent as g } from "@justeattakeaway/pie-webc-core";
+import { defineCustomElement as C, dispatchCustomEvent as g } from "@justeattakeaway/pie-webc-core";
 const O = {
   title: "Cookies",
   description: "We use our own and third party cookies and other tech to enhance and personalise your user experience, optimize analytics, and show ads with third parties (read our <linkStatement>Statement</linkStatement>). Necessary cookies are always set. Click <linkNecessaryOnly>Necessary only</linkNecessaryOnly> to continue without accepting more. Click <linkManagePreferences>Manage preferences</linkManagePreferences> to share your preferences or <linkAcceptAll>Accept all</linkAcceptAll>.",
@@ -228,19 +228,13 @@ class c extends $ {
             <p class="c-cookieBanner-description" data-test-id="modal-description">
                 ${this._localiseRichText("preferencesManagement.description")}
             </p>
-            ${C(
+            ${T(
       R,
       ({ id: e }) => e,
       (e) => this.renderPreference(e)
     )}`;
   }
   render() {
-    const e = {
-      text: this._localiseText("preferencesManagement.cta.save.label"),
-      variant: "primary",
-      ariaLabel: this._localiseText("preferencesManagement.cta.save.label")
-      // TODO: Replace with the appropriate "ariaLabel" as soon as the spreadsheet is updated
-    };
     return s`
         <pie-modal
             .isOpen="${this._isModalOpen}"
@@ -248,7 +242,9 @@ class c extends $ {
             hasStackedActions
             isFullWidthBelowMid
             heading="${this._localiseText("preferencesManagement.title")}"
-            .leadingAction="${e}"
+            leadingActionText="${this._localiseText("preferencesManagement.cta.save.label")}"
+            leadingActionVariant="primary"
+            .aria=${{ leadingActionLabel: this._localiseText("preferencesManagement.cta.save.label") }}
             @pie-modal-leading-action-click="${this._handlePreferencesSaved}"
             @pie-modal-back="${this._displayCookieBanner}">
                 ${this.renderModalContent()}
@@ -313,7 +309,7 @@ d([
 d([
   A("pie-switch")
 ], c.prototype, "_preferencesNodes", 2);
-T(I, c);
+C(I, c);
 export {
   N as ON_COOKIE_BANNER_ACCEPT_ALL,
   E as ON_COOKIE_BANNER_MANAGE_PREFS,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-cookie-banner",
   "description": "PIE Design System Cookie Banner built using Web Components",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -43,12 +43,12 @@
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-button": "0.47.8",
+    "@justeattakeaway/pie-button": "0.48.0",
     "@justeattakeaway/pie-divider": "0.13.7",
     "@justeattakeaway/pie-icon-button": "0.28.9",
     "@justeattakeaway/pie-link": "0.17.7",
-    "@justeattakeaway/pie-modal": "0.43.4",
-    "@justeattakeaway/pie-switch": "0.29.10",
+    "@justeattakeaway/pie-modal": "0.44.0",
+    "@justeattakeaway/pie-switch": "0.29.11",
     "@justeattakeaway/pie-webc-core": "0.24.0"
   },
   "volta": {

package/src/index.ts

@@ -229,12 +229,6 @@ export class PieCookieBanner extends LitElement implements CookieBannerProps {
     }
 
     render () {
-        const modalActionProps = {
-            text: this._localiseText('preferencesManagement.cta.save.label'),
-            variant: 'primary',
-            ariaLabel: this._localiseText('preferencesManagement.cta.save.label'), // TODO: Replace with the appropriate "ariaLabel" as soon as the spreadsheet is updated
-        };
-
         return html`
         <pie-modal
             .isOpen="${this._isModalOpen}"
@@ -242,7 +236,9 @@ export class PieCookieBanner extends LitElement implements CookieBannerProps {
             hasStackedActions
             isFullWidthBelowMid
             heading="${this._localiseText('preferencesManagement.title')}"
-            .leadingAction="${modalActionProps}"
+            leadingActionText="${this._localiseText('preferencesManagement.cta.save.label')}"
+            leadingActionVariant="primary"
+            .aria=${{ leadingActionLabel: this._localiseText('preferencesManagement.cta.save.label') }}
             @pie-modal-leading-action-click="${this._handlePreferencesSaved}"
             @pie-modal-back="${this._displayCookieBanner}">
                 ${this.renderModalContent()}