@lit-material/button 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 bohdaq
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,47 @@
+# @lit-material/button
+
+A Material Design 3 button web component built with [Lit](https://lit.dev/). Part of
+[lit-material](https://github.com/bohdaq/lit-material).
+
+![lit-material button variants: filled, tonal, elevated, outlined, text](./screenshot.png)
+
+## Install
+
+```sh
+npm install @lit-material/button @lit-material/tokens
+```
+
+## Usage
+
+```html
+<link rel="stylesheet" href="node_modules/@lit-material/tokens/css/index.css" />
+<script type="module">
+  import "@lit-material/button";
+</script>
+
+<lit-material-button variant="filled">Save</lit-material-button>
+<lit-material-button variant="outlined" disabled>Cancel</lit-material-button>
+<lit-material-button variant="text" href="https://lit.dev">Docs</lit-material-button>
+```
+
+## API
+
+| Property   | Attribute  | Type                                                             | Default    |
+| ---------- | ---------- | ----------------------------------------------------------------| ---------- |
+| `variant`  | `variant`  | `"filled" \| "tonal" \| "elevated" \| "outlined" \| "text"`      | `"filled"` |
+| `type`     | `type`     | `"button" \| "submit" \| "reset"`                                | `"button"` |
+| `disabled` | `disabled` | `boolean`                                                        | `false`    |
+| `href`     | `href`     | `string`                                                         | `""`       |
+| `target`   | `target`   | `string`                                                         | `""`       |
+| `name`     | `name`     | `string`                                                         | `""`       |
+| `value`    | `value`    | `string`                                                         | `""`       |
+| `form`     | `form`     | `string \| undefined`                                            | `undefined`|
+
+Slots: default (label), `icon` (leading icon).
+
+`type="submit"` and `type="reset"` participate in an ancestor `<form>` via
+`ElementInternals`; setting `href` renders an `<a>` instead of a `<button>`.
+
+## License
+
+MIT

package/dist/button-styles.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-styles.d.ts","sourceRoot":"","sources":["../src/button-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAyIlB,CAAC"}

package/dist/button-styles.js

@@ -0,0 +1,140 @@
+import { css } from "lit";
+export const styles = css `
+  :host {
+    display: inline-flex;
+    outline: none;
+    vertical-align: top;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  :host([disabled]) {
+    pointer-events: none;
+  }
+
+  .button {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    box-sizing: border-box;
+    height: 40px;
+    min-width: 64px;
+    padding: 0 24px;
+    border: none;
+    border-radius: var(--md-sys-shape-corner-full, 9999px);
+    background-color: transparent;
+    cursor: pointer;
+    font-family: var(--md-sys-typescale-label-large-font, Roboto, system-ui, sans-serif);
+    font-size: var(--md-sys-typescale-label-large-size, 0.875rem);
+    font-weight: var(--md-sys-typescale-label-large-weight, 500);
+    line-height: var(--md-sys-typescale-label-large-line-height, 1.25rem);
+    letter-spacing: var(--md-sys-typescale-label-large-tracking, 0.00625rem);
+    text-decoration: none;
+    -webkit-appearance: none;
+    appearance: none;
+    transition:
+      box-shadow 150ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),
+      background-color 150ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));
+  }
+
+  .button:disabled,
+  .button[aria-disabled="true"] {
+    cursor: default;
+  }
+
+  .state-layer {
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    background-color: currentColor;
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 100ms linear;
+  }
+
+  .button:hover .state-layer {
+    opacity: var(--md-sys-state-hover-state-layer-opacity, 0.08);
+  }
+
+  .state-layer[data-pressed] {
+    opacity: var(--md-sys-state-pressed-state-layer-opacity, 0.1);
+  }
+
+  .focus-ring {
+    position: absolute;
+    inset: -2px;
+    border-radius: inherit;
+    outline: 3px solid var(--md-sys-color-secondary, #625b71);
+    outline-offset: 2px;
+    pointer-events: none;
+  }
+
+  .focus-ring[hidden] {
+    display: none;
+  }
+
+  .icon ::slotted(*) {
+    width: 18px;
+    height: 18px;
+  }
+
+  .label {
+    position: relative;
+  }
+
+  /* Filled (default): solid primary container. */
+  :host([variant="filled"]) .button,
+  :host(:not([variant])) .button {
+    background-color: var(--md-sys-color-primary, #6750a4);
+    color: var(--md-sys-color-on-primary, #ffffff);
+  }
+
+  /* Tonal: solid secondary container, lower emphasis than filled. */
+  :host([variant="tonal"]) .button {
+    background-color: var(--md-sys-color-secondary-container, #e8def8);
+    color: var(--md-sys-color-on-secondary-container, #1d192b);
+  }
+
+  /* Elevated: surface-colored container that floats above the page via shadow. */
+  :host([variant="elevated"]) .button {
+    background-color: var(--md-sys-color-surface-container-low, #f7f2fa);
+    color: var(--md-sys-color-primary, #6750a4);
+    box-shadow: var(--md-sys-elevation-level1, 0 1px 2px rgba(0, 0, 0, 0.3));
+  }
+
+  :host([variant="elevated"]) .button:hover {
+    box-shadow: var(--md-sys-elevation-level2, 0 1px 3px rgba(0, 0, 0, 0.3));
+  }
+
+  /* Outlined: transparent container with a visible border, for medium emphasis. */
+  :host([variant="outlined"]) .button {
+    background-color: transparent;
+    color: var(--md-sys-color-primary, #6750a4);
+    border: 1px solid var(--md-sys-color-outline, #79747e);
+  }
+
+  :host([variant="outlined"][disabled]) .button {
+    border-color: color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) 12%, transparent);
+  }
+
+  /* Text: no container at all, lowest emphasis. */
+  :host([variant="text"]) .button {
+    background-color: transparent;
+    color: var(--md-sys-color-primary, #6750a4);
+    padding: 0 12px;
+  }
+
+  /* Disabled treatment is identical across variants: on-surface at fixed opacities. */
+  :host([disabled]) .button {
+    background-color: color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) 12%, transparent);
+    color: color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) 38%, transparent);
+    box-shadow: none;
+  }
+
+  :host([variant="outlined"][disabled]) .button,
+  :host([variant="text"][disabled]) .button {
+    background-color: transparent;
+  }
+`;
+//# sourceMappingURL=button-styles.js.map

package/dist/button-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-styles.js","sourceRoot":"","sources":["../src/button-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyIxB,CAAC"}

package/dist/button.d.ts

@@ -0,0 +1,46 @@
+import { LitElement } from "lit";
+export type ButtonVariant = "filled" | "outlined" | "text" | "elevated" | "tonal";
+export type ButtonType = "button" | "submit" | "reset";
+/**
+ * Material Design 3 button.
+ *
+ * @element lit-material-button
+ *
+ * @slot - The button's label.
+ * @slot icon - An optional leading icon.
+ *
+ * @csspart button - The native `<button>` or `<a>` element rendered inside the shadow root.
+ * @csspart ripple - The state-layer element the hover/press feedback is drawn on.
+ * @csspart focus-ring - The focus indicator element.
+ */
+export declare class LitMaterialButton extends LitElement {
+    static styles: import("lit").CSSResult;
+    static shadowRootOptions: ShadowRootInit;
+    /** Form-associated custom element: lets this button participate in an ancestor `<form>`. */
+    static formAssociated: boolean;
+    variant: ButtonVariant;
+    type: ButtonType;
+    disabled: boolean;
+    name: string;
+    value: string;
+    form?: string;
+    /** If set, renders the button as a link (`<a>`) instead of a `<button>`. */
+    href: string;
+    target: string;
+    private readonly buttonElement?;
+    private readonly internals;
+    private readonly ripple;
+    private readonly focusRing;
+    private readonly labelId;
+    constructor();
+    protected firstUpdated(): void;
+    render(): import("lit").TemplateResult<1>;
+    private handleClick;
+    private handleLinkClick;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "lit-material-button": LitMaterialButton;
+    }
+}
+//# sourceMappingURL=button.d.ts.map

package/dist/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAKhD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;AAClF,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAIvD;;;;;;;;;;;GAWG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAAU;IAEhC,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF,4FAA4F;IAC5F,MAAM,CAAC,cAAc,UAAQ;IAEjB,OAAO,EAAE,aAAa,CAAY;IAClC,IAAI,EAAE,UAAU,CAAY;IACI,QAAQ,UAAS;IACjD,IAAI,SAAM;IACV,KAAK,SAAM;IACM,IAAI,CAAC,EAAE,MAAM,CAAC;IAE3C,4EAA4E;IAChE,IAAI,SAAM;IACV,MAAM,SAAM;IAEN,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAwC;IAEzF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAmB;IAC7C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA8B;IACrD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAiC;IAC3D,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkD;;cAOvD,YAAY,IAAI,IAAI;IAM9B,MAAM;IA0Cf,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,eAAe;CAMxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

package/dist/button.js

@@ -0,0 +1,142 @@
+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 { html, LitElement, nothing } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { FocusRingController, RippleController } from "@lit-material/core";
+import { styles } from "./button-styles.js";
+let instanceCount = 0;
+/**
+ * Material Design 3 button.
+ *
+ * @element lit-material-button
+ *
+ * @slot - The button's label.
+ * @slot icon - An optional leading icon.
+ *
+ * @csspart button - The native `<button>` or `<a>` element rendered inside the shadow root.
+ * @csspart ripple - The state-layer element the hover/press feedback is drawn on.
+ * @csspart focus-ring - The focus indicator element.
+ */
+let LitMaterialButton = class LitMaterialButton extends LitElement {
+    static { this.styles = styles; }
+    static { this.shadowRootOptions = {
+        ...LitElement.shadowRootOptions,
+        delegatesFocus: true,
+    }; }
+    /** Form-associated custom element: lets this button participate in an ancestor `<form>`. */
+    static { this.formAssociated = true; }
+    constructor() {
+        super();
+        this.variant = "filled";
+        this.type = "button";
+        this.disabled = false;
+        this.name = "";
+        this.value = "";
+        /** If set, renders the button as a link (`<a>`) instead of a `<button>`. */
+        this.href = "";
+        this.target = "";
+        this.ripple = new RippleController(this);
+        this.focusRing = new FocusRingController(this);
+        this.labelId = `lit-material-button-label-${++instanceCount}`;
+        this.internals = this.attachInternals();
+    }
+    firstUpdated() {
+        if (this.buttonElement) {
+            this.ripple.attach(this.buttonElement);
+        }
+    }
+    render() {
+        const content = html `
+      <div class="focus-ring" part="focus-ring" ?hidden=${!this.focusRing.visible}></div>
+      <div class="state-layer" part="ripple"></div>
+      <slot name="icon" class="icon"></slot>
+      <span class="label" id=${this.labelId}><slot></slot></span>
+    `;
+        if (this.href) {
+            return html `
+        <a
+          class="button"
+          part="button"
+          href=${this.disabled ? nothing : this.href}
+          target=${this.target || nothing}
+          rel=${this.target === "_blank" ? "noopener noreferrer" : nothing}
+          aria-disabled=${this.disabled ? "true" : nothing}
+          aria-labelledby=${this.labelId}
+          tabindex=${this.disabled ? "-1" : "0"}
+          @click=${this.handleLinkClick}
+        >
+          ${content}
+        </a>
+      `;
+        }
+        return html `
+      <button
+        class="button"
+        part="button"
+        type="button"
+        ?disabled=${this.disabled}
+        name=${this.name || nothing}
+        value=${this.value || nothing}
+        aria-labelledby=${this.labelId}
+        @click=${this.handleClick}
+      >
+        ${content}
+      </button>
+    `;
+    }
+    handleClick(event) {
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            return;
+        }
+        if (this.type === "submit") {
+            this.internals.form?.requestSubmit();
+        }
+        else if (this.type === "reset") {
+            this.internals.form?.reset();
+        }
+    }
+    handleLinkClick(event) {
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        }
+    }
+};
+__decorate([
+    property()
+], LitMaterialButton.prototype, "variant", void 0);
+__decorate([
+    property()
+], LitMaterialButton.prototype, "type", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LitMaterialButton.prototype, "disabled", void 0);
+__decorate([
+    property()
+], LitMaterialButton.prototype, "name", void 0);
+__decorate([
+    property()
+], LitMaterialButton.prototype, "value", void 0);
+__decorate([
+    property({ reflect: true })
+], LitMaterialButton.prototype, "form", void 0);
+__decorate([
+    property()
+], LitMaterialButton.prototype, "href", void 0);
+__decorate([
+    property()
+], LitMaterialButton.prototype, "target", void 0);
+__decorate([
+    query(".button")
+], LitMaterialButton.prototype, "buttonElement", void 0);
+LitMaterialButton = __decorate([
+    customElement("lit-material-button")
+], LitMaterialButton);
+export { LitMaterialButton };
+//# sourceMappingURL=button.js.map

