@justeattakeaway/pie-toast-provider 0.6.0 → 0.6.2

package/dist/index.js

@@ -2,16 +2,16 @@ import { LitElement as g, nothing as T, html as u, unsafeCSS as b } from "lit";
 import { property as h, state as _ } from "lit/decorators.js";
 import { ifDefined as y } from "lit/directives/if-defined.js";
 import { classMap as m } from "lit/directives/class-map.js";
-import { RtlMixin as P, dispatchCustomEvent as $, validPropertyValues as x, safeCustomElement as A } from "@justeattakeaway/pie-webc-core";
+import { RtlMixin as P, dispatchCustomEvent as x, validPropertyValues as $, safeCustomElement as A } from "@justeattakeaway/pie-webc-core";
 import { defaultProps as f } from "@justeattakeaway/pie-toast";
 const l = class l extends g {
   willUpdate() {
     this.getAttribute("v") || this.setAttribute("v", l.v);
   }
 };
-l.v = "0.6.0";
+l.v = "0.6.2";
 let d = l;
-const O = "*,*:after,*:before{box-sizing:inherit}:root{--pie-animation-slide-translate-start: -100%}.pie-animation--slide-in{animation:pie-animation-slide-in var(--dt-motion-timing-200) var(--dt-motion-easing-out)}.pie-animation--slide-out{animation:pie-animation-slide-out var(--dt-motion-timing-100) var(--dt-motion-easing-in)}@keyframes pie-animation-slide-in{0%{transform:translate(var(--pie-animation-slide-translate-start))}to{transform:translate(0)}}@keyframes pie-animation-slide-out{0%{transform:translate(0)}to{transform:translate(var(--pie-animation-slide-translate-start))}}:host{--toast-provider-z-index: var(--dt-z-index-toast);--toast-provider-offset: var(--dt-spacing-d);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}@media (min-width: 769px){:host{--toast-provider-offset: var(--dt-spacing-e)}}.c-toast-provider{position:absolute;z-index:var(--toast-provider-z-index)}.c-toast-provider.c-toast-provider--default{inset-inline-start:var(--toast-provider-offset);inset-block-end:var(--toast-provider-offset)}.c-toast-provider.c-toast-provider--default.c-toast-provider--rtl{--pie-animation-slide-translate-start: 100%}.c-toast-provider.c-toast-provider--bottom-left{--pie-animation-slide-translate-start: -100%;left:var(--toast-provider-offset);bottom:var(--toast-provider-offset)}.c-toast-provider.c-toast-provider--bottom-right{--pie-animation-slide-translate-start: 100%;right:var(--toast-provider-offset);bottom:var(--toast-provider-offset)}.c-toast-provider.c-toast-provider--bottom-center{--pie-animation-slide-translate-start: 0, 100%;left:50%;bottom:var(--toast-provider-offset);transform:translate(-50%)}", w = {
+const O = "*,*:after,*:before{box-sizing:inherit}:root{--pie-animation-slide-translate-start: -100%}.pie-animation--slide-in{animation:pie-animation-slide-in var(--dt-motion-timing-200) var(--dt-motion-easing-out)}.pie-animation--slide-out{animation:pie-animation-slide-out var(--dt-motion-timing-100) var(--dt-motion-easing-in)}@keyframes pie-animation-slide-in{0%{transform:translate(var(--pie-animation-slide-translate-start))}to{transform:translate(0)}}@keyframes pie-animation-slide-out{0%{transform:translate(0)}to{transform:translate(var(--pie-animation-slide-translate-start))}}:host{--toast-provider-z-index: var(--dt-z-index-toast);--toast-provider-offset: var(--dt-spacing-d)}@media (min-width: 769px){:host{--toast-provider-offset: var(--dt-spacing-e)}}.c-toast-provider{position:fixed;z-index:var(--toast-provider-z-index)}.c-toast-provider.c-toast-provider--default{inset-inline-start:var(--toast-provider-offset);inset-block-end:var(--toast-provider-offset)}.c-toast-provider.c-toast-provider--default.c-toast-provider--rtl{--pie-animation-slide-translate-start: 100%}.c-toast-provider.c-toast-provider--bottom-left{--pie-animation-slide-translate-start: -100%;left:var(--toast-provider-offset);bottom:var(--toast-provider-offset)}.c-toast-provider.c-toast-provider--bottom-right{--pie-animation-slide-translate-start: 100%;right:var(--toast-provider-offset);bottom:var(--toast-provider-offset)}.c-toast-provider.c-toast-provider--bottom-center{--pie-animation-slide-translate-start: 0, 100%;left:50%;bottom:var(--toast-provider-offset);transform:translate(-50%)}", w = {
   "error-actionable": 1,
   error: 2,
   "warning-actionable": 3,
@@ -53,7 +53,7 @@ let r = class extends P(d) {
     t.has("_toasts") && this._dispatchQueueUpdateEvent();
   }
   _dispatchQueueUpdateEvent() {
-    $(
+    x(
       this,
       E,
       this._toasts
@@ -149,7 +149,7 @@ n([
 ], r.prototype, "options", 2);
 n([
   h({ type: String }),
-  x(C, D, c.position)
+  $(C, D, c.position)
 ], r.prototype, "position", 2);
 n([
   _()

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-toast-provider",
   "description": "PIE Design System Toast Provider built using Web Components",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -40,12 +40,12 @@
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
     "@justeattakeaway/pie-components-config": "0.20.1",
-    "@justeattakeaway/pie-css": "0.17.0",
+    "@justeattakeaway/pie-css": "0.17.2",
     "@justeattakeaway/pie-monorepo-utils": "0.5.1",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-toast": "0.10.0",
+    "@justeattakeaway/pie-toast": "0.10.1",
     "@justeattakeaway/pie-webc-core": "1.0.0"
   },
   "volta": {

package/src/toast-provider.scss

@@ -6,17 +6,13 @@
     --toast-provider-z-index: var(--dt-z-index-toast);
     --toast-provider-offset: var(--dt-spacing-d);
 
-    position: absolute;
-    inset: 0;
-    overflow: hidden;
-
     @include media('>md') {
         --toast-provider-offset: var(--dt-spacing-e);
     }
 }
 
 .c-toast-provider {
-    position: absolute;
+    position: fixed;
     z-index: var(--toast-provider-z-index);
 
     &.c-toast-provider--default {