@affinda/wc 0.0.1 → 0.0.3

package/dist/components/p-D6PwARU0.js

@@ -1,59 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-DOtgsZRB.js';
-
-const afIconButtonCss = ":host{display:inline-flex}button{--button-size-sm:36px;--button-size-md:44px;width:var(--button-size-md);height:var(--button-size-md);border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--af-color-brand-primary-500);cursor:pointer;transition:transform 120ms ease, box-shadow 160ms ease, background-color 160ms ease;box-shadow:none}button.size-sm{width:var(--button-size-sm);height:var(--button-size-sm)}button:disabled{cursor:not-allowed;opacity:0.5;box-shadow:none}button.variant-solid{background:linear-gradient(135deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600));color:var(--af-color-fg-inverse);box-shadow:0 10px 24px rgba(124, 58, 237, 0.24)}button.variant-soft{background:rgba(124, 58, 237, 0.14);color:var(--af-color-brand-primary-500)}button.variant-ghost{border:1px solid rgba(124, 58, 237, 0.4);background:transparent}button:is(:hover,:focus-visible){transform:translateY(-1px);box-shadow:0 14px 30px rgba(124, 58, 237, 0.28)}button:active{transform:translateY(0);box-shadow:0 8px 18px rgba(124, 58, 237, 0.2)}.icon{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em}:host([disabled]) button{transform:none;box-shadow:none}";
-
-const AfIconButton = /*@__PURE__*/ proxyCustomElement(class AfIconButton extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.afClick = createEvent(this, "afClick");
-        /** Visual style of the icon button */
-        this.variant = 'solid';
-        /** Size preset */
-        this.size = 'md';
-        /** Disabled state */
-        this.disabled = false;
-        this.onClick = (event) => {
-            if (this.disabled) {
-                event.preventDefault();
-                event.stopPropagation();
-                return;
-            }
-            this.afClick.emit(event);
-        };
-    }
-    render() {
-        const classes = {
-            [`variant-${this.variant}`]: true,
-            [`size-${this.size}`]: true
-        };
-        return (h("button", { key: '0f63eddac5f4dab95835506b896e437218aa50e1', type: "button", class: classes, part: "base", disabled: this.disabled, "aria-label": this.label, onClick: this.onClick }, h("span", { key: '6400064df3b666cbcc0a4a51523f1cd08dcbe81a', part: "icon", class: "icon" }, h("slot", { key: 'a74fff21c0a3af05da37b12e45db8ca8913bbdea' }))));
-    }
-    static get style() { return afIconButtonCss; }
-}, [257, "af-icon-button", {
-        "variant": [1],
-        "size": [1],
-        "label": [1],
-        "disabled": [516]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-icon-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-icon-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfIconButton);
-            }
-            break;
-    } });
-}
-
-export { AfIconButton as A, defineCustomElement as d };
-//# sourceMappingURL=p-D6PwARU0.js.map
-
-//# sourceMappingURL=p-D6PwARU0.js.map

package/dist/components/p-D6PwARU0.js.map

@@ -1 +0,0 @@
-{"file":"p-D6PwARU0.js","mappings":";;AAAA,MAAM,eAAe,GAAG,svCAAsvC;;MCOjwC,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAOU,QAAA,IAAO,CAAA,OAAA,GAA+B,OAAO;;AAG7C,QAAA,IAAI,CAAA,IAAA,GAAgB,IAAI;;AAMP,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAKjC,QAAA,IAAA,CAAA,OAAO,GAAG,CAAC,KAAiB,KAAI;AACtC,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE;gBACtB,KAAK,CAAC,eAAe,EAAE;gBACvB;;AAGF,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AAC1B,SAAC;AAuBF;IArBC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACjC,YAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG;SACxB;AAED,QAAA,QACE,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,OAAO,EACd,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,YAAA,EACX,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAErB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAA,EAC5B,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACA;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-icon-button/af-icon-button.css?tag=af-icon-button&encapsulation=shadow","src/components/af-icon-button/af-icon-button.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n}\n\nbutton {\n  --button-size-sm: 36px;\n  --button-size-md: 44px;\n  width: var(--button-size-md);\n  height: var(--button-size-md);\n  border-radius: 50%;\n  border: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  color: var(--af-color-brand-primary-500);\n  cursor: pointer;\n  transition: transform 120ms ease, box-shadow 160ms ease, background-color 160ms ease;\n  box-shadow: none;\n}\n\nbutton.size-sm {\n  width: var(--button-size-sm);\n  height: var(--button-size-sm);\n}\n\nbutton:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  box-shadow: none;\n}\n\nbutton.variant-solid {\n  background: linear-gradient(135deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600));\n  color: var(--af-color-fg-inverse);\n  box-shadow: 0 10px 24px rgba(124, 58, 237, 0.24);\n}\n\nbutton.variant-soft {\n  background: rgba(124, 58, 237, 0.14);\n  color: var(--af-color-brand-primary-500);\n}\n\nbutton.variant-ghost {\n  border: 1px solid rgba(124, 58, 237, 0.4);\n  background: transparent;\n}\n\nbutton:is(:hover, :focus-visible) {\n  transform: translateY(-1px);\n  box-shadow: 0 14px 30px rgba(124, 58, 237, 0.28);\n}\n\nbutton:active {\n  transform: translateY(0);\n  box-shadow: 0 8px 18px rgba(124, 58, 237, 0.2);\n}\n\n.icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5em;\n  height: 1.5em;\n}\n\n:host([disabled]) button {\n  transform: none;\n  box-shadow: none;\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-icon-button',\n  styleUrl: 'af-icon-button.css',\n  shadow: true\n})\nexport class AfIconButton {\n  /** Visual style of the icon button */\n  @Prop() variant: 'solid' | 'soft' | 'ghost' = 'solid';\n\n  /** Size preset */\n  @Prop() size: 'sm' | 'md' = 'md';\n\n  /** Accessible label text */\n  @Prop() label?: string;\n\n  /** Disabled state */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Raised when the button is activated */\n  @Event() afClick!: EventEmitter<MouseEvent>;\n\n  private onClick = (event: MouseEvent) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.afClick.emit(event);\n  };\n\n  render() {\n    const classes = {\n      [`variant-${this.variant}`]: true,\n      [`size-${this.size}`]: true\n    };\n\n    return (\n      <button\n        type=\"button\"\n        class={classes}\n        part=\"base\"\n        disabled={this.disabled}\n        aria-label={this.label}\n        onClick={this.onClick}\n      >\n        <span part=\"icon\" class=\"icon\">\n          <slot />\n        </span>\n      </button>\n    );\n  }\n}\n"],"version":3}