@reown/appkit-ui 1.8.15-viem-upgrade.0 → 1.8.15-wc-linking-reset-headless.0

package/dist/esm/src/composites/wui-input-amount/styles.js

@@ -0,0 +1,65 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    position: relative;
+    display: inline-block;
+  }
+
+  :host([data-error='true']) > input {
+    color: ${({ tokens }) => tokens.core.textError};
+  }
+
+  :host([data-error='false']) > input {
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+  }
+
+  input {
+    background: transparent;
+    height: auto;
+    box-sizing: border-box;
+    color: ${({ tokens }) => tokens.theme.textPrimary};
+    font-feature-settings: 'case' on;
+    font-size: ${({ textSize }) => textSize.h4};
+    caret-color: ${({ tokens }) => tokens.core.backgroundAccentPrimary};
+    line-height: ${({ typography }) => typography['h4-regular-mono'].lineHeight};
+    letter-spacing: ${({ typography }) => typography['h4-regular-mono'].letterSpacing};
+    -webkit-appearance: none;
+    -moz-appearance: textfield;
+    padding: 0px;
+    font-family: ${({ fontFamily }) => fontFamily.mono};
+  }
+
+  :host([data-width-variant='auto']) input {
+    width: 100%;
+  }
+
+  :host([data-width-variant='fit']) input {
+    width: 1ch;
+  }
+
+  .wui-input-amount-fit-mirror {
+    position: absolute;
+    visibility: hidden;
+    white-space: pre;
+    font-size: var(--local-font-size);
+    line-height: 130%;
+    letter-spacing: -1.28px;
+    font-family: ${({ fontFamily }) => fontFamily.mono};
+  }
+
+  .wui-input-amount-fit-width {
+    display: inline-block;
+    position: relative;
+  }
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  input::placeholder {
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-input-amount/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-input-amount/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;aAOL,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;;;;aAIrC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;;;;;;;aAO1C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;iBAEpC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE;mBAC3B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,uBAAuB;mBACnD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,UAAU;sBACzD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,aAAa;;;;mBAIlE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI;;;;;;;;;;;;;;;;;;mBAkBnC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI;;;;;;;;;;;;;;;aAezC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;;CAEtD,CAAA"}

package/dist/esm/src/composites/wui-input-numeric/index.js

@@ -0,0 +1,40 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiInputNumeric = class WuiInputNumeric extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.value = '';
+    }
+    render() {
+        return html `<input
+      type="number"
+      maxlength="1"
+      inputmode="numeric"
+      autofocus
+      ?disabled=${this.disabled}
+      value=${this.value}
+    /> `;
+    }
+};
+WuiInputNumeric.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property({ type: Boolean })
+], WuiInputNumeric.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String })
+], WuiInputNumeric.prototype, "value", void 0);
+WuiInputNumeric = __decorate([
+    customElement('wui-input-numeric')
+], WuiInputNumeric);
+export { WuiInputNumeric };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-input-numeric/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-input-numeric/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAI+B,aAAQ,GAAG,KAAK,CAAA;QACjB,UAAK,GAAG,EAAE,CAAA;IAa/C,CAAC;IAViB,MAAM;QACpB,OAAO,IAAI,CAAA;;;;;kBAKG,IAAI,CAAC,QAAQ;cACjB,IAAI,CAAC,KAAK;QAChB,CAAA;IACN,CAAC;;AAhBsB,sBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGhC;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDAAwB;AACjB;IAAlC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAkB;AALlC,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAkB3B"}

package/dist/esm/src/composites/wui-input-numeric/styles.js

