@justeattakeaway/pie-toast 0.4.4 → 0.4.6

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.d.ts

@@ -209,7 +209,7 @@ export declare interface ToastProps {
      */
     message: string;
     /**
-     * It allows the message content being displayed as multiline limited to three rows.
+     * Allows the message content to be displayed as multiline, limited to three rows.
      */
     isMultiline?: boolean;
     /**
@@ -219,7 +219,7 @@ export declare interface ToastProps {
     /**
      * Sets the duration of the toast in milliseconds before it auto-dismisses.
      * If the value is null auto-dismiss is disabled
-     * If the value is not provided it auto-dismisses after 5 seconds (5000 milliseconds)
+     * If the value is not provided it auto-dismisses after 5 seconds
      */
     duration?: number | null;
 }

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/dist/react.d.ts

@@ -214,7 +214,7 @@ export declare interface ToastProps {
      */
     message: string;
     /**
-     * It allows the message content being displayed as multiline limited to three rows.
+     * Allows the message content to be displayed as multiline, limited to three rows.
      */
     isMultiline?: boolean;
     /**
@@ -224,7 +224,7 @@ export declare interface ToastProps {
     /**
      * Sets the duration of the toast in milliseconds before it auto-dismisses.
      * If the value is null auto-dismiss is disabled
-     * If the value is not provided it auto-dismisses after 5 seconds (5000 milliseconds)
+     * If the value is not provided it auto-dismisses after 5 seconds
      */
     duration?: number | null;
 }

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.6",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/defs.ts

@@ -37,7 +37,7 @@ export interface ToastProps {
    */
   message: string;
   /**
-   * It allows the message content being displayed as multiline limited to three rows.
+   * Allows the message content to be displayed as multiline, limited to three rows.
    */
   isMultiline?: boolean;
   /**
@@ -48,7 +48,7 @@ export interface ToastProps {
   /**
    * Sets the duration of the toast in milliseconds before it auto-dismisses.
    * If the value is null auto-dismiss is disabled
-   * If the value is not provided it auto-dismisses after 5 seconds (5000 milliseconds)
+   * If the value is not provided it auto-dismisses after 5 seconds
    */
   duration?: number | null;
 }
@@ -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}