@justeattakeaway/pie-modal 0.49.3 → 1.0.0

package/dist/index.d.ts

@@ -22,7 +22,7 @@ declare type ActionProps = {
     ariaLabel?: string;
 };
 
-export declare type AriaProps = {
+declare type AriaProps = {
     close?: string;
     back?: string;
     loading?: string;

package/dist/index.js

@@ -10,13 +10,13 @@ import "@justeattakeaway/pie-icons-webc/dist/IconClose.js";
 import "@justeattakeaway/pie-icons-webc/dist/IconChevronLeft.js";
 import "@justeattakeaway/pie-icons-webc/dist/IconChevronRight.js";
 import "@justeattakeaway/pie-spinner";
-function R(n) {
-  if (Array.isArray(n)) {
-    for (var e = 0, o = Array(n.length); e < n.length; e++)
-      o[e] = n[e];
+function R(a) {
+  if (Array.isArray(a)) {
+    for (var e = 0, o = Array(a.length); e < a.length; e++)
+      o[e] = a[e];
     return o;
   } else
-    return Array.from(n);
+    return Array.from(a);
 }
 var x = !1;
 if (typeof window < "u") {
@@ -86,9 +86,9 @@ const X = '*,*:after,*:before{box-sizing:inherit}dialog{position:absolute;left:0
   position: "center",
   size: "medium"
 };
-var oe = Object.defineProperty, l = (n, e, o, t) => {
-  for (var i = void 0, c = n.length - 1, g; c >= 0; c--)
-    (g = n[c]) && (i = g(e, o, i) || i);
+var oe = Object.defineProperty, l = (a, e, o, t) => {
+  for (var i = void 0, c = a.length - 1, g; c >= 0; c--)
+    (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) {
@@ -383,67 +383,67 @@ const v = "pie-modal", C = class C extends I(F) {
   }
 };
 C.styles = T(X);
-let a = C;
+let n = C;
 l([
   d({ type: Object })
-], a.prototype, "aria");
+], n.prototype, "aria");
 l([
   d({ type: String }),
   N(v)
-], a.prototype, "heading");
+], n.prototype, "heading");
 l([
-  d(),
+  d({ type: String }),
   _(v, G, r.headingLevel)
-], a.prototype, "headingLevel");
+], n.prototype, "headingLevel");
 l([
   d({ type: Boolean })
-], a.prototype, "hasBackButton");
+], n.prototype, "hasBackButton");
 l([
   d({ type: Boolean })
-], a.prototype, "hasStackedActions");
+], n.prototype, "hasStackedActions");
 l([
   d({ type: Boolean, reflect: !0 })
-], a.prototype, "isDismissible");
+], n.prototype, "isDismissible");
 l([
   d({ type: Boolean })
-], a.prototype, "isFooterPinned");
+], n.prototype, "isFooterPinned");
 l([
   d({ type: Boolean })
-], a.prototype, "isFullWidthBelowMid");
+], n.prototype, "isFullWidthBelowMid");
 l([
   d({ type: Boolean, reflect: !0 })
-], a.prototype, "isLoading");
+], n.prototype, "isLoading");
 l([
   d({ type: Boolean })
-], a.prototype, "isOpen");
+], n.prototype, "isOpen");
 l([
   d({ type: Object })
-], a.prototype, "leadingAction");
+], n.prototype, "leadingAction");
 l([
-  d(),
+  d({ type: String }),
   _(v, Q, r.position)
-], a.prototype, "position");
+], n.prototype, "position");
 l([
-  d()
-], a.prototype, "returnFocusAfterCloseSelector");
+  d({ type: String })
+], n.prototype, "returnFocusAfterCloseSelector");
 l([
-  d(),
+  d({ type: String }),
   _(v, J, r.size)
-], a.prototype, "size");
+], n.prototype, "size");
 l([
   d({ type: Object })
-], a.prototype, "supportingAction");
+], n.prototype, "supportingAction");
 l([
   K("dialog")
-], a.prototype, "_dialog");
-W(v, a);
+], n.prototype, "_dialog");
+W(v, n);
 export {
   L as ON_MODAL_BACK_EVENT,
   A as ON_MODAL_CLOSE_EVENT,
   Z as ON_MODAL_LEADING_ACTION_CLICK,
   w as ON_MODAL_OPEN_EVENT,
   ee as ON_MODAL_SUPPORTING_ACTION_CLICK,
-  a as PieModal,
+  n as PieModal,
   r as defaultProps,
   G as headingLevels,
   Q as positions,

package/dist/react.d.ts

@@ -23,7 +23,7 @@ declare type ActionProps = {
     ariaLabel?: string;
 };
 
-export declare type AriaProps = {
+declare type AriaProps = {
     close?: string;
     back?: string;
     loading?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justeattakeaway/pie-modal",
-  "version": "0.49.3",
+  "version": "1.0.0",
   "description": "PIE design system modal built using web components",
   "type": "module",
   "main": "dist/index.js",
@@ -13,7 +13,7 @@
     "**/*.d.ts"
   ],
   "pieMetadata": {
-    "componentStatus": "beta"
+    "componentStatus": "stable"
   },
   "scripts": {
     "build": "run -T vite build",
@@ -37,10 +37,10 @@
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
     "@justeat/pie-design-tokens": "6.5.0",
-    "@justeattakeaway/pie-button": "0.49.3",
+    "@justeattakeaway/pie-button": "1.0.0",
     "@justeattakeaway/pie-components-config": "0.18.0",
     "@justeattakeaway/pie-css": "0.13.1",
-    "@justeattakeaway/pie-text-input": "0.24.4",
+    "@justeattakeaway/pie-text-input": "0.24.5",
     "@justeattakeaway/pie-wrapper-react": "0.14.2",
     "@types/body-scroll-lock": "3.1.2",
     "cem-plugin-module-file-extensions": "0.0.5"
@@ -49,10 +49,10 @@
     "extends": "../../../package.json"
   },
   "dependencies": {
-    "@justeattakeaway/pie-button": "0.49.3",
-    "@justeattakeaway/pie-icon-button": "0.29.1",
+    "@justeattakeaway/pie-button": "1.0.0",
+    "@justeattakeaway/pie-icon-button": "1.0.0",
     "@justeattakeaway/pie-icons-webc": "1.1.0",
-    "@justeattakeaway/pie-spinner": "0.7.2",
+    "@justeattakeaway/pie-spinner": "1.0.0",
     "@justeattakeaway/pie-webc-core": "0.24.2",
     "body-scroll-lock": "3.1.5",
     "dialog-polyfill": "0.5.6"

package/src/defs.ts

@@ -6,7 +6,7 @@ export const headingLevels = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const;
 export const sizes = ['small', 'medium', 'large'] as const;
 export const positions = ['top', 'center'] as const;
 
-export type AriaProps = {
+type AriaProps = {
     close?: string;
     back?: string;
     loading?: string;

package/src/index.ts

@@ -61,7 +61,7 @@ export class PieModal extends RtlMixin(LitElement) implements ModalProps {
     @requiredProperty(componentSelector)
     public heading!: string;
 
-    @property()
+    @property({ type: String })
     @validPropertyValues(componentSelector, headingLevels, defaultProps.headingLevel)
     public headingLevel = defaultProps.headingLevel;
 
@@ -89,14 +89,14 @@ export class PieModal extends RtlMixin(LitElement) implements ModalProps {
     @property({ type: Object })
     public leadingAction: ModalProps['leadingAction'];
 
-    @property()
+    @property({ type: String })
     @validPropertyValues(componentSelector, positions, defaultProps.position)
     public position = defaultProps.position;
 
-    @property()
+    @property({ type: String })
     public returnFocusAfterCloseSelector: ModalProps['returnFocusAfterCloseSelector'];
 
-    @property()
+    @property({ type: String })
     @validPropertyValues(componentSelector, sizes, defaultProps.size)
     public size = defaultProps.size;