@eui/eds-wc 22.0.0-alpha.5 → 22.0.0-alpha.50

package/eds-button/eds-wc-button.js

@@ -7,22 +7,24 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { EdsBaseElement } from '../shared/eds-base.js';
-import { ColorMixin } from '../shared/color-mixin.js';
-import { SizeMixin } from '../shared/size-mixin.js';
 /**
  * `<eds-wc-button>` — EDS Button Web Component.
  *
  * A fully styled button supporting multiple visual types (primary, secondary, tertiary),
- * color variants, sizes, and modifiers (rounded, block, icon-only).
+ * color variants, sizes, and modifiers (rounded, block, line-wrap). Mirrors the Angular
+ * `button[edsButton]` component's String-Props API 1:1: `variant` (reflected as the
+ * `type-variant` attribute, matching the Angular `[attr.type-variant]` host binding),
+ * `color`, `size`, and the reflected boolean state attributes `rounded` / `block` /
+ * `line-wrap` / `disabled`.
  *
  * Unlike the Angular `button[edsButton]` directive which decorates a native `<button>`,
- * this web component renders its own internal `<button>` element and delegates focus/click.
+ * this web component renders its own internal `<button>` element.
  *
  * @example
  * ```html
- * <eds-wc-button type="primary" color="primary" size="m">Submit</eds-wc-button>
- * <eds-wc-button type="secondary" color="neutral" size="s">Cancel</eds-wc-button>
- * <eds-wc-button type="tertiary" color="critical" disabled>Delete</eds-wc-button>
+ * <eds-wc-button color="primary" size="m">Submit</eds-wc-button>
+ * <eds-wc-button type-variant="secondary" color="neutral" size="s">Cancel</eds-wc-button>
+ * <eds-wc-button type-variant="tertiary" color="critical" disabled>Delete</eds-wc-button>
  * ```
  *
  * @slot - Button content (label text, icons, etc.)
@@ -30,27 +32,41 @@ import { SizeMixin } from '../shared/size-mixin.js';
  * @csspart button - The internal `<button>` element
  * @csspart container - The inner flex container wrapping slotted content
  */
