@justeattakeaway/pie-toast 0.9.0 → 0.9.2

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: false,\n    isMultiline: false,\n    duration: 5000,\n}"
+          "default": "{\r\n    message: '',\r\n    isOpen: true,\r\n    variant: 'neutral',\r\n    isStrong: false,\r\n    isDismissible: false,\r\n    isMultiline: false,\r\n    duration: 5000,\r\n}"
         }
       ],
       "exports": [
@@ -226,7 +226,7 @@
               "kind": "method",
               "name": "abortAndCleanEventListeners",
               "privacy": "private",
-              "description": "If the _abortController is set, it aborts all event\nlisteners in this controller and the controller turns into null."
+              "description": "If the _abortController is set, it aborts all event\r\nlisteners in this controller and the controller turns into null."
             },
             {
               "kind": "method",
@@ -268,7 +268,7 @@
               "kind": "method",
               "name": "createAutoDismissEventListeners",
               "privacy": "private",
-              "description": "It creates all event listeners to handle the auto-dismiss capability\nas well the controller responsible to remove the events when needed."
+              "description": "It creates all event listeners to handle the auto-dismiss capability\r\nas well the controller responsible to remove the events when needed."
             },
             {
               "kind": "method",
@@ -300,7 +300,7 @@
               "kind": "method",
               "name": "renderFooter",
               "privacy": "private",
-              "description": "Template for the footer area.\nIt should display only when isMultiline is true as well if has action button.\nCalled within the main render function."
+              "description": "Template for the footer area.\r\nIt should display only when isMultiline is true as well if has action button.\r\nCalled within the main render function."
             },
             {
               "kind": "method",
@@ -311,7 +311,7 @@
                   "text": "TemplateResult"
                 }
               },
-              "description": "Template for the close button element. Called within the\nmain render function."
+              "description": "Template for the close button element. Called within the\r\nmain render function."
             },
             {
               "kind": "method",
@@ -331,13 +331,13 @@
                   "description": "The message to be displayed."
                 }
               ],
-              "description": "Template for the toast message. Called within the\nmain render function."
+              "description": "Template for the toast message. Called within the\r\nmain render function."
             },
             {
               "kind": "method",
               "name": "closeToastComponent",
               "privacy": "private",
-              "description": "Util method responsible to close the component.\nIt handles the action when user clicks in the close button and triggers an event when is executed."
+              "description": "Util method responsible to close the component.\r\nIt handles the action when user clicks in the close button and triggers an event when is executed."
             },
             {
               "kind": "method",

package/dist/index.js

@@ -14,7 +14,7 @@ const h = class h extends x {
     this.getAttribute("v") || this.setAttribute("v", h.v);
   }
 };
-h.v = "0.9.0";
+h.v = "0.9.2";
 let f = h;
 const E = "*,*:after,*:before{box-sizing:inherit}.c-toast{--toast-border-radius: var(--dt-radius-rounded-b);--toast-background-color: var(--dt-color-container-inverse);--toast-font-color: var(--dt-color-content-inverse);--toast-font-size: calc(var(--dt-font-body-s-size) * 1px);--toast-line-height: calc(var(--dt-font-body-s-line-height) * 1px);--toast-icon-fill: var(--dt-color-content-default);--toast-translate-start: -100%;--toast-translate-end: 0;display:flex;flex-direction:column;justify-content:center;min-height:48px;max-height:122px;min-width:300px;max-width:420px;padding:var(--dt-spacing-b) var(--dt-spacing-c) var(--dt-spacing-b) var(--dt-spacing-d);border-radius:var(--toast-border-radius);background-color:var(--toast-background-color);box-shadow:var(--dt-elevation-03);color:var(--toast-font-color);font-size:var(--toast-font-size);line-height:var(--toast-line-height);transition-property:all;transition-duration:var(--dt-motion-timing-100);transition-timing-function:var(--dt-motion-easing-in)}.c-toast--rtl{--toast-translate-start: 100%}.c-toast--animate-in{animation-duration:var(--dt-motion-timing-200);animation-name:animate-in;animation-timing-function:var(--dt-motion-easing-out);transform:translate(var(--toast-translate-end))}.c-toast--animate-out{animation-duration:var(--dt-motion-timing-100);animation-name:animate-out;animation-timing-function:var(--dt-motion-easing-in);transform:translate(var(--toast-translate-start));opacity:0}.c-toast--info{--toast-icon-fill: var(--dt-color-support-info-inverse)}.c-toast--info.c-toast--strong{--toast-background-color: var(--dt-color-support-info);--toast-icon-fill: var(--dt-color-content-inverse)}.c-toast--warning{--toast-icon-fill: var(--dt-color-support-warning-inverse)}.c-toast--warning.c-toast--strong{--toast-background-color: var(--dt-color-support-warning);--toast-icon-fill: var(--dt-color-content-dark);--toast-font-color: var(--dt-color-content-dark)}.c-toast--success{--toast-icon-fill: var(--dt-color-support-positive-inverse)}.c-toast--success.c-toast--strong{--toast-background-color: var(--dt-color-support-positive);--toast-icon-fill: var(--dt-color-content-inverse)}.c-toast--error{--toast-icon-fill: var(--dt-color-support-error-inverse)}.c-toast--error.c-toast--strong{--toast-background-color: var(--dt-color-support-error);--toast-icon-fill: var(--dt-color-content-inverse)}.c-toast-contentArea{display:flex;gap:var(--dt-spacing-b);justify-content:space-between}.c-toast-messageArea{display:flex;align-items:center;gap:var(--dt-spacing-b);padding:6px var(--dt-spacing-a) 6px 0;overflow:hidden}.c-toast-messageArea span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c-toast-actionsArea{display:flex;gap:var(--dt-spacing-b);flex-shrink:0}.c-toast--multiline .c-toast-contentArea{align-items:flex-start;gap:0}.c-toast--multiline .c-toast-messageArea{align-items:flex-start;padding-block-end:var(--dt-spacing-b)}.c-toast--multiline .c-toast-messageArea span{max-height:60px;white-space:inherit;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.c-toast-footer{display:flex;justify-content:flex-end}.c-toast-icon{color:var(--toast-icon-fill)}@keyframes animate-in{0%{transform:translate(var(--toast-translate-start))}to{transform:translate(var(--toast-translate-end))}}@keyframes animate-out{0%{transform:translate(var(--toast-translate-end))}to{transform:translate(var(--toast-translate-start))}}", T = ["neutral", "info", "warning", "success", "error"], i = "pie-toast", s = "c-toast", k = `${i}-close`, L = `${i}-open`, B = `${i}-leading-action-click`, p = {
   message: "",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-toast",
   "description": "PIE Design System Toast built using Web Components",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -45,10 +45,10 @@
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-button": "1.6.0",
-    "@justeattakeaway/pie-icon-button": "1.5.0",
-    "@justeattakeaway/pie-icons-webc": "1.10.0",
-    "@justeattakeaway/pie-webc-core": "0.26.0"
+    "@justeattakeaway/pie-button": "1.6.2",
+    "@justeattakeaway/pie-icon-button": "1.5.1",
+    "@justeattakeaway/pie-icons-webc": "1.10.1",
+    "@justeattakeaway/pie-webc-core": "1.0.0"
   },
   "volta": {
     "extends": "../../../package.json"