package/dist/button.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { LitMaterialButton, type ButtonVariant, type ButtonType } from "./button.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { LitMaterialButton } from "./button.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@lit-material/button",
+  "version": "0.0.1",
+  "description": "Material Design 3 button web component (filled, outlined, text, elevated, tonal).",
+  "license": "MIT",
+  "author": {
+    "name": "bohdaq",
+    "email": "bohdaq@gmail.com",
+    "url": "https://github.com/bohdaq"
+  },
+  "homepage": "https://github.com/bohdaq/lit-material#readme",
+  "bugs": "https://github.com/bohdaq/lit-material/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/bohdaq/lit-material.git",
+    "directory": "packages/button"
+  },
+  "keywords": [
+    "lit",
+    "web-components",
+    "lit-material",
+    "material-design",
+    "material-design-3",
+    "button"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "lit": "^3.2.0",
+    "@lit-material/tokens": "0.0.1",
+    "@lit-material/core": "0.0.1"
+  },
+  "devDependencies": {
+    "@open-wc/testing": "^4.0.0",
+    "@web/dev-server-esbuild": "^1.0.0",
+    "@web/test-runner": "^0.19.0",
+    "@web/test-runner-commands": "^0.9.0",
+    "@web/test-runner-playwright": "^0.11.0",
+    "typescript": "^5.7.0"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "web-test-runner"
+  }
+}