@justeattakeaway/pie-toast 0.12.40 → 0.12.42

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": "{ message: '', isOpen: true, variant: 'neutral', isStrong: false, isDismissible: false, isMultiline: false, duration: 5000, }"
         }
       ],
       "exports": [
@@ -134,32 +134,38 @@
             {
               "kind": "field",
               "name": "message",
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "message"
             },
             {
               "kind": "field",
               "name": "isOpen",
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "isOpen"
             },
             {
               "kind": "field",
               "name": "variant",
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "variant"
             },
             {
               "kind": "field",
               "name": "isStrong",
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "isStrong"
             },
             {
               "kind": "field",
               "name": "isDismissible",
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "isDismissible"
             },
             {
               "kind": "field",
               "name": "isMultiline",
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "isMultiline"
             },
             {
               "kind": "field",
@@ -167,12 +173,14 @@
               "type": {
                 "text": "ToastProps['leadingAction']"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "leadingAction"
             },
             {
               "kind": "field",
               "name": "duration",
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "duration"
             },
             {
               "kind": "field",
@@ -382,6 +390,43 @@
               "name": "pie-toast-leading-action-click"
             }
           ],
+          "attributes": [
+            {
+              "name": "message",
+              "fieldName": "message"
+            },
+            {
+              "name": "isOpen",
+              "fieldName": "isOpen"
+            },
+            {
+              "name": "variant",
+              "fieldName": "variant"
+            },
+            {
+              "name": "isStrong",
+              "fieldName": "isStrong"
+            },
+            {
+              "name": "isDismissible",
+              "fieldName": "isDismissible"
+            },
+            {
+              "name": "isMultiline",
+              "fieldName": "isMultiline"
+            },
+            {
+              "name": "leadingAction",
+              "type": {
+                "text": "ToastProps['leadingAction']"
+              },
+              "fieldName": "leadingAction"
+            },
+            {
+              "name": "duration",
+              "fieldName": "duration"
+            }
+          ],
           "superclass": {
             "name": "PieElement",
             "package": "@justeattakeaway/pie-webc-core/src/internals/PieElement"
@@ -396,7 +441,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./defs"
+            "module": "src/defs"
           }
         },
         {

package/dist/index.js

@@ -14,7 +14,7 @@ const f = class f extends y {
     this.getAttribute("v") || this.setAttribute("v", f.v);
   }
 };
-f.v = "0.12.40";
+f.v = "0.12.42";
 let m = f;
 const C = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.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-family: var(--dt-font-body-s-family);--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);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-below-20);color:var(--toast-font-color);font-family:var(--toast-font-family);font-size:var(--toast-font-size);line-height:var(--toast-line-height)}.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-light);--toast-font-color: var(--dt-color-content-light)}.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}.is-multiline .c-toast-contentArea{align-items:flex-start;gap:0}.is-multiline .c-toast-messageArea{align-items:flex-start;padding-block-end:var(--dt-spacing-b)}.is-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)}", _ = ["neutral", "info", "warning", "success", "error"], s = "pie-toast", n = "c-toast", O = `${s}-close`, E = `${s}-open`, T = `${s}-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.12.40",
+  "version": "0.12.42",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -43,14 +43,14 @@
   "author": "Just Eat Takeaway.com - Design System Team",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@justeattakeaway/pie-components-config": "0.21.1",
+    "@justeattakeaway/pie-components-config": "0.21.2",
     "@justeattakeaway/pie-css": "1.1.1",
-    "@justeattakeaway/pie-monorepo-utils": "0.9.0"
+    "@justeattakeaway/pie-monorepo-utils": "0.9.1"
   },
   "dependencies": {
-    "@justeattakeaway/pie-button": "1.14.0",
-    "@justeattakeaway/pie-icon-button": "2.7.10",
-    "@justeattakeaway/pie-icons-webc": "1.22.0",
+    "@justeattakeaway/pie-button": "1.14.1",
+    "@justeattakeaway/pie-icon-button": "2.7.12",
+    "@justeattakeaway/pie-icons-webc": "1.23.0",
     "@justeattakeaway/pie-webc-core": "14.0.1"
   },
   "volta": {