@justeattakeaway/pie-toast 0.10.0 → 0.10.2

package/custom-elements.json

@@ -134,38 +134,32 @@
             {
               "kind": "field",
               "name": "message",
-              "privacy": "public",
-              "attribute": "message"
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "isOpen",
-              "privacy": "public",
-              "attribute": "isOpen"
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "variant",
-              "privacy": "public",
-              "attribute": "variant"
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "isStrong",
-              "privacy": "public",
-              "attribute": "isStrong"
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "isDismissible",
-              "privacy": "public",
-              "attribute": "isDismissible"
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "isMultiline",
-              "privacy": "public",
-              "attribute": "isMultiline"
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -173,14 +167,12 @@
               "type": {
                 "text": "ToastProps['leadingAction']"
               },
-              "privacy": "public",
-              "attribute": "leadingAction"
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "duration",
-              "privacy": "public",
-              "attribute": "duration"
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -390,43 +382,6 @@
               "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"

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
-import type { CSSResult } from 'lit';
+import { CSSResult } from 'lit';
 import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
-import type { PropertyValues } from 'lit';
-import type { TemplateResult } from 'lit';
+import { PropertyValues } from 'lit';
+import { TemplateResult } from 'lit';
 
 export declare type ActionProps = {
     /**
@@ -28,21 +28,21 @@ export declare const defaultProps: DefaultProps;
  *
  * @constant
  */
-export declare const ON_TOAST_CLOSE_EVENT: string;
+export declare const ON_TOAST_CLOSE_EVENT = "pie-toast-close";
 
 /**
  * Event name for when the toast leading action is clicked.
  *
  * @constant
  */
-export declare const ON_TOAST_LEADING_ACTION_CLICK_EVENT: string;
+export declare const ON_TOAST_LEADING_ACTION_CLICK_EVENT = "pie-toast-leading-action-click";
 
 /**
  * Event name for when the toast is opened.
  *
  * @constant
  */
-export declare const ON_TOAST_OPEN_EVENT: string;
+export declare const ON_TOAST_OPEN_EVENT = "pie-toast-open";
 
 /**
  * @tagname pie-toast

package/dist/index.js

@@ -14,7 +14,7 @@ const g = class g extends $ {
     this.getAttribute("v") || this.setAttribute("v", g.v);
   }
 };
-g.v = "0.10.0";
+g.v = "0.10.2";
 let m = g;
 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-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-03);color:var(--toast-font-color);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-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)}", _ = ["neutral", "info", "warning", "success", "error"], o = "pie-toast", i = "c-toast", O = `${o}-close`, E = `${o}-open`, T = `${o}-leading-action-click`, p = {
   message: "",

package/dist/react.d.ts

@@ -1,9 +1,9 @@
 import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
-import type { CSSResult } from 'lit';
+import { CSSResult } from 'lit';
 import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
-import type { PropertyValues } from 'lit';
+import { PropertyValues } from 'lit';
 import * as React_2 from 'react';
-import type { TemplateResult } from 'lit';
+import { TemplateResult } from 'lit';
 
 export declare type ActionProps = {
     /**
@@ -29,23 +29,23 @@ export declare const defaultProps: DefaultProps;
  *
  * @constant
  */
-export declare const ON_TOAST_CLOSE_EVENT: string;
+export declare const ON_TOAST_CLOSE_EVENT = "pie-toast-close";
 
 /**
  * Event name for when the toast leading action is clicked.
  *
  * @constant
  */
-export declare const ON_TOAST_LEADING_ACTION_CLICK_EVENT: string;
+export declare const ON_TOAST_LEADING_ACTION_CLICK_EVENT = "pie-toast-leading-action-click";
 
 /**
  * Event name for when the toast is opened.
  *
  * @constant
  */
-export declare const ON_TOAST_OPEN_EVENT: string;
+export declare const ON_TOAST_OPEN_EVENT = "pie-toast-open";
 
-export declare const PieToast: React_2.ForwardRefExoticComponent<ToastProps & React_2.RefAttributes<PieToast_2> & PieToastEvents & ReactBaseType>;
+export declare const PieToast: React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<ToastProps> & React_2.RefAttributes<PieToast_2> & PieToastEvents & ReactBaseType>;
 
 /**
  * @tagname pie-toast

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-toast",
   "description": "PIE Design System Toast built using Web Components",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -39,15 +39,15 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
-    "@justeattakeaway/pie-components-config": "0.20.1",
-    "@justeattakeaway/pie-css": "0.17.0",
-    "@justeattakeaway/pie-monorepo-utils": "0.5.1",
+    "@justeattakeaway/pie-components-config": "0.21.0",
+    "@justeattakeaway/pie-css": "0.18.0",
+    "@justeattakeaway/pie-monorepo-utils": "0.6.0",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
     "@justeattakeaway/pie-button": "1.6.6",
-    "@justeattakeaway/pie-icon-button": "2.0.2",
-    "@justeattakeaway/pie-icons-webc": "1.12.0",
+    "@justeattakeaway/pie-icon-button": "2.0.4",
+    "@justeattakeaway/pie-icons-webc": "1.14.0",
     "@justeattakeaway/pie-webc-core": "1.0.0"
   },
   "volta": {