@pushengineering/umg-web-components 2.0.6 → 3.0.1

package/dist/components/header-drawer/menu-drawer.js

@@ -1,34 +1,40 @@
-import { css as l, LitElement as c, html as p } from "lit";
-import { customElement as b } from "lit/decorators/custom-element.js";
-import { property as m } from "lit/decorators/property.js";
-import { query as d } from "lit/decorators/query.js";
-import { global as v } from "../../styles/global.js";
-import { settings as _ } from "../../scripts/settings.js";
-import { mergeStyles as h } from "../../scripts/mergeStyles.js";
-var g = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (u, t, n, s) => {
-  for (var e = s > 1 ? void 0 : s ? w(t, n) : t, o = u.length - 1, i; o >= 0; o--)
-    (i = u[o]) && (e = (s ? i(t, n, e) : i(e)) || e);
-  return s && e && g(t, n, e), e;
-};
-const { prefix: y } = _;
-let r = class extends c {
-  constructor() {
-    super(), this.clickOpenAction = "", this.clickBackAction = "", this._subNavOpen = !1, this.closeDrawer = () => {
-      setTimeout(() => {
-        this._menuDrawer.classList.remove("menu-opening"), this._menuDrawer.removeAttribute("open");
-      }), this._subNavOpen = !this._subNavOpen;
-    };
-  }
-  _handleSummaryClick() {
-    setTimeout(() => {
-      this._menuDrawer.classList.add("menu-opening");
-    }), this._subNavOpen = !this._subNavOpen;
-  }
-  handleBackClick() {
-    this._menuDrawer.removeAttribute("open"), this._menuDrawer.classList.remove("menu-opening"), this._subNavOpen = !this._subNavOpen;
-  }
-  render() {
-    return p`
+import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.16.1_tslib@2.6.2_typescript@5.4.5/node_modules/tslib/tslib.es6.js';
+import { css, LitElement, html } from 'lit';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { property } from 'lit/decorators/property.js';
+import { query } from 'lit/decorators/query.js';
+import { global } from '../../styles/global.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+
+const { prefix } = settings;
+let MenuDrawer = class MenuDrawer extends LitElement {
+    constructor() {
+        super();
+        this.clickOpenAction = '';
+        this.clickBackAction = '';
+        this._subNavOpen = false;
+        this.closeDrawer = () => {
+            setTimeout(() => {
+                this._menuDrawer.classList.remove('menu-opening');
+                this._menuDrawer.removeAttribute('open');
+            });
+            this._subNavOpen = !this._subNavOpen;
+        };
+    }
+    _handleSummaryClick() {
+        setTimeout(() => {
+            this._menuDrawer.classList.add('menu-opening');
+        });
+        this._subNavOpen = !this._subNavOpen;
+    }
+    handleBackClick() {
+        this._menuDrawer.removeAttribute('open');
+        this._menuDrawer.classList.remove('menu-opening');
+        this._subNavOpen = !this._subNavOpen;
+    }
+    render() {
+        return html `
             <details
                 part="menu-drawer"
                 class="menu-drawer"
@@ -38,7 +44,7 @@ let r = class extends c {
                     class="menu-drawer__summary"
                     aria-label="Main menu"
                     role="button"
-                    aria-expanded=${!!this._subNavOpen}
+                    aria-expanded=${this._subNavOpen ? true : false}
                     @click=${this._handleSummaryClick}
                     >
                     <slot name="summary"></slot>
@@ -56,7 +62,7 @@ let r = class extends c {
                 <div
                     part="sub-menu"
                     class="sub-menu"
-                    aria-hidden=${!this._subNavOpen}
+                    aria-hidden=${!this._subNavOpen ? true : false}
                     >
                     <button
                         part="sub-menu-button"
@@ -80,11 +86,11 @@ let r = class extends c {
                 </div>
             </details>
         `;
-  }
+    }
 };
-r.styles = h([
-  v,
-  l`
+MenuDrawer.styles = mergeStyles([
+    global,
+    css `
             :host {
                 width: 100%;
             }
@@ -103,10 +109,15 @@ r.styles = h([
             .sub-menu {
                 position: absolute;
                 inset: 0;
-                padding: var(--um-space-32, 2rem) 0;
+                padding: var(--umg-space-32, 2rem) 0;
                 transform: translateX(100%);
                 visibility: hidden;
-                background-color: rgba(var(--um-color-menu-drawer-bg, var(--um-color-header-bg, 236, 236, 236), 1));
+                background-color: var(--umg-color-menu-drawer-background, rgb(236, 236, 236));
+            }
+            @supports (color: rgb(from white r g b)) {
+                .sub-menu {
+                    background-color: rgb(from var(--umg-color-menu-drawer-background, rgb(236, 236, 236)) r g b / alpha);
+                }
             }
 
             /* Summary */
@@ -116,58 +127,74 @@ r.styles = h([
                 cursor: pointer;
                 display: flex;
                 list-style: none;
-                padding: var(--um-space-12, 0.75rem) var(--um-space-24, 1.5rem);
-                transition: background-color var(--um-animation-duration-04, 0.4s ease);
+                padding: var(--umg-space-12, 0.75rem) var(--umg-space-24, 1.5rem);
+                transition: background-color var(--umg-animation-duration-04, 0.4s ease);
             }
             .menu-drawer__summary:hover {
-                background-color: rgba(var(--um-color-base-bg), 0.75);
+                background-color: var(--umg-color-base-background);
+            }
+            @supports (color: rgb(from white r g b)) {
+                .menu-drawer__summary:hover {
+                    background-color: rgb(from var(--umg-color-base-background) r g b / 0.75);
+                }
             }
 
             /* Submenu buttons */
             .submenu__back-btn {
+                cursor: pointer;
                 display: flex;
                 align-items: center;
-                column-gap: var(--um-space-8, 0.5rem);
-                color: rgb(var(--um-color-menu-drawer-text, var(--um-color-section-text, var(--um-color-base-text, 62,62,62))), 1);
-                background-color: transparent;
                 border: 0;
                 box-shadow: none;
-                cursor: pointer;
-                font-size: var(--um-font-size-body-sm, 0.875rem);
-                padding: var(--um-space-20, 1.25rem) var(--um-space-24, 1.5rem);
-                transition: background-color var(--um-animation-duration-04, 0.4s ease);
+                column-gap: var(--umg-space-8, 0.5rem);
+                font-size: var(--umg-font-body-size-sm, 0.875rem);
+                padding: var(--umg-space-20, 1.25rem) var(--umg-space-24, 1.5rem);
+                transition: background-color var(--umg-animation-duration-04, 0.4s ease);
                 text-transform: uppercase;
                 width: 100%;
+
+                color: var(--umg-color-menu-drawer-text, var(--umg-color-base-text, rgb(62,62,62)));
+                background-color: transparent;
+            }
+            @supports (color: rgb(from white r g b)) {
+                .submenu__back-btn {
+                    color: rgb(from var(--umg-color-menu-drawer-text, var(--umg-color-base-text, rgb(62,62,62))) r g b / alpha);
+                }
             }
             .submenu__arrow {
-                height: var(--um-space-16, 1rem);
+                height: var(--umg-space-16, 1rem);
                 margin-left: auto;
-                width: var(--um-space-16, 1rem);
+                width: var(--umg-space-16, 1rem);
             }
             .submenu__arrow--back {
                 margin-left: 0;
             }
 
             .submenu__back-btn:hover {
-                background-color: rgba(var(--um-color-base-bg), 0.75);
+                background-color: var(--umg-color-base-background);
             }
-        `
+            @supports (color: rgb(from white r g b)) {
+                .submenu__back-btn:hover {
+                    background-color: rgb(from var(--umg-color-base-background) r g b / 0.75);
+                }
+            }
+        `,
 ]);
-a([
-  m({ type: String })
-], r.prototype, "clickOpenAction", 2);
-a([
-  m({ type: String })
-], r.prototype, "clickBackAction", 2);
-a([
-  m({ state: !0, type: Boolean })
-], r.prototype, "_subNavOpen", 2);
-a([
-  d(".menu-drawer")
-], r.prototype, "_menuDrawer", 2);
-r = a([
-  b(`${y}-menu-drawer`)
-], r);
-export {
-  r as MenuDrawer
-};
+__decorate([
+    property({ type: String })
+], MenuDrawer.prototype, "clickOpenAction", void 0);
+__decorate([
+    property({ type: String })
+], MenuDrawer.prototype, "clickBackAction", void 0);
+__decorate([
+    property({ state: true, type: Boolean })
+], MenuDrawer.prototype, "_subNavOpen", void 0);
+__decorate([
+    query('.menu-drawer')
+], MenuDrawer.prototype, "_menuDrawer", void 0);
+MenuDrawer = __decorate([
+    customElement(`${prefix}-menu-drawer`)
+], MenuDrawer);
+
+export { MenuDrawer };
+//# sourceMappingURL=menu-drawer.js.map

package/dist/components/header-drawer/menu-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-drawer.js","sources":["../../../src/components/header-drawer/menu-drawer.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/horizontal-stack/horizontal-stack.d.ts

@@ -1,13 +1,16 @@
 import { LitElement } from 'lit';
 import type { GroupAlign } from '../../types';
 export declare class HorizontalStack extends LitElement {
-    gap: number | undefined;
+    spacing: string | undefined;
+    mobileSpacing: string | undefined;
     align: GroupAlign;
     mobileAlign: GroupAlign | undefined;
     justify: GroupAlign;
     mobileJustify: GroupAlign | undefined;
+    wrap: boolean;
     stackStyles(): {};
     stackClasses(): any;
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=horizontal-stack.d.ts.map

package/dist/components/horizontal-stack/horizontal-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-stack.d.ts","sourceRoot":"","sources":["../../../src/components/horizontal-stack/horizontal-stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAK3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAe7C,qBAEa,eAAgB,SAAQ,UAAU;IAG3C,OAAO,EAAG,MAAM,GAAG,SAAS,CAAA;IAG5B,aAAa,EAAG,MAAM,GAAG,SAAS,CAAA;IAGlC,KAAK,EAAG,UAAU,CAAU;IAG5B,WAAW,EAAG,UAAU,GAAG,SAAS,CAAA;IAGpC,OAAO,EAAG,UAAU,CAAU;IAG9B,aAAa,EAAG,UAAU,GAAG,SAAS,CAAA;IAGtC,IAAI,UAAQ;IAEZ,WAAW;IAwBX,YAAY;IAqBZ,MAAM;IAYN,MAAM,CAAC,MAAM,+BAwCX;CACL"}

package/dist/components/horizontal-stack/horizontal-stack.js

@@ -1,48 +1,78 @@
-import { css as m, LitElement as n, html as f } from "lit";
-import { styleMap as g } from "lit/directives/style-map.js";
-import { classMap as c } from "lit/directives/class-map.js";
-import { customElement as h } from "lit/decorators/custom-element.js";
-import { property as i } from "lit/decorators/property.js";
-import { settings as y } from "../../scripts/settings.js";
-import { global as b } from "../../styles/global.js";
-import { groupMobileAlign as k, groupMobileJustify as v, groupAlign as d, groupJustify as j } from "../../styles/group.js";
-import { mergeStyles as z } from "../../scripts/mergeStyles.js";
-var x = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, r = (t, e, p, l) => {
-  for (var o = l > 1 ? void 0 : l ? _(e, p) : e, a = t.length - 1, u; a >= 0; a--)
-    (u = t[a]) && (o = (l ? u(e, p, o) : u(o)) || o);
-  return l && o && x(e, p, o), o;
-};
-const { prefix: A } = y;
-let s = class extends n {
-  constructor() {
-    super(...arguments), this.align = "start", this.justify = "start";
-  }
-  stackStyles() {
-    let t = {};
-    return this.gap !== void 0 && (t = {
-      ...t,
-      "--um-space-horizontal-stack-gap": this.gap / 16 + "rem"
-    }), t;
-  }
-  stackClasses() {
-    const t = {};
-    return t["group-justify--" + this.justify] = !0, t["group-align--" + this.align] = !0, this.mobileJustify ? t["group-mobile-justify--" + this.mobileJustify] = !0 : t["group-mobile-justify--" + this.justify] = !0, this.mobileAlign ? t["group-mobile-align--" + this.mobileAlign] = !0 : t["group-mobile-align--" + this.align] = !0, t;
-  }
-  render() {
-    return f`
+import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.16.1_tslib@2.6.2_typescript@5.4.5/node_modules/tslib/tslib.es6.js';
+import { css, LitElement, html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { property } from 'lit/decorators/property.js';
+import { settings } from '../../scripts/settings.js';
+import { global } from '../../styles/global.js';
+import { groupMobileAlign, groupMobileJustify, groupAlign, groupJustify } from '../../styles/group.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+
+const { prefix } = settings;
+let HorizontalStack = class HorizontalStack extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.align = 'start';
+        this.justify = 'start';
+        this.wrap = false;
+    }
+    stackStyles() {
+        let styles = {};
+        if (this.spacing) {
+            styles = {
+                ...styles,
+                '--umg-space-grid-horizontal-desktop': Number(this.spacing) / 16 + 'rem',
+            };
+        }
+        if (this.mobileSpacing) {
+            styles = {
+                ...styles,
+                '--umg-space-grid-horizontal-mobile': Number(this.mobileSpacing) / 16 + 'rem',
+            };
+        }
+        else if (this.spacing) {
+            styles = {
+                ...styles,
+                '--umg-space-grid-horizontal-mobile': Number(this.spacing) / 16 + 'rem',
+            };
+        }
+        return styles;
+    }
+    stackClasses() {
+        const classes = {};
+        classes['group-justify--' + this.justify] = true;
+        classes['group-align--' + this.align] = true;
+        classes['group-wrap'] = this.wrap;
+        if (this.mobileJustify) {
+            classes['group-mobile-justify--' + this.mobileJustify] = true;
+        }
+        else {
+            classes['group-mobile-justify--' + this.justify] = true;
+        }
+        if (this.mobileAlign) {
+            classes['group-mobile-align--' + this.mobileAlign] = true;
+        }
+        else {
+            classes['group-mobile-align--' + this.align] = true;
+        }
+        return classes;
+    }
+    render() {
+        return html `
             <div
                 part="horizontal-stack"
-                class="horizontal-stack${c(this.stackClasses())}"
-                style="${g(this.stackStyles())}"
+                class="horizontal-stack${classMap(this.stackClasses())}"
+                style="${styleMap(this.stackStyles())}"
                 >
                 <slot></slot>
             </div>
         `;
-  }
+    }
 };
-s.styles = z([
-  b,
-  m`
+HorizontalStack.styles = mergeStyles([
+    global,
+    css `
             :host {
                 display: block;
                 width: 100%;
@@ -54,7 +84,21 @@ s.styles = z([
 
             .horizontal-stack {
                 display: flex;
-                gap: var(--um-space-horizontal-stack-gap, var(--um-space-grid-desktop-horizontal, 1rem));
+            }
+            @media screen and (min-width: 48.06rem) {
+                .horizontal-stack {
+                    column-gap: var(--umg-space-grid-horizontal-desktop, 1rem);
+                    row-gap: var(--umg-space-grid-vertical-desktop, 0);
+                }
+            }
+            @media screen and (max-width: 48rem) {
+                .horizontal-stack {
+                    column-gap: var(--umg-space-grid-horizontal-mobile, 1rem);
+                    row-gap: var(--umg-space-grid-vertical-mobile, 0);
+                }
+            }
+            .horizontal-stack.group-wrap {
+                flex-wrap: wrap;
             }
 
             .horizontal-stack.group-justify--stretch ::slotted(*) {
@@ -62,29 +106,35 @@ s.styles = z([
                 flex-shrink: 0;
             }
         `,
-  k,
-  v,
-  d,
-  j
+    groupMobileAlign,
+    groupMobileJustify,
+    groupAlign,
+    groupJustify,
 ]);
-r([
-  i({ type: Number })
-], s.prototype, "gap", 2);
-r([
-  i()
-], s.prototype, "align", 2);
-r([
-  i()
-], s.prototype, "mobileAlign", 2);
-r([
-  i()
-], s.prototype, "justify", 2);
-r([
-  i()
-], s.prototype, "mobileJustify", 2);
-s = r([
-  h(`${A}-horizontal-stack`)
-], s);
-export {
-  s as HorizontalStack
-};
+__decorate([
+    property()
+], HorizontalStack.prototype, "spacing", void 0);
+__decorate([
+    property()
+], HorizontalStack.prototype, "mobileSpacing", void 0);
+__decorate([
+    property()
+], HorizontalStack.prototype, "align", void 0);
+__decorate([
+    property()
+], HorizontalStack.prototype, "mobileAlign", void 0);
+__decorate([
+    property()
+], HorizontalStack.prototype, "justify", void 0);
+__decorate([
+    property()
+], HorizontalStack.prototype, "mobileJustify", void 0);
+__decorate([
+    property({ type: Boolean })
+], HorizontalStack.prototype, "wrap", void 0);
+HorizontalStack = __decorate([
+    customElement(`${prefix}-horizontal-stack`)
+], HorizontalStack);
+
+export { HorizontalStack };
+//# sourceMappingURL=horizontal-stack.js.map

package/dist/components/horizontal-stack/horizontal-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-stack.js","sources":["../../../src/components/horizontal-stack/horizontal-stack.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/horizontal-stack/index.d.ts

@@ -1,2 +1,3 @@
 import { HorizontalStack } from './horizontal-stack';
 export { HorizontalStack };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/horizontal-stack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/horizontal-stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/icon/icon.d.ts

@@ -1,9 +1,8 @@
 import { LitElement } from 'lit';
-import type { FontBodySize } from '../../types';
+import type { FontSize } from '../../types';
 export declare class Icon extends LitElement {
     icon: string;
-    colorText: string | undefined;
-    size?: FontBodySize;
+    size?: FontSize;
     _blobUrl: string;
     constructor();
     dataURItoBlobUrl(iconSprites: string): string;
@@ -12,3 +11,4 @@ export declare class Icon extends LitElement {
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=icon.d.ts.map

package/dist/components/icon/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAIhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAY3C,qBAEa,IAAK,SAAQ,UAAU;IAGhC,IAAI,SAAS;IAGb,IAAI,CAAC,EAAE,QAAQ,CAAY;IAG3B,QAAQ,SAAA;;IAOR,gBAAgB,CAAC,WAAW,EAAE,MAAM;IAKpC,SAAS;IAYT,YAAY;IAQZ,MAAM;IAQN,MAAM,CAAC,MAAM,+BAmBX;CACL"}