@exmg/exm-snackbar 1.0.0 → 1.0.2

package/README.md

@@ -16,7 +16,7 @@ npm install @exmg/exm-snackbar
 
 ```html
   <exm-button unelevated @click=${() =>
-    this.shadowRoot?.querySelector<ExmgSnackbar>('#default-snackbar')?.show()}>
+    this.shadowRoot?.querySelector<ExmSnackbar>('#default-snackbar')?.show()}>
     Open default
   </exm-button>
   <exm-snackbar id="default-snackbar" labelText="Default auto close"></exm-snackbar>
@@ -70,6 +70,6 @@ npm install @exmg/exm-snackbar
 
 ## Additional references
 
-- [Additional Documentation](https://exmg.github.io/exmachina-web-components/ExmgSnackbar.html)
+- [Additional Documentation](https://exmg.github.io/exmachina-web-components/ExmSnackbar.html)
 
 - [Demo](https://exmg.github.io/exmachina-web-components/demo/?el=exm-snackbar)

package/index.d.ts

@@ -1,3 +1,3 @@
-export { ExmgSnackbar } from './src/exm-snackbar.js';
+export { ExmSnackbar } from './src/exm-snackbar.js';
 export { SnackBarPayload } from './src/types.js';
-export { style as snackbarStyles } from './src/styles/exm-snackbar-styles-css.js';
+export { style as snackbarStyles } from './src/styles/exm-snackbar-css.js';

package/index.js

@@ -1,3 +1,3 @@
-export { ExmgSnackbar } from './src/exm-snackbar.js';
-export { style as snackbarStyles } from './src/styles/exm-snackbar-styles-css.js';
+export { ExmSnackbar } from './src/exm-snackbar.js';
+export { style as snackbarStyles } from './src/styles/exm-snackbar-css.js';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exmg/exm-snackbar",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "main": "index.js",
   "module": "index.js",
@@ -39,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0907b55c89325d59902b98a64c352bf6e1fc81ff"
+  "gitHead": "e7086831faea0bdfe8628b0de9b7ddcc45174558"
 }

package/src/exm-snackbar.d.ts

@@ -1,5 +1,6 @@
+import { CSSResult } from 'lit';
 import { SnackbarBase } from '@material/mwc-snackbar/mwc-snackbar-base.js';
-export declare class ExmgSnackbar extends SnackbarBase {
+export declare class ExmSnackbar extends SnackbarBase {
     /**
      * Sets the Snackbar variant, options from MWC
      * @type {String}
@@ -7,11 +8,11 @@ export declare class ExmgSnackbar extends SnackbarBase {
     variant: 'positive' | 'negative' | 'info' | null;
     xOffset: number;
     yOffset: number;
-    static styles: import("lit").CSSResult[];
+    static styles: CSSResult[];
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'exm-snackbar': ExmgSnackbar;
+        'exm-snackbar': ExmSnackbar;
     }
 }

package/src/exm-snackbar.js

@@ -4,9 +4,9 @@ import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { SnackbarBase } from '@material/mwc-snackbar/mwc-snackbar-base.js';
 import { accessibleSnackbarLabel } from '@material/mwc-snackbar/accessible-snackbar-label-directive.js';
-import { style as newStyles } from './styles/exm-snackbar-styles-css.js';
+import { style as newStyles } from './styles/exm-snackbar-css.js';
 import { styles } from '@material/mwc-snackbar/mwc-snackbar.css.js';
-let ExmgSnackbar = class ExmgSnackbar extends SnackbarBase {
+let ExmSnackbar = class ExmSnackbar extends SnackbarBase {
     constructor() {
         super(...arguments);
         /**
@@ -41,18 +41,19 @@ let ExmgSnackbar = class ExmgSnackbar extends SnackbarBase {
     </div>`;
     }
 };
-ExmgSnackbar.styles = [styles, newStyles];
+ExmSnackbar.styles = [styles, newStyles];
 __decorate([
     property({ type: String })
-], ExmgSnackbar.prototype, "variant", void 0);
+], ExmSnackbar.prototype, "variant", void 0);
 __decorate([
     property({ type: Number })
-], ExmgSnackbar.prototype, "xOffset", void 0);
+], ExmSnackbar.prototype, "xOffset", void 0);
 __decorate([
     property({ type: Number })
-], ExmgSnackbar.prototype, "yOffset", void 0);
-ExmgSnackbar = __decorate([
+], ExmSnackbar.prototype, "yOffset", void 0);
+ExmSnackbar = __decorate([
     customElement('exm-snackbar')
-], ExmgSnackbar);
-export { ExmgSnackbar };
+    // @ts-ignore this due to a version conflict between the currently used lit and the version used bu mcw
+], ExmSnackbar);
+export { ExmSnackbar };
 //# sourceMappingURL=exm-snackbar.js.map