@@ -0,0 +1,56 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    position: relative;
+    display: inline-block;
+  }
+
+  input {
+    width: 48px;
+    height: 48px;
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    border: 1px solid ${({ tokens }) => tokens.theme.borderPrimary};
+    font-family: ${({ fontFamily }) => fontFamily.regular};
+    font-size: ${({ textSize }) => textSize.large};
+    line-height: 18px;
+    letter-spacing: -0.16px;
+    text-align: center;
+    color: ${({ tokens }) => tokens.theme.textPrimary};
+    caret-color: ${({ tokens }) => tokens.core.textAccentPrimary};
+    transition:
+      background-color ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']},
+      border-color ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']},
+      box-shadow ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']};
+    will-change: background-color, border-color, box-shadow;
+    box-sizing: border-box;
+    -webkit-appearance: none;
+    -moz-appearance: textfield;
+    padding: ${({ spacing }) => spacing[4]};
+  }
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  input[type='number'] {
+    -moz-appearance: textfield;
+  }
+
+  input:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  input:focus-visible:enabled {
+    background-color: transparent;
+    border: 1px solid ${({ tokens }) => tokens.theme.borderSecondary};
+    box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-input-numeric/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-input-numeric/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;;;kBASA,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;qBAC3C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;wBAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;mBAC/C,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO;iBACxC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK;;;;aAIpC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;mBAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;;yBAEvC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;UACjD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;qBACjC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;UAC7C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;mBACnC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;UAC3C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;eAKvC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;wBAoBlB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,eAAe;kCAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;CAEhF,CAAA"}

package/dist/esm/src/composites/wui-input-text/index.js

@@ -0,0 +1,131 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { createRef, ref } from 'lit/directives/ref.js';
+import '../../components/wui-icon/index.js';
+import '../../components/wui-text/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiInputText = class WuiInputText extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.inputElementRef = createRef();
+        this.disabled = false;
+        this.loading = false;
+        this.placeholder = '';
+        this.type = 'text';
+        this.value = '';
+        this.size = 'md';
+    }
+    render() {
+        return html ` <div class="wui-input-text-container">
+        ${this.templateLeftIcon()}
+        <input
+          data-size=${this.size}
+          ${ref(this.inputElementRef)}
+          data-testid="wui-input-text"
+          type=${this.type}
+          enterkeyhint=${ifDefined(this.enterKeyHint)}
+          ?disabled=${this.disabled}
+          placeholder=${this.placeholder}
+          @input=${this.dispatchInputChangeEvent.bind(this)}
+          @keydown=${this.onKeyDown}
+          .value=${this.value || ''}
+        />
+        ${this.templateSubmitButton()}
+        <slot class="wui-input-text-slot"></slot>
+      </div>
+      ${this.templateError()} ${this.templateWarning()}`;
+    }
+    templateLeftIcon() {
+        if (this.icon) {
+            return html `<wui-icon
+        class="wui-input-text-left-icon"
+        size="md"
+        data-size=${this.size}
+        color="inherit"
+        name=${this.icon}
+      ></wui-icon>`;
+        }
+        return null;
+    }
+    templateSubmitButton() {
+        if (this.onSubmit) {
+            return html `<button
+        class="wui-input-text-submit-button ${this.loading ? 'loading' : ''}"
+        @click=${this.onSubmit?.bind(this)}
+        ?disabled=${this.disabled || this.loading}
+      >
+        ${this.loading
+                ? html `<wui-icon name="spinner" size="md"></wui-icon>`
+                : html `<wui-icon name="chevronRight" size="md"></wui-icon>`}
+      </button>`;
+        }
+        return null;
+    }
+    templateError() {
+        if (this.errorText) {
+            return html `<wui-text variant="sm-regular" color="error">${this.errorText}</wui-text>`;
+        }
+        return null;
+    }
+    templateWarning() {
+        if (this.warningText) {
+            return html `<wui-text variant="sm-regular" color="warning">${this.warningText}</wui-text>`;
+        }
+        return null;
+    }
+    dispatchInputChangeEvent() {
+        this.dispatchEvent(new CustomEvent('inputChange', {
+            detail: this.inputElementRef.value?.value,
+            bubbles: true,
+            composed: true
+        }));
+    }
+};
+WuiInputText.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiInputText.prototype, "icon", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiInputText.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiInputText.prototype, "loading", void 0);
+__decorate([
+    property()
+], WuiInputText.prototype, "placeholder", void 0);
+__decorate([
+    property()
+], WuiInputText.prototype, "type", void 0);
+__decorate([
+    property()
+], WuiInputText.prototype, "value", void 0);
+__decorate([
+    property()
+], WuiInputText.prototype, "errorText", void 0);
+__decorate([
+    property()
+], WuiInputText.prototype, "warningText", void 0);
+__decorate([
+    property()
+], WuiInputText.prototype, "onSubmit", void 0);
+__decorate([
+    property()
+], WuiInputText.prototype, "size", void 0);
+__decorate([
+    property({ attribute: false })
+], WuiInputText.prototype, "onKeyDown", void 0);
+WuiInputText = __decorate([
+    customElement('wui-input-text')
+], WuiInputText);
+export { WuiInputText };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-input-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-input-text/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/composites/wui-input-text/styles.js