-let EdsWcButton = class EdsWcButton extends SizeMixin(ColorMixin(EdsBaseElement)) {
+let EdsWcButton = class EdsWcButton extends EdsBaseElement {
     constructor() {
         super(...arguments);
         /**
-         * Visual type of the button.
+         * Visual type of the button. Reflected as the `type-variant` attribute (matching the
+         * Angular `variant` input / `[attr.type-variant]` host binding).
          * @default 'primary'
          */
-        this.type = 'primary';
+        this.variant = 'primary';
+        /**
+         * Semantic color of the button.
+         * @default 'primary'
+         */
+        this.color = 'primary';
+        /**
+         * Size of the button.
+         * @default 'm'
+         */
+        this.size = 'm';
         /**
          * Whether the button is disabled.
          * Reflects to the internal `<button>` element's `disabled` attribute.
          */
         this.disabled = false;
-        /** Makes the button full-width (block-level). */
+        /** Makes the button full-width (block-level). Mirrors the Angular `isBlock` input. */
         this.block = false;
-        /** Styles the button for icon-only content (square aspect ratio). */
-        this.iconOnly = false;
-        /** Applies fully rounded border-radius. */
+        /** Applies a fully rounded border-radius. Mirrors the Angular `isRounded` input. */
         this.rounded = false;
-        /** Allows text content to wrap. */
+        /** Allows text content to wrap. Mirrors the Angular `hasLineWrap` input. */
         this.lineWrap = false;
+        /**
+         * Marks the button as initially checked/selected within an `eds-wc-button-group`.
+         * Mirrors the Angular `isChecked` input; read by a parent group.
+         */
+        this.checked = false;
     }
     static { this.styles = css `
         :host {
@@ -86,29 +102,35 @@ let EdsWcButton = class EdsWcButton extends SizeMixin(ColorMixin(EdsBaseElement)
             width: 100%;
 
             /* Token-driven */
-            background-color: var(--_surface);
-            color: var(--_on-surface);
-            border-width: var(--_border-width);
-            border-color: var(--_border-color);
-            font-size: var(--_font-size);
-            min-height: var(--_size);
-            min-width: var(--_size);
-            padding: var(--_padding);
+            background-color: var(--_eds-button-surface);
+            color: var(--_eds-button-on-surface);
+            border-width: var(--_eds-button-border-width);
+            border-color: var(--_eds-button-border-color);
+            font-size: var(--_eds-button-font-size);
+            min-height: var(--_eds-button-size);
+            min-width: var(--_eds-button-size);
+            padding: var(--_eds-button-padding);
+
+            /* a projected eds-wc-icon follows the button foreground (on-surface) color + size */
+            --_eds-icon-color-inherit: var(--_eds-button-on-surface);
+            --_eds-icon-size-inherit: var(--_eds-button-icon-size);
         }
 
         button:hover {
-            background-color: var(--_surface-hover);
-            color: var(--_on-surface-hover);
+            background-color: var(--_eds-button-surface-hover);
+            color: var(--_eds-button-on-surface-hover);
+            --_eds-icon-color-inherit: var(--_eds-button-on-surface-hover);
         }
 
         button:active {
-            background-color: var(--_surface-active);
-            color: var(--_on-surface-active);
+            background-color: var(--_eds-button-surface-active);
+            color: var(--_eds-button-on-surface-active);
+            --_eds-icon-color-inherit: var(--_eds-button-on-surface-active);
         }
 
         button:focus-visible {
-            outline: 2px solid var(--eds-c-border-focus);
-            outline-offset: 2px;
+            outline: var(--eds-bw-s) solid var(--eds-c-border-primary);
+            outline-offset: 1px;
         }
 
         button:disabled {
@@ -125,151 +147,151 @@ let EdsWcButton = class EdsWcButton extends SizeMixin(ColorMixin(EdsBaseElement)
         }
 
         /* --- TYPE: PRIMARY --- */
-        :host([type="primary"]) {
-            --_border-width: var(--eds-bw-none);
-            --_border-color: transparent;
+        :host([type-variant="primary"]) {
+            --_eds-button-border-width: var(--eds-bw-none);
+            --_eds-button-border-color: transparent;
         }
-        :host([type="primary"][color="primary"]) {
-            --_surface: var(--eds-c-surface-primary);
-            --_on-surface: var(--eds-c-on-surface-primary);
-            --_surface-hover: var(--eds-c-surface-primary--hover);
-            --_on-surface-hover: var(--eds-c-on-surface-primary--hover);
-            --_surface-active: var(--eds-c-surface-primary--pressed);
-            --_on-surface-active: var(--eds-c-on-surface-primary--pressed);
+        :host([type-variant="primary"][color="primary"]) {
+            --_eds-button-surface: var(--eds-c-surface-primary);
+            --_eds-button-on-surface: var(--eds-c-on-surface-primary);
+            --_eds-button-surface-hover: var(--eds-c-surface-primary--hover);
+            --_eds-button-on-surface-hover: var(--eds-c-on-surface-primary--hover);
+            --_eds-button-surface-active: var(--eds-c-surface-primary--pressed);
+            --_eds-button-on-surface-active: var(--eds-c-on-surface-primary--pressed);
         }
-        :host([type="primary"][color="highlight"]) {
-            --_surface: var(--eds-c-surface-highlight);
-            --_on-surface: var(--eds-c-on-surface-highlight);
-            --_surface-hover: var(--eds-c-surface-highlight--hover);
-            --_on-surface-hover: var(--eds-c-on-surface-highlight--hover);
-            --_surface-active: var(--eds-c-surface-highlight--pressed);
-            --_on-surface-active: var(--eds-c-on-surface-highlight--pressed);
+        :host([type-variant="primary"][color="highlight"]) {
+            --_eds-button-surface: var(--eds-c-surface-highlight);
+            --_eds-button-on-surface: var(--eds-c-on-surface-highlight);
+            --_eds-button-surface-hover: var(--eds-c-surface-highlight--hover);
+            --_eds-button-on-surface-hover: var(--eds-c-on-surface-highlight--hover);
+            --_eds-button-surface-active: var(--eds-c-surface-highlight--pressed);
+            --_eds-button-on-surface-active: var(--eds-c-on-surface-highlight--pressed);
         }
-        :host([type="primary"][color="critical"]) {
-            --_surface: var(--eds-c-surface-critical);
-            --_on-surface: var(--eds-c-on-surface-critical);
-            --_surface-hover: var(--eds-c-surface-critical--hover);
-            --_on-surface-hover: var(--eds-c-on-surface-critical--hover);
-            --_surface-active: var(--eds-c-surface-critical--pressed);
-            --_on-surface-active: var(--eds-c-on-surface-critical--pressed);
+        :host([type-variant="primary"][color="critical"]) {
+            --_eds-button-surface: var(--eds-c-surface-critical);
+            --_eds-button-on-surface: var(--eds-c-on-surface-critical);
+            --_eds-button-surface-hover: var(--eds-c-surface-critical--hover);
+            --_eds-button-on-surface-hover: var(--eds-c-on-surface-critical--hover);
+            --_eds-button-surface-active: var(--eds-c-surface-critical--pressed);
+            --_eds-button-on-surface-active: var(--eds-c-on-surface-critical--pressed);
         }
-        :host([type="primary"][disabled]) {
-            --_surface: var(--eds-c-surface-disabled);
-            --_on-surface: var(--eds-c-foreground-disabled);
-            --_surface-hover: var(--eds-c-surface-disabled);
-            --_on-surface-hover: var(--eds-c-foreground-disabled);
-            --_surface-active: var(--eds-c-surface-disabled);
-            --_on-surface-active: var(--eds-c-foreground-disabled);
+        :host([type-variant="primary"][disabled]) {
+            --_eds-button-surface: var(--eds-c-surface-disabled);
+            --_eds-button-on-surface: var(--eds-c-foreground-disabled);
+            --_eds-button-surface-hover: var(--eds-c-surface-disabled);
+            --_eds-button-on-surface-hover: var(--eds-c-foreground-disabled);
+            --_eds-button-surface-active: var(--eds-c-surface-disabled);
+            --_eds-button-on-surface-active: var(--eds-c-foreground-disabled);
         }
 
         /* --- TYPE: SECONDARY --- */
-        :host([type="secondary"]) {
-            --_border-width: var(--eds-bw-xs);
-            --_surface: transparent;
+        :host([type-variant="secondary"]) {
+            --_eds-button-border-width: var(--eds-bw-xs);
+            --_eds-button-surface: transparent;
         }
-        :host([type="secondary"][color="primary"]) {
-            --_border-color: var(--eds-c-border-primary);
-            --_on-surface: var(--eds-c-foreground-primary);
-            --_surface-hover: var(--eds-c-surface-primary-subtle);
-            --_on-surface-hover: var(--eds-c-on-surface-primary-subtle);
-            --_surface-active: var(--eds-c-surface-primary-subtle);
-            --_on-surface-active: var(--eds-c-on-surface-primary-subtle);
+        :host([type-variant="secondary"][color="primary"]) {
+            --_eds-button-border-color: var(--eds-c-border-primary);
+            --_eds-button-on-surface: var(--eds-c-foreground-primary);
+            --_eds-button-surface-hover: var(--eds-c-surface-primary-subtle);
+            --_eds-button-on-surface-hover: var(--eds-c-on-surface-primary-subtle);
+            --_eds-button-surface-active: var(--eds-c-surface-primary-subtle);
+            --_eds-button-on-surface-active: var(--eds-c-on-surface-primary-subtle);
         }
-        :host([type="secondary"][color="neutral"]) {
-            --_border-color: var(--eds-c-border-neutral);
-            --_on-surface: var(--eds-c-foreground-neutral);
-            --_surface-hover: var(--eds-c-surface-neutral-subtle);
-            --_on-surface-hover: var(--eds-c-on-surface-neutral-subtle);
-            --_surface-active: var(--eds-c-surface-neutral-subtle);
-            --_on-surface-active: var(--eds-c-on-surface-neutral-subtle);
+        :host([type-variant="secondary"][color="neutral"]) {
+            --_eds-button-border-color: var(--eds-c-border-neutral);
+            --_eds-button-on-surface: var(--eds-c-foreground-neutral);
+            --_eds-button-surface-hover: var(--eds-c-surface-neutral-subtle);
+            --_eds-button-on-surface-hover: var(--eds-c-on-surface-neutral-subtle);
+            --_eds-button-surface-active: var(--eds-c-surface-neutral-subtle);
+            --_eds-button-on-surface-active: var(--eds-c-on-surface-neutral-subtle);
         }
-        :host([type="secondary"][color="highlight"]) {
-            --_border-color: var(--eds-c-border-highlight);
-            --_on-surface: var(--eds-c-foreground-highlight);
-            --_surface-hover: var(--eds-c-surface-highlight-subtler);
-            --_on-surface-hover: var(--eds-c-on-surface-highlight-subtler);
-            --_surface-active: var(--eds-c-surface-highlight-subtler);
-            --_on-surface-active: var(--eds-c-on-surface-highlight-subtler);
+        :host([type-variant="secondary"][color="highlight"]) {
+            --_eds-button-border-color: var(--eds-c-border-highlight);
+            --_eds-button-on-surface: var(--eds-c-foreground-highlight);
+            --_eds-button-surface-hover: var(--eds-c-surface-highlight-subtler);
+            --_eds-button-on-surface-hover: var(--eds-c-on-surface-highlight-subtler);
+            --_eds-button-surface-active: var(--eds-c-surface-highlight-subtler);
+            --_eds-button-on-surface-active: var(--eds-c-on-surface-highlight-subtler);
         }
-        :host([type="secondary"][color="critical"]) {
-            --_border-color: var(--eds-c-border-critical);
-            --_on-surface: var(--eds-c-foreground-critical);
-            --_surface-hover: var(--eds-c-surface-critical-subtler);
-            --_on-surface-hover: var(--eds-c-on-surface-critical-subtler);
-            --_surface-active: var(--eds-c-surface-critical-subtler);
-            --_on-surface-active: var(--eds-c-on-surface-critical-subtler);
+        :host([type-variant="secondary"][color="critical"]) {
+            --_eds-button-border-color: var(--eds-c-border-critical);
+            --_eds-button-on-surface: var(--eds-c-foreground-critical);
+            --_eds-button-surface-hover: var(--eds-c-surface-critical-subtler);
+            --_eds-button-on-surface-hover: var(--eds-c-on-surface-critical-subtler);
+            --_eds-button-surface-active: var(--eds-c-surface-critical-subtler);
+            --_eds-button-on-surface-active: var(--eds-c-on-surface-critical-subtler);
         }
-        :host([type="secondary"][disabled]) {
-            --_border-width: var(--eds-bw-xs);
-            --_border-color: var(--eds-c-border-disabled);
-            --_surface: var(--eds-c-surface-elevation);
-            --_on-surface: var(--eds-c-foreground-disabled);
-            --_surface-hover: var(--eds-c-surface-elevation);
-            --_on-surface-hover: var(--eds-c-foreground-disabled);
-            --_surface-active: var(--eds-c-surface-elevation);
-            --_on-surface-active: var(--eds-c-foreground-disabled);
+        :host([type-variant="secondary"][disabled]) {
+            --_eds-button-border-width: var(--eds-bw-xs);
+            --_eds-button-border-color: var(--eds-c-border-disabled);
+            --_eds-button-surface: var(--eds-c-surface-elevation);
+            --_eds-button-on-surface: var(--eds-c-foreground-disabled);
+            --_eds-button-surface-hover: var(--eds-c-surface-elevation);
+            --_eds-button-on-surface-hover: var(--eds-c-foreground-disabled);
+            --_eds-button-surface-active: var(--eds-c-surface-elevation);
+            --_eds-button-on-surface-active: var(--eds-c-foreground-disabled);
         }
 
         /* --- TYPE: TERTIARY --- */
-        :host([type="tertiary"]) {
-            --_border-width: var(--eds-bw-none);
-            --_surface: transparent;
+        :host([type-variant="tertiary"]) {
+            --_eds-button-border-width: var(--eds-bw-none);
+            --_eds-button-surface: transparent;
         }
-        :host([type="tertiary"][color="primary"]) {
-            --_on-surface: var(--eds-c-foreground-primary);
-            --_surface-hover: var(--eds-c-surface-primary-subtle);
-            --_on-surface-hover: var(--eds-c-on-surface-primary-subtle);
-            --_surface-active: var(--eds-c-surface-primary-subtle);
-            --_on-surface-active: var(--eds-c-on-surface-primary-subtle);
+        :host([type-variant="tertiary"][color="primary"]) {
+            --_eds-button-on-surface: var(--eds-c-foreground-primary);
+            --_eds-button-surface-hover: var(--eds-c-surface-primary-subtle);
+            --_eds-button-on-surface-hover: var(--eds-c-on-surface-primary-subtle);
+            --_eds-button-surface-active: var(--eds-c-surface-primary-subtle);
+            --_eds-button-on-surface-active: var(--eds-c-on-surface-primary-subtle);
         }
-        :host([type="tertiary"][color="neutral"]) {
-            --_on-surface: var(--eds-c-foreground-neutral);
-            --_surface-hover: var(--eds-c-surface-neutral-subtle);
-            --_on-surface-hover: var(--eds-c-on-surface-neutral-subtle);
-            --_surface-active: var(--eds-c-surface-neutral-subtle);
-            --_on-surface-active: var(--eds-c-on-surface-neutral-subtle);
+        :host([type-variant="tertiary"][color="neutral"]) {
+            --_eds-button-on-surface: var(--eds-c-foreground-neutral);
+            --_eds-button-surface-hover: var(--_button-surface-hover, var(--eds-c-surface-neutral-subtle));
+            --_eds-button-on-surface-hover: var(--_button-on-surface-hover, var(--eds-c-on-surface-neutral-subtle));
+            --_eds-button-surface-active: var(--eds-c-surface-neutral-subtle);
+            --_eds-button-on-surface-active: var(--eds-c-on-surface-neutral-subtle);
         }
-        :host([type="tertiary"][color="highlight"]) {
-            --_on-surface: var(--eds-c-foreground-highlight);
-            --_surface-hover: var(--eds-c-surface-highlight-subtler);
-            --_on-surface-hover: var(--eds-c-on-surface-highlight-subtler);
-            --_surface-active: var(--eds-c-surface-highlight-subtler);
-            --_on-surface-active: var(--eds-c-on-surface-highlight-subtler);
+        :host([type-variant="tertiary"][color="highlight"]) {
+            --_eds-button-on-surface: var(--eds-c-foreground-highlight);
+            --_eds-button-surface-hover: var(--eds-c-surface-highlight-subtler);
+            --_eds-button-on-surface-hover: var(--eds-c-on-surface-highlight-subtler);
+            --_eds-button-surface-active: var(--eds-c-surface-highlight-subtler);
+            --_eds-button-on-surface-active: var(--eds-c-on-surface-highlight-subtler);
         }
-        :host([type="tertiary"][color="critical"]) {
-            --_on-surface: var(--eds-c-foreground-critical);
-            --_surface-hover: var(--eds-c-surface-critical-subtler);
-            --_on-surface-hover: var(--eds-c-on-surface-critical-subtler);
-            --_surface-active: var(--eds-c-surface-critical-subtler);
-            --_on-surface-active: var(--eds-c-on-surface-critical-subtler);
+        :host([type-variant="tertiary"][color="critical"]) {
+            --_eds-button-on-surface: var(--eds-c-foreground-critical);
+            --_eds-button-surface-hover: var(--_button-surface-hover, var(--eds-c-surface-critical-subtler));
+            --_eds-button-on-surface-hover: var(--_button-on-surface-hover, var(--eds-c-on-surface-critical-subtler));
+            --_eds-button-surface-active: var(--eds-c-surface-critical-subtler);
+            --_eds-button-on-surface-active: var(--eds-c-on-surface-critical-subtler);
         }
-        :host([type="tertiary"][disabled]) {
-            --_surface: var(--eds-c-surface-elevation);
-            --_on-surface: var(--eds-c-foreground-disabled);
-            --_surface-hover: var(--eds-c-surface-elevation);
-            --_on-surface-hover: var(--eds-c-foreground-disabled);
-            --_surface-active: var(--eds-c-surface-elevation);
-            --_on-surface-active: var(--eds-c-foreground-disabled);
+        :host([type-variant="tertiary"][disabled]) {
+            --_eds-button-surface: var(--eds-c-surface-elevation);
+            --_eds-button-on-surface: var(--eds-c-foreground-disabled);
+            --_eds-button-surface-hover: var(--eds-c-surface-elevation);
+            --_eds-button-on-surface-hover: var(--eds-c-foreground-disabled);
+            --_eds-button-surface-active: var(--eds-c-surface-elevation);
+            --_eds-button-on-surface-active: var(--eds-c-foreground-disabled);
         }
 
         /* --- SIZES --- */
         :host([size="s"]) {
-            --_font-size: var(--eds-f-s-s);
-            --_padding: 0 var(--eds-sp-2xs);
-            --_size: var(--eds-sp-3xl);
-            --_icon-size: var(--eds-is-s);
+            --_eds-button-font-size: var(--eds-f-s-s);
+            --_eds-button-padding: var(--eds-sp-2xs);
+            --_eds-button-size: var(--eds-sp-3xl);
+            --_eds-button-icon-size: var(--eds-is-s);
         }
         :host([size="m"]) {
-            --_font-size: var(--eds-f-s-m);
-            --_padding: 0 var(--eds-sp-xs);
-            --_size: var(--eds-sp-5xl);
-            --_icon-size: var(--eds-is-m);
+            --_eds-button-font-size: var(--eds-f-s-m);
+            --_eds-button-padding: var(--eds-sp-xs);
+            --_eds-button-size: var(--eds-sp-5xl);
+            --_eds-button-icon-size: var(--eds-is-m);
         }
         :host([size="l"]) {
-            --_font-size: var(--eds-f-s-l);
-            --_padding: 0 var(--eds-sp-s);
-            --_size: var(--eds-sp-8xl);
-            --_icon-size: var(--eds-is-m);
+            --_eds-button-font-size: var(--eds-f-s-l);
+            --_eds-button-padding: var(--eds-sp-s);
+            --_eds-button-size: var(--eds-sp-7xl);
+            --_eds-button-icon-size: var(--eds-is-m);
         }
 
         /* --- MODIFIERS --- */
@@ -297,24 +319,30 @@ let EdsWcButton = class EdsWcButton extends SizeMixin(ColorMixin(EdsBaseElement)
         `;
     }
 };
+__decorate([
+    property({ type: String, reflect: true, attribute: 'type-variant' })
+], EdsWcButton.prototype, "variant", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], EdsWcButton.prototype, "color", void 0);
 __decorate([
     property({ type: String, reflect: true })
-], EdsWcButton.prototype, "type", void 0);
+], EdsWcButton.prototype, "size", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], EdsWcButton.prototype, "disabled", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], EdsWcButton.prototype, "block", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: 'icon-only' })
-], EdsWcButton.prototype, "iconOnly", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], EdsWcButton.prototype, "rounded", void 0);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: 'line-wrap' })
 ], EdsWcButton.prototype, "lineWrap", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EdsWcButton.prototype, "checked", void 0);
 EdsWcButton = __decorate([
     customElement('eds-wc-button')
 ], EdsWcButton);

