@pushengineering/umg-web-components 2.0.6 → 2.0.10

package/dist/components/modal/modal.js

@@ -1,15 +1,15 @@
-import { css as c, LitElement as m, html as b } from "lit";
-import { customElement as p } from "lit/decorators/custom-element.js";
+import { css as c, LitElement as m, html as p } from "lit";
+import { customElement as u } from "lit/decorators/custom-element.js";
 import { property as d } from "lit/decorators/property.js";
-import { classMap as u } from "lit/directives/class-map.js";
+import { classMap as b } from "lit/directives/class-map.js";
 import { global as v } from "../../styles/global.js";
 import { settings as g } from "../../scripts/settings.js";
 import { mergeStyles as h } from "../../scripts/mergeStyles.js";
 import "../button-icon/button-icon.js";
-var f = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (e, r, a, l) => {
-  for (var o = l > 1 ? void 0 : l ? _(r, a) : r, i = e.length - 1, s; i >= 0; i--)
-    (s = e[i]) && (o = (l ? s(r, a, o) : s(o)) || o);
-  return l && o && f(r, a, o), o;
+var f = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (e, l, a, r) => {
+  for (var o = r > 1 ? void 0 : r ? _(l, a) : l, i = e.length - 1, s; i >= 0; i--)
+    (s = e[i]) && (o = (r ? s(l, a, o) : s(o)) || o);
+  return r && o && f(l, a, o), o;
 };
 const { prefix: y } = g;
 let t = class extends m {
@@ -40,10 +40,10 @@ let t = class extends m {
     }
   }
   render() {
-    return b`
+    return p`
             <div
                 part="modal"
-                class="modal${u(this.modalClasses())}"
+                class="modal${b(this.modalClasses())}"
                 >
                 <div class="modal__close">
                     <umg-button-icon
@@ -54,8 +54,6 @@ let t = class extends m {
                         label="Close modal"
                         borderRadius="full"
                         borderWidth='0' 
-                        colorText="240,240,240"
-                        colorBg="0,0,0"
                         colorBgOpacity="0"
                         border
                         >
@@ -107,17 +105,15 @@ t.styles = h([
             }
 
             /* Internal layout */
-            .modal-layout--single {
+            .modal-layout--single .modal__content {
                 justify-content: center;
-            }
-
-            .modal__content {
                 height: 100%;
                 display: flex;
                 flex-direction: column;
                 justify-content: center;
-                align-items: center;
-                padding: var(--um-space-24, 1.5rem) 0;
+            }
+
+            .modal__content {
                 width: calc(var(--um-breakpoint-lg, 64rem) - var(--um-space-48, 3rem));
             }
             .modal__content-inner {
@@ -130,11 +126,10 @@ t.styles = h([
             }
             .modal__close {
                 background-color: rgba(var(--um-color-modal-bg, 255, 255, 255), 1);
-                box-shadow: 0 0 1rem 0.125rem rgb(0,0,0,0.5);
                 display: flex;
                 align-items: center;
-                justify-content: center;
-                padding: var(--um-space-16) 0;
+                justify-content: end;
+                padding: var(--um-space-12) var(--um-space-24);
                 position: sticky;
                 right: 0;
                 top: 0;
@@ -147,10 +142,10 @@ t.styles = h([
                 .modal__close {
                     top: initial;
                     bottom: 0;
+                    padding: var(--um-space-16);
                 }
 
                 .modal__content {
-                    padding: var(--um-space-64, 4rem) 0;
                     width: 100%;
                 }
 
@@ -171,7 +166,7 @@ n([
   d()
 ], t.prototype, "layout", 2);
 t = n([
-  p(`${y}-modal`)
+  u(`${y}-modal`)
 ], t);
 export {
   t as Modal

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushengineering/umg-web-components",
-  "version": "2.0.6",
+  "version": "2.0.10",
   "type": "module",
   "module": "dist/components/index.js",
   "files": [
@@ -30,7 +30,7 @@
     "./link-group": "./dist/components/link-group/link-group.js",
     "./logo": "./dist/components/logo/logo.js",
     "./media-gallery": "./dist/components/media-gallery/media-gallery.js",
-    "./media": "./dist/components/media/media.js",
+    "./media-modal": "./dist/components/media-modal/media-modal.js",
     "./media-text": "./dist/components/media-text/media-text.js",
     "./menu": "./dist/components/menu/menu.js",
     "./menu-bar": "./dist/components/menu-bar/menu-bar.js",