@justeattakeaway/pie-toast 0.4.4 → 0.4.5

package/custom-elements.json

@@ -60,7 +60,7 @@
           "type": {
             "text": "DefaultProps"
           },
-          "default": "{\n    message: '',\n    isOpen: true,\n    variant: 'neutral',\n    isStrong: false,\n    isDismissible: true,\n    isMultiline: false,\n    duration: 5000,\n}"
+          "default": "{\n    message: '',\n    isOpen: true,\n    variant: 'neutral',\n    isStrong: false,\n    isDismissible: false,\n    isMultiline: false,\n    duration: 5000,\n}"
         }
       ],
       "exports": [

package/dist/index.js

@@ -14,7 +14,7 @@ const k = "*,*:after,*:before{box-sizing:inherit}.c-toast{--toast-border-radius:
   isOpen: !0,
   variant: "neutral",
   isStrong: !1,
-  isDismissible: !0,
+  isDismissible: !1,
   isMultiline: !1,
   duration: 5e3
 };
@@ -246,10 +246,9 @@ const g = class g extends O(C) {
     };
     return l`
             <div
+                role="${i === "error" ? "alert" : "status"}"
                 data-test-id="${o}"
-                class="${$(m)}"
-                aria-live="${i === "error" ? "assertive" : "polite"}"
-            >
+                class="${$(m)}">
                 <div class="${s}-contentArea">
                     <div class="${$(A)}">
                         ${this.variantHasIcon(i) ? this.getVariantIcon() : d}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-toast",
   "description": "PIE Design System Toast built using Web Components",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/defs.ts

@@ -84,7 +84,7 @@ export const defaultProps: DefaultProps = {
     isOpen: true,
     variant: 'neutral',
     isStrong: false,
-    isDismissible: true,
+    isDismissible: false,
     isMultiline: false,
     duration: 5000,
 };

package/src/index.ts

@@ -409,10 +409,9 @@ export class PieToast extends RtlMixin(LitElement) implements ToastProps {
 
         return html`
             <div
+                role="${variant === 'error' ? 'alert' : 'status'}"
                 data-test-id="${componentSelector}"
-                class="${classMap(componentWrapperClasses)}"
-                aria-live="${variant === 'error' ? 'assertive' : 'polite'}"
-            >
+                class="${classMap(componentWrapperClasses)}">
                 <div class="${componentClass}-contentArea">
                     <div class="${classMap(messageAreaClasses)}">
                         ${this.variantHasIcon(variant) ? this.getVariantIcon() : nothing}