package/src/styles/exm-snackbar-css.d.ts

@@ -0,0 +1 @@
+export declare const style: import("lit").CSSResult;

package/src/styles/exm-snackbar-css.js

@@ -0,0 +1,31 @@
+import { css } from 'lit';
+export const style = css `
+  :host {
+    --exm-snackbar-positive-background-color: #12805c;
+    --exm-snackbar-negative-background-color: #c9252d;
+    --exm-snackbar-info-background-color: #0d66d0;
+    --exm-snackbar-text-color: #fff;
+  }
+
+  .mdc-snackbar--positive .mdc-snackbar__surface {
+    background-color: var(--exm-snackbar-positive-background-color) !important;
+  }
+
+  .mdc-snackbar--negative .mdc-snackbar__surface {
+    background-color: var(--exm-snackbar-negative-background-color) !important;
+  }
+
+  .mdc-snackbar--info .mdc-snackbar__surface {
+    background-color: var(--exm-snackbar-info-background-color) !important;
+  }
+
+  .mdc-snackbar__surface {
+    color: var(--exm-snackbar-text-color);
+  }
+
+  slot[name='icon']::slotted(*) {
+    margin-left: 12px;
+    min-width: 24px;
+  }
+`;
+//# sourceMappingURL=exm-snackbar-css.js.map

package/src/styles/exm-snackbar-styles-css.d.ts

@@ -1,2 +1 @@
 export declare const style: import("lit").CSSResult;
-export default style;

package/src/styles/exm-snackbar-styles-css.js

@@ -1,4 +1,31 @@
 import { css } from 'lit';
-export const style = css `:host{--exm-snackbar-positive-background-color: #12805c;--exm-snackbar-negative-background-color: #c9252d;--exm-snackbar-info-background-color: #0d66d0;--exm-snackbar-text-color: #fff}.mdc-snackbar--positive .mdc-snackbar__surface{background-color:var(--exm-snackbar-positive-background-color) !important}.mdc-snackbar--negative .mdc-snackbar__surface{background-color:var(--exm-snackbar-negative-background-color) !important}.mdc-snackbar--info .mdc-snackbar__surface{background-color:var(--exm-snackbar-info-background-color) !important}.mdc-snackbar__surface{color:var(--exm-snackbar-text-color)}slot[name=icon]::slotted(*){margin-left:12px;min-width:24px}`;
-export default style;
+export const style = css `
+  :host {
+    --exm-snackbar-positive-background-color: #12805c;
+    --exm-snackbar-negative-background-color: #c9252d;
+    --exm-snackbar-info-background-color: #0d66d0;
+    --exm-snackbar-text-color: #fff;
+  }
+
+  .mdc-snackbar--positive .mdc-snackbar__surface {
+    background-color: var(--exm-snackbar-positive-background-color) !important;
+  }
+
+  .mdc-snackbar--negative .mdc-snackbar__surface {
+    background-color: var(--exm-snackbar-negative-background-color) !important;
+  }
+
+  .mdc-snackbar--info .mdc-snackbar__surface {
+    background-color: var(--exm-snackbar-info-background-color) !important;
+  }
+
+  .mdc-snackbar__surface {
+    color: var(--exm-snackbar-text-color);
+  }
+
+  slot[name='icon']::slotted(*) {
+    margin-left: 12px;
+    min-width: 24px;
+  }
+`;
 //# sourceMappingURL=exm-snackbar-styles-css.js.map

package/src/styles/exm-snackbar-styles.scss

@@ -1,31 +0,0 @@
-:host {
-  --exm-snackbar-positive-background-color: #12805c;
-  --exm-snackbar-negative-background-color: #c9252d;
-  --exm-snackbar-info-background-color: #0d66d0;
-  --exm-snackbar-text-color: #fff;
-}
-
-.mdc-snackbar--positive {
-  .mdc-snackbar__surface {
-    background-color: var(--exm-snackbar-positive-background-color) !important;
-  }
-}
-.mdc-snackbar--negative {
-  .mdc-snackbar__surface {
-    background-color: var(--exm-snackbar-negative-background-color) !important;
-  }
-}
-.mdc-snackbar--info {
-  .mdc-snackbar__surface {
-    background-color: var(--exm-snackbar-info-background-color) !important;
-  }
-}
-
-.mdc-snackbar__surface {
-  color: var(--exm-snackbar-text-color);
-}
-
-slot[name='icon']::slotted(*) {
-  margin-left: 12px;
-  min-width: 24px;
-}