@@ -0,0 +1,125 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    position: relative;
+    width: 100%;
+    display: inline-flex;
+    flex-direction: column;
+    gap: ${({ spacing }) => spacing[3]};
+    color: ${({ tokens }) => tokens.theme.textPrimary};
+    caret-color: ${({ tokens }) => tokens.core.textAccentPrimary};
+  }
+
+  .wui-input-text-container {
+    position: relative;
+    display: flex;
+  }
+
+  input {
+    width: 100%;
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    color: inherit;
+    background: transparent;
+    border: 1px solid ${({ tokens }) => tokens.theme.borderPrimary};
+    caret-color: ${({ tokens }) => tokens.core.textAccentPrimary};
+    padding: ${({ spacing }) => spacing[3]} ${({ spacing }) => spacing[3]}
+      ${({ spacing }) => spacing[3]} ${({ spacing }) => spacing[10]};
+    font-size: ${({ textSize }) => textSize.large};
+    line-height: ${({ typography }) => typography['lg-regular'].lineHeight};
+    letter-spacing: ${({ typography }) => typography['lg-regular'].letterSpacing};
+    font-weight: ${({ fontWeight }) => fontWeight.regular};
+    font-family: ${({ fontFamily }) => fontFamily.regular};
+  }
+
+  input[data-size='lg'] {
+    padding: ${({ spacing }) => spacing[4]} ${({ spacing }) => spacing[3]}
+      ${({ spacing }) => spacing[4]} ${({ spacing }) => spacing[10]};
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    input:hover:enabled {
+      border: 1px solid ${({ tokens }) => tokens.theme.borderSecondary};
+    }
+  }
+
+  input:disabled {
+    cursor: unset;
+    border: 1px solid ${({ tokens }) => tokens.theme.borderPrimary};
+  }
+
+  input::placeholder {
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+  }
+
+  input:focus:enabled {
+    border: 1px solid ${({ tokens }) => tokens.theme.borderSecondary};
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    -webkit-box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};
+    -moz-box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};
+    box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};
+  }
+
+  div.wui-input-text-container:has(input:disabled) {
+    opacity: 0.5;
+  }
+
+  wui-icon.wui-input-text-left-icon {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    pointer-events: none;
+    left: ${({ spacing }) => spacing[4]};
+    color: ${({ tokens }) => tokens.theme.iconDefault};
+  }
+
+  button.wui-input-text-submit-button {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: ${({ spacing }) => spacing[3]};
+    width: 24px;
+    height: 24px;
+    border: none;
+    background: transparent;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+    color: ${({ tokens }) => tokens.core.textAccentPrimary};
+  }
+
+  button.wui-input-text-submit-button:disabled {
+    opacity: 1;
+  }
+
+  button.wui-input-text-submit-button.loading wui-icon {
+    animation: spin 1s linear infinite;
+  }
+
+  button.wui-input-text-submit-button:hover {
+    background: ${({ tokens }) => tokens.core.foregroundAccent010};
+  }
+
+  input:has(+ .wui-input-text-submit-button) {
+    padding-right: ${({ spacing }) => spacing[12]};
+  }
+
+  input[type='number'] {
+    -moz-appearance: textfield;
+  }
+
+  input[type='search']::-webkit-search-decoration,
+  input[type='search']::-webkit-search-cancel-button,
+  input[type='search']::-webkit-search-results-button,
+  input[type='search']::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+  }
+
+  /* -- Keyframes --------------------------------------------------- */
+  @keyframes spin {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-input-text/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-input-text/styles.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/composites/wui-link/index.js

@@ -0,0 +1,68 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import '../../components/wui-icon/index.js';
+import '../../components/wui-text/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+const TEXT_VARIANT_BY_SIZE = {
+    sm: 'sm-medium',
+    md: 'md-medium'
+};
+const TEXT_COLOR_BY_VARIANT = {
+    accent: 'accent-primary',
+    secondary: 'secondary'
+};
+let WuiLink = class WuiLink extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'md';
+        this.disabled = false;
+        this.variant = 'accent';
+        this.icon = undefined;
+    }
+    render() {
+        return html `
+      <button ?disabled=${this.disabled} data-variant=${this.variant}>
+        <slot name="iconLeft"></slot>
+        <wui-text
+          color=${TEXT_COLOR_BY_VARIANT[this.variant]}
+          variant=${TEXT_VARIANT_BY_SIZE[this.size]}
+        >
+          <slot></slot>
+        </wui-text>
+        ${this.iconTemplate()}
+      </button>
+    `;
+    }
+    iconTemplate() {
+        if (!this.icon) {
+            return null;
+        }
+        return html `<wui-icon name=${this.icon} size="sm"></wui-icon>`;
+    }
+};
+WuiLink.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiLink.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiLink.prototype, "disabled", void 0);
+__decorate([
+    property()
+], WuiLink.prototype, "variant", void 0);
+__decorate([
+    property()
+], WuiLink.prototype, "icon", void 0);
+WuiLink = __decorate([
+    customElement('wui-link')
+], WuiLink);
+export { WuiLink };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-link/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAIhC,MAAM,oBAAoB,GAAG;IAC3B,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;CACP,CAAA;AAEV,MAAM,qBAAqB,GAAG;IAC5B,MAAM,EAAE,gBAAgB;IACxB,SAAS,EAAE,WAAW;CACd,CAAA;AAGH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAIc,SAAI,GAA8B,IAAI,CAAA;QAErB,aAAQ,GAAG,KAAK,CAAA;QAEjC,YAAO,GAAsB,QAAQ,CAAA;QAErC,SAAI,GAAc,SAAS,CAAA;IA0BhD,CAAC;IAvBiB,MAAM;QACpB,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,QAAQ,iBAAiB,IAAI,CAAC,OAAO;;;kBAGlD,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC;oBACjC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC;;;;UAIzC,IAAI,CAAC,YAAY,EAAE;;KAExB,CAAA;IACH,CAAC;IAGO,YAAY;QAClB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,IAAI,wBAAwB,CAAA;IAChE,CAAC;;AAlCsB,cAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;qCAA8C;AAErB;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAAwB;AAEjC;IAAlB,QAAQ,EAAE;wCAA6C;AAErC;IAAlB,QAAQ,EAAE;qCAAmC;AAVnC,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAoCnB"}

