@justeattakeaway/pie-modal 1.0.2 → 1.1.0

package/dist/index.js

@@ -2,7 +2,7 @@ import { LitElement as F, unsafeCSS as T, nothing as p } from "lit";
 import { html as s, unsafeStatic as P } from "lit/static-html.js";
 import { property as d, query as K } from "lit/decorators.js";
 import { classMap as B } from "lit/directives/class-map.js";
-import { ifDefined as b } from "lit/directives/if-defined.js";
+import { ifDefined as v } from "lit/directives/if-defined.js";
 import "@justeattakeaway/pie-button";
 import "@justeattakeaway/pie-icon-button";
 import { RtlMixin as I, dispatchCustomEvent as h, requiredProperty as N, validPropertyValues as _, defineCustomElement as W } from "@justeattakeaway/pie-webc-core";
@@ -36,7 +36,7 @@ var O = typeof window < "u" && window.navigator && window.navigator.platform &&
   return D(o.target) || o.touches.length > 1 ? !0 : (o.preventDefault && o.preventDefault(), !1);
 }, j = function(e) {
   if (f === void 0) {
-    var o = !!e, t = window.innerWidth - document.documentElement.clientWidth;
+    var o = !1, t = window.innerWidth - document.documentElement.clientWidth;
     o && t > 0 && (f = document.body.style.paddingRight, document.body.style.paddingRight = t + "px");
   }
   u === void 0 && (u = document.body.style.overflow, document.body.style.overflow = "hidden");
@@ -63,7 +63,7 @@ var O = typeof window < "u" && window.navigator && window.navigator.platform &&
       i.targetTouches.length === 1 && (M = i.targetTouches[0].clientY);
     }, e.ontouchmove = function(i) {
       i.targetTouches.length === 1 && H(i, e);
-    }, k || (document.addEventListener("touchmove", y, x ? { passive: !1 } : void 0), k = !0)) : j(o);
+    }, k || (document.addEventListener("touchmove", y, x ? { passive: !1 } : void 0), k = !0)) : j();
   }
 }, U = function(e) {
   if (!e) {
@@ -91,7 +91,7 @@ var oe = Object.defineProperty, l = (a, e, o, t) => {
     (g = a[c]) && (i = g(e, o, i) || i);
   return i && oe(e, o, i), i;
 };
-const v = "pie-modal", C = class C extends I(F) {
+const b = "pie-modal", C = class C extends I(F) {
   constructor() {
     super(...arguments), this.headingLevel = r.headingLevel, this.hasBackButton = r.hasBackButton, this.hasStackedActions = r.hasStackedActions, this.isDismissible = r.isDismissible, this.isFooterPinned = r.isFooterPinned, this.isFullWidthBelowMid = r.isFullWidthBelowMid, this.isLoading = r.isLoading, this.isOpen = r.isOpen, this.position = r.position, this.size = r.size, this._backButtonClicked = !1, this._escKeyAbortController = null, this._preventModalKeyboardDismissal = (e) => {
       e.key === "Escape" && e.preventDefault();
@@ -237,7 +237,7 @@ const v = "pie-modal", C = class C extends I(F) {
     }}"
                 variant="ghost-secondary"
                 class="c-modal-backBtn"
-                aria-label="${b((e = this.aria) == null ? void 0 : e.back)}"
+                aria-label="${v((e = this.aria) == null ? void 0 : e.back)}"
                 data-test-id="modal-back-button">
                 ${this.isRTL ? s`<icon-chevron-right></icon-chevron-right>` : s`<icon-chevron-left></icon-chevron-left>`}
             </pie-icon-button>
@@ -257,7 +257,7 @@ const v = "pie-modal", C = class C extends I(F) {
     return o ? s`
             <pie-button
                 variant="${t}"
-                aria-label="${b(e)}"
+                aria-label="${v(e)}"
                 type="submit"
                 ?isFullWidth="${this.hasStackedActions}"
                 @click="${() => this._handleActionClick("leading")}"
@@ -282,7 +282,7 @@ const v = "pie-modal", C = class C extends I(F) {
     return !o || !((i = this.leadingAction) != null && i.text) ? p : s`
             <pie-button
                 variant="${t}"
-                aria-label="${b(e)}"
+                aria-label="${v(e)}"
                 type="reset"
                 ?isFullWidth="${this.hasStackedActions}"
                 @click="${() => this._handleActionClick("supporting")}"
@@ -367,7 +367,7 @@ const v = "pie-modal", C = class C extends I(F) {
             id="dialog"
             class="${B(E)}"
             aria-busy="${c ? "true" : "false"}"
-            aria-label="${b($)}"
+            aria-label="${v($)}"
             data-test-id="pie-modal">
             <header class="c-modal-header" data-test-id="modal-header">
                 ${this.renderBackButton()}
@@ -389,11 +389,11 @@ l([
 ], n.prototype, "aria");
 l([
   d({ type: String }),
-  N(v)
+  N(b)
 ], n.prototype, "heading");
 l([
   d({ type: String }),
-  _(v, G, r.headingLevel)
+  _(b, G, r.headingLevel)
 ], n.prototype, "headingLevel");
 l([
   d({ type: Boolean })
@@ -421,14 +421,14 @@ l([
 ], n.prototype, "leadingAction");
 l([
   d({ type: String }),
-  _(v, Q, r.position)
+  _(b, Q, r.position)
 ], n.prototype, "position");
 l([
   d({ type: String })
 ], n.prototype, "returnFocusAfterCloseSelector");
 l([
   d({ type: String }),
-  _(v, J, r.size)
+  _(b, J, r.size)
 ], n.prototype, "size");
 l([
   d({ type: Object })
@@ -436,7 +436,7 @@ l([
 l([
   K("dialog")
 ], n.prototype, "_dialog");
-W(v, n);
+W(b, n);
 export {
   L as ON_MODAL_BACK_EVENT,
   A as ON_MODAL_CLOSE_EVENT,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justeattakeaway/pie-modal",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "PIE design system modal built using web components",
   "type": "module",
   "main": "dist/index.js",
@@ -36,11 +36,11 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
-    "@justeat/pie-design-tokens": "6.5.0",
+    "@justeat/pie-design-tokens": "6.8.1",
     "@justeattakeaway/pie-button": "1.1.0",
     "@justeattakeaway/pie-components-config": "0.18.0",
-    "@justeattakeaway/pie-css": "0.13.1",
-    "@justeattakeaway/pie-text-input": "0.24.6",
+    "@justeattakeaway/pie-css": "0.14.0",
+    "@justeattakeaway/pie-text-input": "0.25.0",
     "@justeattakeaway/pie-wrapper-react": "0.14.2",
     "@types/body-scroll-lock": "3.1.2",
     "cem-plugin-module-file-extensions": "0.0.5"