package/eds-button/eds-wc-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"eds-wc-button.js","sourceRoot":"","sources":["../../src/eds-button/eds-wc-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAUpD;;;;;;;;;;;;;;;;;;;;GAoBG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAA/D;;QACH;;;WAGG;QAEH,SAAI,GAAkB,SAAS,CAAC;QAEhC;;;WAGG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB,iDAAiD;QAEjD,UAAK,GAAG,KAAK,CAAC;QAEd,qEAAqE;QAErE,aAAQ,GAAG,KAAK,CAAC;QAEjB,2CAA2C;QAE3C,YAAO,GAAG,KAAK,CAAC;QAEhB,mCAAmC;QAEnC,aAAQ,GAAG,KAAK,CAAC;IAuPrB,CAAC;aArPmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuO3B,AAvOqB,CAuOpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA;;;6BAGU,IAAI,CAAC,QAAQ;;;;;;SAMjC,CAAC;IACN,CAAC;;AA7QD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCACV;AAOhC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAC1B;AAIjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAC7B;AAId;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;6CAClD;AAIjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAC3B;AAIhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;6CAClD;AA7BR,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CAoRvB"}
+{"version":3,"file":"eds-wc-button.js","sourceRoot":"","sources":["../../src/eds-button/eds-wc-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoBvD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,cAAc;IAAxC;;QACH;;;;WAIG;QAEH,YAAO,GAAoB,SAAS,CAAC;QAErC;;;WAGG;QAEH,UAAK,GAAqB,SAAS,CAAC;QAEpC;;;WAGG;QAEH,SAAI,GAAoB,GAAG,CAAC;QAE5B;;;WAGG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB,sFAAsF;QAEtF,UAAK,GAAG,KAAK,CAAC;QAEd,oFAAoF;QAEpF,YAAO,GAAG,KAAK,CAAC;QAEhB,4EAA4E;QAE5E,aAAQ,GAAG,KAAK,CAAC;QAEjB;;;WAGG;QAEH,YAAO,GAAG,KAAK,CAAC;IA6PpB,CAAC;aA3PmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6O3B,AA7OqB,CA6OpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA;;;6BAGU,IAAI,CAAC,QAAQ;;;;;;SAMjC,CAAC;IACN,CAAC;;AApSD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;4CAChC;AAOrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CACN;AAOpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCACd;AAO5B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAC1B;AAIjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAC7B;AAId;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAC3B;AAIhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;6CAClD;AAOjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAC3B;AA/CP,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CA4SvB"}

package/eds-button/index.d.ts

@@ -1,3 +1,3 @@
-export { EdsWcButton } from './eds-wc-button.js';
-export type { EdsButtonType } from './eds-wc-button.js';
+export { EdsWcButton } from './eds-wc-button';
+export type { EdsWcButtonType, EdsWcButtonColor, EdsWcButtonSize } from './eds-wc-button';
 //# sourceMappingURL=index.d.ts.map

package/eds-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/eds-button/index.js

@@ -1,2 +1,2 @@
-export { EdsWcButton } from './eds-wc-button.js';
+export { EdsWcButton } from './eds-wc-button';
 //# sourceMappingURL=index.js.map

package/eds-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}