@pushengineering/umg-web-components 2.0.6 → 3.0.1

package/dist/components/button/styles/button-outline.js

@@ -0,0 +1,47 @@
+import { css } from 'lit';
+
+const buttonOutline = css `
+    .btn--outline {
+        background-color: transparent;
+        border-color: var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0)));
+        color: var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0)));
+    }
+    @supports (color: rgb(from white r g b)) {
+        .btn--outline {
+            border-color: rgb(from var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0))) r g b / alpha);
+            color: rgb(from var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0))) r g b / alpha);
+        }
+    }
+    .btn--outline[disabled],
+    .btn--outline[disabled]:hover {
+        cursor: default;
+        box-shadow: none;
+        color: var(--umg-color-base-background-disabled, rgb(220, 220, 220));
+        border-color: var(--umg-color-base-background-disabled, rgb(220, 220, 220));
+        background-color: transparent;
+    }
+    @supports (color: rgb(from white r g b)) {
+        .btn--outline[disabled],
+        .btn--outline[disabled]:hover {
+            color: rgb(from var(--umg-color-base-background-disabled, rgb(220, 220, 220)) R G B / alpha);
+            border-color: rgb(from var(--umg-color-base-background-disabled, rgb(220, 220, 220)) R G B / alpha);
+        }
+    }
+    .btn--outline:hover {
+        border-color: transparent;
+        box-shadow: 0 0 0 0.0625rem var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0)));
+    }
+    @supports (color: rgb(from white r g b)) {
+        .btn--outline:hover {
+            box-shadow: 0 0 0 0.0625rem rgb(from var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0))) r g b / alpha);
+        }
+    }
+    @supports (color: rgb(from white r g b)) {
+        .btn--outline > * {
+            --umg-color-base-text: rgb(var(--umg-color-button-background) r g b / alpha);
+        }
+    }
+`;
+
+export { buttonOutline };
+//# sourceMappingURL=button-outline.js.map

package/dist/components/button/styles/button-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-outline.js","sources":["../../../../src/components/button/styles/button-outline.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGO,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/button/styles/button-plain.d.ts

@@ -0,0 +1,2 @@
+export declare const buttonPlain: import("lit").CSSResult;
+//# sourceMappingURL=button-plain.d.ts.map

package/dist/components/button/styles/button-plain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-plain.d.ts","sourceRoot":"","sources":["../../../../src/components/button/styles/button-plain.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,yBAqDvB,CAAA"}

package/dist/components/button/styles/button-plain.js

@@ -0,0 +1,59 @@
+import { css } from 'lit';
+
+const buttonPlain = css `
+    .btn--plain[disabled], .btn--plain-underline[disabled] {
+        background-color: transparent;
+        color: var(--umg-color-base-text-disabled, rgb(160, 160, 160));
+    }
+    @supports (color: rgb(from white r g b)) {
+        .btn--plain[disabled], .btn--plain-underline[disabled] {
+            color: rgb(from var(--umg-color-base-text-disabled, rgb(160, 160, 160)) r g b / alpha);
+        }
+    }
+    .btn--plain, .btn--plain-underline {
+        border: none;
+        padding: 0;
+        height: auto;
+        background-color: transparent;
+        color: var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0)));
+    }
+    @supports (color: rgb(from white r g b)) {
+        .btn--plain, .btn--plain-underline {
+            color: rgb(from var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0))) r g b / alpha);
+        }
+    }
+    .btn--plain:focus-visible {
+        outline: none;
+        box-shadow: none;
+    }
+    .btn--plain:not(.btn--plain-underline):not([disabled]):hover,
+    .btn--plain:not(.btn--plain-underline):not([disabled]):focus-visible {
+        text-decoration: underline;
+        text-underline-offset: 0.2rem;
+    }
+    .btn--plain:not(.btn--plain-underline):not([disabled]):focus-visible {
+        text-decoration-thickness: 0.125rem;
+    }
+    .btn--plain-underline {
+        text-decoration: underline;
+        text-underline-offset: 0.2rem;
+        transition: text-decoration-color 0.2s;
+    }
+    .btn--plain-underline:not([disabled]):hover {
+        text-decoration-color: var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0, 0.5)));
+    }
+    .btn--plain-underline:not([disabled]):focus-visible {
+        outline: none;
+        box-shadow: none;
+        text-decoration-thickness: 0.125rem;
+        text-underline-offset: 0.25rem;
+    }
+    @supports (color: rgb(from white r g b)) {
+        .btn--plain-underline:not([disabled]):hover {
+            text-decoration-color: rgb(from var(--umg-color-button-background, var(--umg-color-base-text, rgb(0,0,0,0.5))) r g b / alpha)
+        }
+    }
+`;
+
+export { buttonPlain };
+//# sourceMappingURL=button-plain.js.map

