@pushengineering/umg-web-components 2.0.10 → 3.0.1

package/dist/components/box/box.js

@@ -1,77 +1,115 @@
-import { css as h, LitElement as l, html as x } from "lit";
-import { customElement as c } from "lit/decorators/custom-element.js";
-import { property as d } from "lit/decorators/property.js";
-import { state as m } from "lit/decorators/state.js";
-import { styleMap as u } from "lit/directives/style-map.js";
-import { classMap as v } from "lit/directives/class-map.js";
-import { mergePaddingArrays as s, paddingToRem as b, paddingToCssShorthandArray as f } from "../../scripts/utilities/paddingTransformations.js";
-import { global as _ } from "../../styles/global.js";
-import { settings as y } from "../../scripts/settings.js";
-import { mergeStyles as P } from "../../scripts/mergeStyles.js";
-var w = Object.defineProperty, B = Object.getOwnPropertyDescriptor, i = (t, e, n, a) => {
-  for (var r = a > 1 ? void 0 : a ? B(e, n) : e, g = t.length - 1, p; g >= 0; g--)
-    (p = t[g]) && (r = (a ? p(e, n, r) : p(r)) || r);
-  return a && r && w(e, n, r), r;
-};
-const { prefix: R } = y;
-let o = class extends l {
-  constructor() {
-    super(...arguments), this.adaptivePadding = !1, this.colorBlend = !1, this.blendDirection = "to-top", this.border = !1, this.borderRadius = "0";
-  }
-  firstUpdated() {
-    this._mergedPadding = s(this.getPadding()), this._mobilePadding = b(this.mobilePadding);
-  }
-  updated(t) {
-    (t.has("padding") || t.has("paddingTop") || t.has("paddingRight") || t.has("paddingBottom") || t.has("paddingLeft") || t.has("mobilePadding")) && (this._mergedPadding = s(this.getPadding()), this._mobilePadding = b(this.mobilePadding));
-  }
-  getPadding() {
-    const t = [], e = f(this.padding);
-    if (e && t.push(...t, e), (this.paddingTop || this.paddingRight || this.paddingBottom || this.paddingLeft) && t.push(...t, [
-      this.paddingTop !== void 0 ? this.paddingTop : "",
-      this.paddingRight !== void 0 ? this.paddingRight : "",
-      this.paddingBottom !== void 0 ? this.paddingBottom : "",
-      this.paddingLeft !== void 0 ? this.paddingLeft : ""
-    ]), t.length)
-      return t;
-  }
-  boxStyles() {
-    let t = {};
-    return this.maxWidth !== void 0 && this.maxWidth > 0 ? this.style.maxWidth = this.maxWidth / 16 + "rem" : this.maxWidth !== void 0 && this.maxWidth <= 0 && (this.style.maxWidth = "100%"), this.colorText && (t = {
-      ...t,
-      "--um-color-box-text": this.colorText
-    }), this.colorBg && (t = {
-      ...t,
-      "--um-color-box-bg": this.colorBg
-    }), this.opacity !== void 0 && (t = {
-      ...t,
-      "--um-opacity-box-bg": this.opacity
-    }), this.borderRadius !== "0" && (t = {
-      ...t,
-      "--um-border-box-radius": "var(--um-border-radius-" + this.borderRadius + ")"
-    }), this._mergedPadding && (t = {
-      ...t,
-      "--um-space-box-padding-top": this._mergedPadding.unitless.top,
-      "--um-space-box-padding-right": this._mergedPadding.unitless.right,
-      "--um-space-box-padding-bottom": this._mergedPadding.unitless.bottom,
-      "--um-space-box-padding-left": this._mergedPadding.unitless.left,
-      "--um-space-box-padding-top-rem": this._mergedPadding.rem.top,
-      "--um-space-box-padding-right-rem": this._mergedPadding.rem.right,
-      "--um-space-box-padding-bottom-rem": this._mergedPadding.rem.bottom,
-      "--um-space-box-padding-left-rem": this._mergedPadding.rem.left
-    }), this._mobilePadding && (t = {
-      ...t,
-      "--um-space-box-mobile-padding": this._mobilePadding
-    }), t;
-  }
-  boxClasses() {
-    const t = {};
-    return this.colorBlend && (t["box--gradient"] = !0, t["box--gradient-" + this.blendDirection] = !0), this._mergedPadding && this.adaptivePadding ? t["box--adaptive-padding"] = !0 : this._mergedPadding !== void 0 && !this.adaptivePadding ? t["box--fixed-padding"] = !0 : t["box--token-padding"] = !0, this.border && (t["box--border"] = !0), this.borderRadius !== "0" && (t["box--border-radius"] = !0), t;
-  }
-  render() {
-    return x`
+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 { state } from 'lit/decorators/state.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { mergePaddingArrays, paddingToRem, paddingToCssShorthandArray } from '../../scripts/utilities/paddingTransformations.js';
+import { global } from '../../styles/global.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+
+const { prefix } = settings;
+let Box = class Box extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.adaptivePadding = false;
+        this.colorBlend = false;
+        this.blendDirection = 'to-top';
+        this.border = false;
+    }
+    firstUpdated() {
+        this._mergedPadding = mergePaddingArrays(this.getPadding());
+        this._mobilePadding = paddingToRem(this.mobilePadding);
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('padding')
+            || changedProperties.has('paddingTop')
+            || changedProperties.has('paddingRight')
+            || changedProperties.has('paddingBottom')
+            || changedProperties.has('paddingLeft')
+            || changedProperties.has('mobilePadding')) {
+            this._mergedPadding = mergePaddingArrays(this.getPadding());
+            this._mobilePadding = paddingToRem(this.mobilePadding);
+        }
+    }
+    getPadding() {
+        const paddingArrays = [];
+        const padding = paddingToCssShorthandArray(this.padding);
+        if (padding) {
+            paddingArrays.push(...paddingArrays, padding);
+        }
+        if (this.paddingTop
+            || this.paddingRight
+            || this.paddingBottom
+            || this.paddingLeft) {
+            paddingArrays.push(...paddingArrays, [
+                this.paddingTop !== undefined ? this.paddingTop : '',
+                this.paddingRight !== undefined ? this.paddingRight : '',
+                this.paddingBottom !== undefined ? this.paddingBottom : '',
+                this.paddingLeft !== undefined ? this.paddingLeft : '',
+            ]);
+        }
+        if (paddingArrays.length) {
+            return paddingArrays;
+        }
+        return undefined;
+    }
+    boxStyles() {
+        let styles = {};
+        if (this.maxWidth !== undefined && this.maxWidth > 0) {
+            this.style.maxWidth = this.maxWidth / 16 + 'rem';
+        }
+        else if (this.maxWidth !== undefined && this.maxWidth <= 0) {
+            this.style.maxWidth = '100%';
+        }
+        if (this._mergedPadding) {
+            styles = {
+                ...styles,
+                '--umg-space-padding-top': this._mergedPadding.unitless.top,
+                '--umg-space-padding-right': this._mergedPadding.unitless.right,
+                '--umg-space-padding-bottom': this._mergedPadding.unitless.bottom,
+                '--umg-space-padding-left': this._mergedPadding.unitless.left,
+                '--umg-space-padding-top-rem': this._mergedPadding.rem.top,
+                '--umg-space-padding-right-rem': this._mergedPadding.rem.right,
+                '--umg-space-padding-bottom-rem': this._mergedPadding.rem.bottom,
+                '--umg-space-padding-left-rem': this._mergedPadding.rem.left,
+            };
+        }
+        if (this._mobilePadding) {
+            styles = {
+                ...styles,
+                '--umg-space-padding-mobile': this._mobilePadding,
+            };
+        }
+        return styles;
+    }
+    boxClasses() {
+        const classes = {};
+        if (this.colorBlend) {
+            classes['box--gradient'] = true;
+            classes['box--gradient-' + this.blendDirection] = true;
+        }
+        if (this._mergedPadding && this.adaptivePadding) {
+            classes['box--adaptive-padding'] = true;
+        }
+        else if (this._mergedPadding !== undefined && !this.adaptivePadding) {
+            classes['box--fixed-padding'] = true;
+        }
+        else {
+            classes['box--token-padding'] = true;
+        }
+        if (this.border) {
+            classes['box--border'] = true;
+        }
+        return classes;
+    }
+    render() {
+        return html `
             <div
-                class="box${v(this.boxClasses())}"
-                style="${u(this.boxStyles())}"
+                class="box${classMap(this.boxClasses())}"
+                style="${styleMap(this.boxStyles())}"
                 part="box"
                 >
                 <div class="box__content" part="box-content">
@@ -79,17 +117,17 @@ let o = class extends l {
                 </div>
             </div>
         `;
-  }
+    }
 };
-o.styles = P([
-  _,
-  h`
+Box.styles = mergeStyles([
+    global,
+    css `
 
             /* Box width */
             :host,
             :host([width=fill])  {
                 display: block;
-                width: var(--um-size-box-width, 100%);
+                width: var(--umg-size-width, 100%);
             }
             :host([width=fit-content]) {
                 width: fit-content;
@@ -101,7 +139,7 @@ o.styles = P([
                 :host,
                 :host([mobileWidth=fill])  {
                     display: block;
-                    width: var(--um-size-box-width, 100%);
+                    width: var(--umg-size-width, 100%);
                 }
                 :host([mobileWidth=fit-content]) {
                     width: fit-content;
@@ -114,50 +152,74 @@ o.styles = P([
             .box {
                 height: 100%;
             }
-            .box--border {
-                border: rgb(var(--um-color-border, 235,235,235)) var(--um-border-box-width, 0.0625rem) solid;
-            }
-            .box--border-radius {
-                border-radius: var(--um-border-box-radius, 0);
-                overflow: hidden;
-            }
             .box__content {
-                color: rgba(var(--um-color-box-text, var(--um-color-section-text, 0,0,0)), 1);
-                background-color: rgba(var(--um-color-box-bg, var(--um-color-section-bg, 245,245,245)), var(--um-opacity-box-bg, 1));
+                border-radius: var(--umg-border-base-corner-radius, 0);
                 height: 100%;
+                color: var(--umg-color-base-text, rgb(0,0,0));
+                background-color: var(--umg-color-base-background, rgb(255,255,255,0));
+            }
+            .box--border .box__content {
+                border-width: var(--umg-border-base-width, 0.0625rem);
+                border-style: solid;
+                border-color: var(--umg-color-base-border, rgb(0,0,0,0.3));
+            }
+
+            @supports (color: rgb(from white r g b)) {
+                .box--border .box__content {
+                    border-color: rgb(from var(--umg-color-base-border, rgb(0,0,0,0.3)) r g b / alpha);
+                }
+                .box__content {
+                    color: rgb(from var(--umg-color-base-text, rgb(0,0,0)) r g b / alpha);
+                    background-color: rgb(from var(--umg-color-base-background, rgb(255,255,255,0)) r g b / alpha);
+                }
             }
 
             /* Gradient background */
             .box--gradient.box--gradient-to-top .box__content {
-                background-image: linear-gradient(to top, rgb(var(--um-color-box-bg), 1), rgb(var(--um-color-box-bg), var(--um-opacity-box-bg, 1)));
+                background-image: linear-gradient(to top, var(--umg-color-base-gradient-solid), var(--umg-color-base-gradient-transparent));
             }
             .box--gradient.box--gradient-to-bottom .box__content {
-                background-image: linear-gradient(to bottom, rgb(var(--um-color-box-bg), 1), rgb(var(--um-color-box-bg), var(--um-opacity-box-bg, 1)));
+                background-image: linear-gradient(to bottom, var(--umg-color-base-gradient-solid), var(--umg-color-base-gradient-transparent));
             }
             .box--gradient.box--gradient-to-left .box__content {
-                background-image: linear-gradient(to left, rgb(var(--um-color-box-bg), 1), rgb(var(--um-color-box-bg), var(--um-opacity-box-bg, 1)));
+                background-image: linear-gradient(to left, var(--umg-color-base-gradient-solid), var(--umg-color-base-gradient-transparent));
             }
             .box--gradient.box--gradient-to-right .box__content {
-                background-image: linear-gradient(to right, rgb(var(--um-color-box-bg), 1), rgb(var(--um-color-box-bg), var(--um-opacity-box-bg, 1)));
+                background-image: linear-gradient(to right, var(--umg-color-base-gradient-solid), var(--umg-color-base-gradient-transparent));
+            }
+
+            @supports (color: rgb(from white r g b)) {
+                .box--gradient.box--gradient-to-top .box__content {
+                    background-image: linear-gradient(to top, rgb(from var(--umg-color-base-gradient-solid) r g b / alpha), rgb(from var(--umg-color-base-gradient-transparent) r g b / alpha));
+                }
+                .box--gradient.box--gradient-to-bottom .box__content {
+                    background-image: linear-gradient(to bottom, rgb(from var(--umg-color-base-gradient-solid) r g b / alpha), rgb(from var(--umg-color-base-gradient-transparent) r g b / alpha));
+                }
+                .box--gradient.box--gradient-to-left .box__content {
+                    background-image: linear-gradient(to left, rgb(from var(--umg-color-base-gradient-solid) r g b / alpha), rgb(from var(--umg-color-base-gradient-transparent) r g b / alpha));
+                }
+                .box--gradient.box--gradient-to-right .box__content {
+                    background-image: linear-gradient(to right, rgb(from var(--umg-color-base-gradient-solid) r g b / alpha), rgb(from var(--umg-color-base-gradient-transparent) r g b / alpha));
+                }
             }
 
             /* Adaptive padding */
             .box--adaptive-padding .box__content {
-                padding-top: clamp(1rem, 100vw * 0.04, var(--um-space-box-padding-top-rem));
-                padding-right: clamp(1rem, 100vw * 0.04, var(--um-space-box-padding-right-rem));
-                padding-bottom: clamp(1rem, 100vw * 0.04, var(--um-space-box-padding-bottom-rem));
-                padding-left: clamp(1rem, 100vw * 0.04, var(--um-space-box-padding-left-rem));
+                padding-top: clamp(1rem, 100vw * 0.04, var(--umg-space-padding-top-rem));
+                padding-right: clamp(1rem, 100vw * 0.04, var(--umg-space-padding-right-rem));
+                padding-bottom: clamp(1rem, 100vw * 0.04, var(--umg-space-padding-bottom-rem));
+                padding-left: clamp(1rem, 100vw * 0.04, var(--umg-space-padding-left-rem));
             }
 
             /* Fixed padding */
             .box--fixed-padding .box__content {
-                padding-top: var(--um-space-box-padding-top-rem);
-                padding-right: var(--um-space-box-padding-right-rem);
-                padding-bottom: var(--um-space-box-padding-bottom-rem);
-                padding-left: var(--um-space-box-padding-left-rem);
+                padding-top: var(--umg-space-padding-top-rem);
+                padding-right: var(--umg-space-padding-right-rem);
+                padding-bottom: var(--umg-space-padding-bottom-rem);
+                padding-left: var(--umg-space-padding-left-rem);
             }
             .box--token-padding .box__content {
-                padding: var(--um-space-box-padding, 0.5rem);
+                padding: var(--umg-space-padding, 1.5rem);
             }
 
             @media only screen and (max-width: 48rem) {
@@ -165,65 +227,53 @@ o.styles = P([
                 .box--token-padding .box__content,
                 .box--adaptive-padding .box__content,
                 .box--fixed-padding .box__content {
-                    padding: var(--um-space-box-mobile-padding, 0.5rem);
+                    padding: var(--umg-space-padding-mobile, 1rem);
                 }
             }
         `
 ]);
-i([
-  d({ type: Number })
-], o.prototype, "maxWidth", 2);
-i([
-  d()
-], o.prototype, "padding", 2);
-i([
-  d()
-], o.prototype, "mobilePadding", 2);
-i([
-  d()
-], o.prototype, "paddingTop", 2);
-i([
-  d()
-], o.prototype, "paddingRight", 2);
-i([
-  d()
-], o.prototype, "paddingBottom", 2);
-i([
-  d()
-], o.prototype, "paddingLeft", 2);
-i([
-  d({ type: Boolean })
-], o.prototype, "adaptivePadding", 2);
-i([
-  d()
-], o.prototype, "colorText", 2);
-i([
-  d()
-], o.prototype, "colorBg", 2);
-i([
-  d({ type: Boolean })
-], o.prototype, "colorBlend", 2);
-i([
-  d()
-], o.prototype, "blendDirection", 2);
-i([
-  d({ type: Boolean })
-], o.prototype, "border", 2);
-i([
-  d()
-], o.prototype, "borderRadius", 2);
-i([
-  d()
-], o.prototype, "opacity", 2);
-i([
-  m()
-], o.prototype, "_mergedPadding", 2);
-i([
-  m()
-], o.prototype, "_mobilePadding", 2);
-o = i([
-  c(`${R}-box`)
-], o);
-export {
-  o as Box
-};
+__decorate([
+    property({ type: Number })
+], Box.prototype, "maxWidth", void 0);
+__decorate([
+    property()
+], Box.prototype, "padding", void 0);
+__decorate([
+    property()
+], Box.prototype, "mobilePadding", void 0);
+__decorate([
+    property()
+], Box.prototype, "paddingTop", void 0);
+__decorate([
+    property()
+], Box.prototype, "paddingRight", void 0);
+__decorate([
+    property()
+], Box.prototype, "paddingBottom", void 0);
+__decorate([
+    property()
+], Box.prototype, "paddingLeft", void 0);
+__decorate([
+    property({ type: Boolean })
+], Box.prototype, "adaptivePadding", void 0);
+__decorate([
+    property({ type: Boolean })
+], Box.prototype, "colorBlend", void 0);
+__decorate([
+    property()
+], Box.prototype, "blendDirection", void 0);
+__decorate([
+    property({ type: Boolean })
+], Box.prototype, "border", void 0);
+__decorate([
+    state()
+], Box.prototype, "_mergedPadding", void 0);
+__decorate([
+    state()
+], Box.prototype, "_mobilePadding", void 0);
+Box = __decorate([
+    customElement(`${prefix}-box`)
+], Box);
+
+export { Box };
+//# sourceMappingURL=box.js.map

package/dist/components/box/box.js.map

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

package/dist/components/box/index.d.ts

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

package/dist/components/box/index.d.ts.map

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

package/dist/components/button/button.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import type { ButtonType, ButtonAs, ButtonSize, ButtonAlignLabel, ButtonStyle, LinkTarget, PaddingScale } from '../../types';
+import type { ButtonType, ButtonAs, ButtonSize, ButtonAlignLabel, ButtonStyle, LinkTarget } from '../../types';
 export declare class Button extends LitElement {
     as: ButtonAs;
     type: ButtonType;
@@ -7,25 +7,26 @@ export declare class Button extends LitElement {
     clickAction?: string | undefined;
     url?: string | undefined;
     target: LinkTarget;
-    size: ButtonSize;
+    size: ButtonSize | undefined;
     buttonStyle: ButtonStyle;
-    borderRadius: PaddingScale | undefined;
     textAlign: ButtonAlignLabel;
     disabled: boolean;
     fullWidth: boolean;
     extendInteraction: boolean;
     extendInteractionHidden: boolean;
-    colorBg: string | undefined;
-    colorBgOpacity: string | undefined;
-    colorText: string | undefined;
     loading: boolean;
     constructor();
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        slotAssignment?: SlotAssignmentMode | undefined;
+    };
     private _extendedInteraction;
     handleClick(): void;
     buttonClasses(): any;
-    buttonStyles(): {};
     buttonAs(): import("lit").TemplateResult<1> | undefined;
     buttonContent(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAK3C,OAAO,KAAK,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,EACb,MAAM,aAAa,CAAA;AAapB,qBAEa,MAAO,SAAQ,UAAU;IAGlC,EAAE,EAAE,QAAQ,CAAW;IAGvB,IAAI,EAAE,UAAU,CAAW;IAG3B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAY;IAG5C,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAY;IAGpC,MAAM,EAAE,UAAU,CAAU;IAG5B,IAAI,EAAE,UAAU,GAAG,SAAS,CAAA;IAG5B,WAAW,EAAE,WAAW,CAAU;IAGlC,SAAS,EAAE,gBAAgB,CAAW;IAGtC,QAAQ,UAAQ;IAGhB,SAAS,UAAQ;IAGjB,iBAAiB,UAAQ;IAGzB,uBAAuB,UAAQ;IAG/B,OAAO,UAAQ;;IAOf,MAAM,CAAC,iBAAiB;;;;MAGvB;YAEa,oBAAoB;IAmBlC,WAAW;IAeX,aAAa;IAgBb,QAAQ;IA8BR,aAAa;IAuBb,MAAM;IAMN,MAAM,CAAC,MAAM,+BA+BX;CACL"}