package/dist/esm/src/composites/wui-link/styles.js

@@ -0,0 +1,59 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  button {
+    border: none;
+    background: transparent;
+    height: 20px;
+    padding: ${({ spacing }) => spacing[2]};
+    column-gap: ${({ spacing }) => spacing[1]};
+    border-radius: ${({ borderRadius }) => borderRadius[1]};
+    padding: 0 ${({ spacing }) => spacing[1]};
+    border-radius: ${({ spacing }) => spacing[1]};
+  }
+
+  /* -- Variants --------------------------------------------------------- */
+  button[data-variant='accent'] {
+    color: ${({ tokens }) => tokens.core.textAccentPrimary};
+  }
+
+  button[data-variant='secondary'] {
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  button:focus-visible:enabled {
+    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
+  }
+
+  button[data-variant='accent']:focus-visible:enabled {
+    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};
+  }
+
+  button[data-variant='secondary']:focus-visible:enabled {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  button[data-variant='accent']:hover:enabled {
+    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};
+  }
+
+  button[data-variant='secondary']:hover:enabled {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  button[data-variant='accent']:focus-visible {
+    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};
+  }
+
+  button[data-variant='secondary']:focus-visible {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
+  }
+
+  button[disabled] {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-link/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-link/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;eAKH,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;kBACxB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBACxB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;iBACzC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBACvB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;aAKnC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;;;;aAI7C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;;;;;;;;;wBAS/B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;;;wBAI/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;;wBAKhD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;;;wBAI/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;wBAIhD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;;;wBAI/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;;;;;CAQvE,CAAA"}