package/dist/components/button/styles/button-plain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-plain.js","sources":["../../../../src/components/button/styles/button-plain.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGO,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -10,3 +10,4 @@ export declare class ButtonGroup extends LitElement {
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=button-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/components/button-group/button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAI3C,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAU3D,qBAEa,WAAY,SAAQ,UAAU;IAGvC,OAAO,EAAE,YAAY,CAAW;IAGhC,OAAO,EAAE,UAAU,CAAU;IAG7B,aAAa,EAAE,UAAU,CAAU;IAGnC,KAAK,UAAQ;IAGb,WAAW,UAAQ;IAEnB,kBAAkB;IAclB,MAAM;IAWN,MAAM,CAAC,MAAM,+BAwCX;CACL"}

package/dist/components/button-group/button-group.js

@@ -1,52 +1,61 @@
-import { css as n, LitElement as m, html as c } from "lit";
-import { customElement as b } from "lit/decorators/custom-element.js";
-import { property as e } from "lit/decorators/property.js";
-import { classMap as f } from "lit/directives/class-map.js";
-import { global as g } from "../../styles/global.js";
-import { groupSpacing as h, groupJustify as y, groupMobileJustify as d } from "../../styles/group.js";
-import { settings as w } from "../../scripts/settings.js";
-import { mergeStyles as k } from "../../scripts/mergeStyles.js";
-var v = Object.defineProperty, x = Object.getOwnPropertyDescriptor, r = (t, i, u, p) => {
-  for (var s = p > 1 ? void 0 : p ? x(i, u) : i, l = t.length - 1, a; l >= 0; l--)
-    (a = t[l]) && (s = (p ? a(i, u, s) : a(s)) || s);
-  return p && s && v(i, u, s), s;
-};
-const { prefix: j } = w;
-let o = class extends m {
-  constructor() {
-    super(...arguments), this.spacing = "normal", this.justify = "start", this.mobileJustify = "start", this.stack = !1, this.mobileStack = !1;
-  }
-  buttonGroupClasses() {
-    const t = {
-      "button-group": !0
-    };
-    return t["group-spacing--" + this.spacing] = !0, t["group-justify--" + this.justify] = !0, t["group-mobile-justify--" + this.mobileJustify] = !0, t["group--stack"] = this.stack, t["group--mobile-stack"] = this.mobileStack, t;
-  }
-  render() {
-    return c`
+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 { classMap } from 'lit/directives/class-map.js';
+import { global } from '../../styles/global.js';
+import { groupSpacing, groupJustify, groupMobileJustify } from '../../styles/group.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+
+const { prefix } = settings;
+let ButtonGroup = class ButtonGroup extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.spacing = 'normal';
+        this.justify = 'start';
+        this.mobileJustify = 'start';
+        this.stack = false;
+        this.mobileStack = false;
+    }
+    buttonGroupClasses() {
+        const classes = {
+            'button-group': true,
+        };
+        classes['group-spacing--' + this.spacing] = true;
+        classes['group-justify--' + this.justify] = true;
+        classes['group-mobile-justify--' + this.mobileJustify] = true;
+        classes['group--stack'] = this.stack;
+        classes['group--mobile-stack'] = this.mobileStack;
+        return classes;
+    }
+    render() {
+        return html `
             <div
                 part="button-group"
-                class="${f(this.buttonGroupClasses())}"
+                class="${classMap(this.buttonGroupClasses())}"
                 >
                 <slot part="button"></slot>
             </div>
         `;
-  }
+    }
 };
-o.styles = k([
-  g,
-  n`
-            :host([stack]), :host([mobileStack]) {
-                display: block;
-                width: var(--um-size-button-width, 100%);
+ButtonGroup.styles = mergeStyles([
+    global,
+    css `
+            @media screen and (max-width: 48rem) {
+                :host([stack]), :host([mobileStack]) {
+                    display: block;
+                    width: var(--umg-size-button-width, 100%);
+                }
             }
+            
             .button-group {
                 align-items: center;
                 display: flex;
                 flex-wrap: wrap;
                 width: 100%;
             }
-
             @media screen and (max-width: 48rem) {
                 .button-group.group--mobile-stack {
                     flex-direction: column;
@@ -54,7 +63,7 @@ o.styles = k([
                 .button-group.group--mobile-stack ::slotted(*) {
                     display: block;
                     width: 100%;
-                    --um-size-button-width: 100%
+                    --umg-size-button-width: 100%
                 }
             }
             @media screen and (min-width: 48.06rem) {
@@ -64,32 +73,32 @@ o.styles = k([
                 .button-group.group--stack ::slotted(*) {
                     display: block;
                     width: 100%;
-                    --um-size-button-width: 100%
+                    --umg-size-button-width: 100%
                 }
             }
         `,
-  h,
-  y,
-  d
+    groupSpacing,
+    groupJustify,
+    groupMobileJustify,
 ]);
-r([
-  e()
-], o.prototype, "spacing", 2);
-r([
-  e()
-], o.prototype, "justify", 2);
-r([
-  e()
-], o.prototype, "mobileJustify", 2);
-r([
-  e({ type: Boolean })
-], o.prototype, "stack", 2);
-r([
-  e({ type: Boolean })
-], o.prototype, "mobileStack", 2);
-o = r([
-  b(`${j}-button-group`)
-], o);
-export {
-  o as ButtonGroup
-};
+__decorate([
+    property()
+], ButtonGroup.prototype, "spacing", void 0);
+__decorate([
+    property()
+], ButtonGroup.prototype, "justify", void 0);
+__decorate([
+    property()
+], ButtonGroup.prototype, "mobileJustify", void 0);
+__decorate([
+    property({ type: Boolean })
+], ButtonGroup.prototype, "stack", void 0);
+__decorate([
+    property({ type: Boolean })
+], ButtonGroup.prototype, "mobileStack", void 0);
+ButtonGroup = __decorate([
+    customElement(`${prefix}-button-group`)
+], ButtonGroup);
+
+export { ButtonGroup };
+//# sourceMappingURL=button-group.js.map

package/dist/components/button-group/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sources":["../../../src/components/button-group/button-group.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAYA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU,CAAA;AAApC,IAAA,WAAA,GAAA;;QAGH,IAAO,CAAA,OAAA,GAAiB,QAAQ,CAAA;QAGhC,IAAO,CAAA,OAAA,GAAe,OAAO,CAAA;QAG7B,IAAa,CAAA,aAAA,GAAe,OAAO,CAAA;QAGnC,IAAK,CAAA,KAAA,GAAG,KAAK,CAAA;QAGb,IAAW,CAAA,WAAA,GAAG,KAAK,CAAA;KAoEtB;IAlEG,kBAAkB,GAAA;AACd,QAAA,MAAM,OAAO,GAAQ;AACjB,YAAA,cAAc,EAAE,IAAI;SACvB,CAAA;QAED,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;QAChD,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;QAChD,OAAO,CAAC,wBAAwB,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAA;AAC7D,QAAA,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,KAAK,CAAA;AACpC,QAAA,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAC,WAAW,CAAA;AAEjD,QAAA,OAAO,OAAO,CAAA;KACjB;IAED,MAAM,GAAA;AACF,QAAA,OAAO,IAAI,CAAA,CAAA;;;AAGM,uBAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAA;;;;SAInD,CAAA;KACJ;;AAEM,WAAM,CAAA,MAAA,GAAG,WAAW,CAAC;IACxB,MAAM;AACN,IAAA,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCF,QAAA,CAAA;IACD,YAAY;IACZ,YAAY;IACZ,kBAAkB;AACrB,CAAA,CAAC,CAAA;AA/EF,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACqB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGhC,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACkB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG7B,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACwB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGnC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACf,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACT,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAfV,WAAW,GAAA,UAAA,CAAA;AAFvB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe,CAAC;AAE3B,CAAA,EAAA,WAAW,CAmFvB;;;;"}

package/dist/components/button-group/index.d.ts

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

package/dist/components/button-group/index.d.ts.map

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

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

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import type { ButtonAs, ButtonType, LinkTarget, Icons, FontBodySize } from '../../types';
+import type { ButtonAs, ButtonType, LinkTarget, Icons, FontSize } from '../../types';
 import '../icon/';
 export declare class ButtonIcon extends LitElement {
     as: ButtonAs;
@@ -9,23 +9,26 @@ export declare class ButtonIcon extends LitElement {
     target: LinkTarget;
     type: ButtonType;
     icon: Icons;
-    size: FontBodySize;
+    size: FontSize;
     extendInteraction: boolean;
     disabled: boolean;
-    padding: string;
+    loading: boolean;
+    padding: string | undefined;
     border: boolean;
-    borderRadius: string | undefined;
-    borderWidth: string | undefined;
-    colorText: string | undefined;
-    colorBg: string | undefined;
-    colorBgOpacity: string | undefined;
     label: string;
     constructor();
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        slotAssignment?: SlotAssignmentMode | undefined;
+    };
     private _extendedInteraction;
     handleClick(): void;
     buttonIconClasses(): any;
     buttonIconStyles(): {};
+    buttonIcon(): import("lit").TemplateResult<1>;
     buttonAs(): import("lit").TemplateResult<1> | undefined;
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=button-icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-icon.d.ts","sourceRoot":"","sources":["../../../src/components/button-icon/button-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAM3C,OAAO,KAAK,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAQ,EACX,MAAM,aAAa,CAAA;AAQpB,OAAO,UAAU,CAAA;AAIjB,qBAEa,UAAW,SAAQ,UAAU;IAGtC,EAAE,EAAE,QAAQ,CAAW;IAGvB,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAY;IAGpC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAY;IAG5C,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAY;IAGpC,MAAM,EAAE,UAAU,CAAU;IAG5B,IAAI,EAAE,UAAU,CAAW;IAG3B,IAAI,EAAE,KAAK,CAAS;IAGpB,IAAI,EAAE,QAAQ,CAAW;IAGzB,iBAAiB,UAAQ;IAGzB,QAAQ,UAAQ;IAGhB,OAAO,UAAQ;IAGf,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IAG3B,MAAM,UAAQ;IAGd,KAAK,SAAe;;IAOpB,MAAM,CAAC,iBAAiB;;;;MAGvB;YAEa,oBAAoB;IAmBlC,WAAW;IAeX,iBAAiB;IASjB,gBAAgB;IAkBhB,UAAU;IAuBV,QAAQ;IAiCR,MAAM;IAMN,MAAM,CAAC,MAAM,+BAgFX;CACL"}