@sandlada/mdc 0.1.0-nightly.14072025

package/build/components/button/button.style.js

@@ -0,0 +1,618 @@
+import{r as e,i as l}from"../../lit-element-Bf8D1KRw.js";import{ElevatedButtonDefinition as a,FilledButtonDefinition as o,FilledTonalButtonDefinition as r,OutlinedButtonDefinition as t,TextButtonDefinition as i}from"../../component-definitions/button.definition.js";import{createWrappedTokens as s}from"../../utils/tokens/create-wrapped-tokens.js";import{overrideComponentTokens as n}from"../../utils/tokens/override-component-tokens.js";import{stringTokens as c}from"../../utils/tokens/string-tokens.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/create-logic-shape-tokens.js";
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */const d=s("--mdc-elevated-button",a),g=e(c(d)),u=s("--mdc-filled-button",o),b=e(c(u)),v=s("--mdc-filled-tonal-button",r),m=e(c(v)),h=s("--mdc-outlined-button",t),p=e(c(h)),_=s("--mdc-text-button",i),f=e(c(_)),x=a=>{const o=o=>l`
+        & {
+            border-start-start-radius: min(var(--_${e(o)}-${e(a)}-start-start), calc(var(--_${e(o)}-container-height) / 2));
+            border-start-end-radius: min(var(--_${e(o)}-${e(a)}-start-end), calc(var(--_${e(o)}-container-height) / 2));
+            border-end-start-radius: min(var(--_${e(o)}-${e(a)}-end-start), calc(var(--_${e(o)}-container-height) / 2));
+            border-end-end-radius: min(var(--_${e(o)}-${e(a)}-end-end), calc(var(--_${e(o)}-container-height) / 2));
+        }
+    `;return l`
+        &.extra-small { ${o("extra-small")}; }
+        &.small { ${o("small")}; }
+        &.medium { ${o("medium")}; }
+        &.large { ${o("large")}; }
+        &.extra-large { ${o("extra-large")}; }
+    `},z=l`
+    @layer mdc.button.shared {
+
+        :host {
+            display: inline-flex;
+            outline: none;
+            vertical-align: top;
+            cursor: pointer;
+            -webkit-tap-highlight-color: transparent;
+        }
+
+        .surface {
+            position: absolute;
+            inset: 0;
+            box-sizing: border-box;
+            cursor: pointer;
+            display: flex;
+            outline: none;
+            place-content: center;
+            place-items: center;
+            position: relative;
+            z-index: 0;
+            text-overflow: ellipsis;
+            text-wrap: nowrap;
+            user-select: none;
+            -webkit-tap-highlight-color: transparent;
+            vertical-align: top;
+            transition-property: border-radius;
+            transition-duration: 350ms;
+            transition-timing-function: cubic-bezier(0.42, 1.67, 0.21, 0.9);
+        }
+
+        :host([disabled]) {
+            cursor: default;
+            pointer-events: none;
+        }
+
+        /* Root Shape */
+
+        .surface.round  {
+            ${x("container-shape-round")};
+        }
+        .surface.square {
+            ${x("container-shape-square")};
+        }
+
+        .surface.round.togglable.selected {
+            ${x("container-shape-round-toggle-selected")};
+        }
+        .surface.square.togglable.selected {
+            ${x("container-shape-square-toggle-selected")};
+        }
+
+        /* Pressed Shape */
+
+        .surface:is(.round, .square, .togglable.selected, .togglable.unselected):active {
+            ${x("container-shape-pressed-morph")};
+        }
+
+        /* Root Width & Height */
+
+        .surface {
+            &.extra-small {
+                height: var(--_extra-small-container-height);
+                min-width: calc(64px - var(--_extra-small-leading-space) - var(--_extra-small-trailing-space));
+            }
+            &.small {
+                height: var(--_small-container-height);
+                min-width: calc(64px - var(--_small-leading-space) - var(--_small-trailing-space));
+            }
+            &.medium {
+                height: var(--_medium-container-height);
+                min-width: calc(64px - var(--_medium-leading-space) - var(--_medium-trailing-space));
+            }
+            &.large {
+                height: var(--_large-container-height);
+                min-width: calc(64px - var(--_large-leading-space) - var(--_large-trailing-space));
+            }
+            &.extra-large {
+                height: var(--_extra-large-container-height);
+                min-width: calc(64px - var(--_extra-large-leading-space) - var(--_extra-large-trailing-space));
+            }
+        }
+
+        /* Button Size */
+
+        .surface.extra-small .button {
+            padding-inline-start: var(--_extra-small-leading-space);
+            padding-inline-end: var(--_extra-small-trailing-space);
+            gap: var(--_extra-small-between-icon-label-space);
+        }
+        .surface.small .button{
+            padding-inline-start: var(--_small-leading-space);
+            padding-inline-end: var(--_small-trailing-space);
+            gap: var(--_small-between-icon-label-space);
+        }
+        .surface.medium .button{
+            padding-inline-start: var(--_medium-leading-space);
+            padding-inline-end: var(--_medium-trailing-space);
+            gap: var(--_medium-between-icon-label-space);
+        }
+        .surface.large .button{
+            padding-inline-start: var(--_large-leading-space);
+            padding-inline-end: var(--_large-trailing-space);
+            gap: var(--_large-between-icon-label-space);
+        }
+        .surface.extra-large .button{
+            padding-inline-start: var(--_extra-large-leading-space);
+            padding-inline-end: var(--_extra-large-trailing-space);
+            gap: var(--_extra-large-between-icon-label-space);
+        }
+
+        .surface:not(.has-label) .label {
+            display: none;
+        }
+
+        /* Label Size */
+
+        .surface.extra-small .label {
+            font-family: var(--_extra-small-label-font);
+            font-weight: var(--_extra-small-label-weight);
+            line-height: var(--_extra-small-label-line-height);
+            letter-spacing: var(--_extra-small-label-tracking);
+            font-size: var(--_extra-small-label-size);
+        }
+        .surface.small .label {
+            font-family: var(--_small-label-font);
+            font-weight: var(--_small-label-weight);
+            line-height: var(--_small-label-line-height);
+            letter-spacing: var(--_small-label-tracking);
+            font-size: var(--_small-label-size);
+        }
+        .surface.medium .label {
+            font-family: var(--_medium-label-font);
+            font-weight: var(--_medium-label-weight);
+            line-height: var(--_medium-label-line-height);
+            letter-spacing: var(--_medium-label-tracking);
+            font-size: var(--_medium-label-size);
+        }
+        .surface.large .label {
+            font-family: var(--_large-label-font);
+            font-weight: var(--_large-label-weight);
+            line-height: var(--_large-label-line-height);
+            letter-spacing: var(--_large-label-tracking);
+            font-size: var(--_large-label-size);
+        }
+        .surface.extra-large .label {
+            font-family: var(--_extra-large-label-font);
+            font-weight: var(--_extra-large-label-weight);
+            line-height: var(--_extra-large-label-line-height);
+            letter-spacing: var(--_extra-large-label-tracking);
+            font-size: var(--_extra-large-label-size);
+        }
+
+        .button {
+            border-radius: inherit;
+            cursor: inherit;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            border: none;
+            outline: none;
+            -webkit-appearance: none;
+            vertical-align: middle;
+            background: transparent;
+            text-decoration: none;
+            width: 100%;
+            height: 100%;
+            z-index: 0;
+            text-transform: inherit;
+
+            &::-moz-focused-inner {
+                border: 0;
+            }
+        }
+
+        .togglable-input {
+            all: unset;
+            appearance: none;
+            position: absolute;
+            inset: 0;
+            height: 100%;
+            width: 100%;
+            margin: 0;
+            opacity: 0;
+            outline: none;
+            border: none;
+            z-index: 1;
+            cursor: inherit;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+        }
+
+        /* Label Color */
+
+        .surface .label {
+            overflow: hidden;
+            color: var(--_label-color);
+        }
+        .surface.disabled .label,
+        .surface.disabled.togglable:is(.selected, .unselected) .label {
+            color: var(--_disabled-label-color);
+            opacity: var(--_disabled-label-opacity);
+        }
+        .surface:hover .label {
+            color: var(--_hovered-label-color);
+        }
+        .surface:focus-within .label {
+            color: var(--_focused-label-color);
+        }
+        .surface:active .label {
+            color: var(--_pressed-label-color);
+        }
+
+        .surface.togglable.selected .label {
+            color: var(--_label-color-toggle-selected);
+        }
+        .surface.togglable.selected:hover .label {
+            color: var(--_hovered-label-color-toggle-selected);
+        }
+
+        .surface.togglable.selected:focus-within .label {
+            color: var(--_focused-label-color-toggle-selected);
+        }
+
+        .surface.togglable.selected:active .label {
+            color: var(--_pressed-label-color-toggle-selected);
+        }
+
+        .surface.togglable.unselected .label {
+            color: var(--_label-color-toggle-unselected);
+        }
+        .surface.togglable.unselected:hover .label {
+            color: var(--_hovered-label-color-toggle-unselected);
+        }
+
+        .surface.togglable.unselected:focus-within .label {
+            color: var(--_focused-label-color-toggle-unselected);
+        }
+
+        .surface.togglable.unselected:active .label {
+            color: var(--_pressed-label-color-toggle-unselected);
+        }
+
+        .surface .background {
+            border-radius: inherit;
+            inset: 0;
+            position: absolute;
+            z-index: -1;
+        }
+        .surface:not(.disabled) .background {
+            background-color: var(--_container-color);
+        }
+        .surface.togglable.selected:not(.disabled) .background {
+            background-color: var(--_container-color-toggle-selected);
+        }
+        .surface.togglable.unselected:not(.disabled) .background {
+            background-color: var(--_container-color-toggle-unselected);
+        }
+        .surface.disabled .background {
+            background-color: var(--_disabled-container-color);
+            opacity: var(--_disabled-container-opacity);
+        }
+
+        :is(.button, .label, .label *) {
+            text-overflow: inherit;
+        }
+
+
+
+        @media (forced-colors: active) {
+            .background {
+                border: 1px solid CanvasText;
+            }
+
+            :host:is([disabled], .disabled) {
+                --_disabled-icon-color: GrayText;
+                --_disabled-icon-opacity: 1;
+                --_disabled-container-opacity: 1;
+                --_disabled-label-color: GrayText;
+                --_disabled-label-opacity: 1;
+            }
+        }
+
+        .touch {
+            position: absolute;
+            top: 50%;
+            height: 100%;
+            left: 0;
+            right: 0;
+            transform: translateY(-50%);
+        }
+
+        [touch-target='wrapper'] {
+            margin: max(0px, (48px - var(--_container-height)) / 2) 0;
+        }
+
+        [touch-target='none'] .touch {
+            display: none;
+        }
+
+    }
+`,$=l`
+    @layer mdc.button.composite.elevation {
+        mdc-elevation {
+            transition-duration: 0ms;
+
+            ${c(n("--mdc-elevation",{level:"var(--_container-elevation)","shadow-color":"var(--_container-shadow-color)"}))};
+        }
+
+        :host(:is([disabled], [soft-disabled])) mdc-elevation {
+            transition: none;
+            ${c(n("--mdc-elevation",{level:"var(--_disabled-container-elevation)"}))};
+        }
+
+        :host(:focus-within) mdc-elevation {
+            ${c(n("--mdc-elevation",{level:"var(--_focused-container-elevation)"}))};
+        }
+
+        :host(:active) mdc-elevation {
+            ${c(n("--mdc-elevation",{level:"var(--_pressed-container-elevation)"}))};
+        }
+    }
+`,y=e=>{const a=l=>c(n("--mdc-focus-ring",{"shape-start-start":`min(var(--_${l}-${e}-start-start), calc(var(--_${l}-container-height) / 2))`,"shape-start-end":`min(var(--_${l}-${e}-start-end), calc(var(--_${l}-container-height) / 2))`,"shape-end-end":`min(var(--_${l}-${e}-end-end), calc(var(--_${l}-container-height) / 2))`,"shape-end-start":`min(var(--_${l}-${e}-end-start), calc(var(--_${l}-container-height) / 2))`}));return l`
+        &.extra-small mdc-focus-ring {${a("extra-small")};}
+        &.small mdc-focus-ring {${a("small")};}
+        &.medium mdc-focus-ring {${a("medium")};}
+        &.large mdc-focus-ring {${a("large")};}
+        &.extra-large mdc-focus-ring {${a("extra-small")};}
+    `},w=l`
+    @layer mdc.button.composite.focus-ring {
+
+        .surface.round {
+            ${y("container-shape-round")};
+        }
+        .surface.square {
+            ${y("container-shape-square")};
+        }
+
+        /* Toggle */
+
+        .surface.togglable.selected.round {
+            ${y("container-shape-round-toggle-selected")};
+        }
+        .surface.togglable.selected.square {
+            ${y("container-shape-square-toggle-selected")};
+        }
+
+        /* Pressed */
+
+        .surface:is(.round, .square, .togglable.selected):active {
+            ${y("container-shape-pressed-morph")};
+        }
+    }
+`,k=l`
+    @layer mdc.button.composite.ripple {
+        mdc-ripple {
+            ${c(n("--mdc-ripple",{"hovered-color":"var(--_hovered-state-layer-color)","pressed-color":"var(--_pressed-state-layer-color)","hovered-opacity":"var(--_hovered-state-layer-opacity)","pressed-opacity":"var(--_pressed-state-layer-opacity)"}))};
+        }
+        .surface.togglable.selected mdc-ripple {
+            ${c(n("--mdc-ripple",{"hovered-color":"var(--_hovered-state-layer-color-toggle-selected)","pressed-color":"var(--_pressed-state-layer-color-toggle-selected)"}))};
+        }
+        .surface.togglable.unselected mdc-ripple {
+            ${c(n("--mdc-ripple",{"hovered-color":"var(--_hovered-state-layer-color-toggle-unselected)","pressed-color":"var(--_pressed-state-layer-color-toggle-unselected)"}))};
+        }
+    }
+`,j=l`
+    @layer mdc.button.composite.icon {
+
+        ::slotted([slot="icon"]) {
+            display: inline-flex;
+            position: relative;
+            writing-mode: horizontal-tb;
+            fill: currentColor;
+            flex-shrink: 0;
+            color: var(--_icon-color);
+        }
+        :host(:hover) ::slotted([slot="icon"]) {
+            color: var(--_hovered-icon-color);
+        }
+
+        :host(:focus-within) ::slotted([slot="icon"]) {
+            color: var(--_focused-icon-color);
+        }
+
+        :host(:active) ::slotted([slot="icon"]) {
+            color: var(--_pressed-icon-color);
+        }
+
+        /* Selected */
+
+        .surface.togglable.selected ::slotted([slot="icon"]) {
+            color: var(--_icon-color-toggle-selected);
+        }
+
+        .surface.togglable.selected:hover ::slotted([slot="icon"]) {
+            color: var(--_hovered-icon-color-toggle-selected);
+        }
+
+        .surface.togglable.selected:focus-within ::slotted([slot="icon"]) {
+            color: var(--_focused-icon-color-toggle-selected);
+        }
+
+        .surface.togglable.selected:active ::slotted([slot="icon"]) {
+            color: var(--_pressed-icon-color-toggle-selected);
+        }
+
+        /* Unselected */
+
+        .surface.togglable.unselected ::slotted([slot="icon"]) {
+            color: var(--_icon-color-toggle-unselected);
+        }
+
+        .surface.togglable.unselected:hover ::slotted([slot="icon"]) {
+            color: var(--_hovered-icon-color-toggle-unselected);
+        }
+
+        .surface.togglable.unselected:focus-within ::slotted([slot="icon"]) {
+            color: var(--_focused-icon-color-toggle-unselected);
+        }
+
+        .surface.togglable.unselected:active ::slotted([slot="icon"]) {
+            color: var(--_pressed-icon-color-toggle-unselected);
+        }
+
+        /* Icon Size */
+
+        .surface.extra-small ::slotted([slot="icon"]) {
+            font-size: var(--_extra-small-icon-size);
+            inline-size: var(--_extra-small-icon-size);
+            block-size: var(--_extra-small-icon-size);
+            ${c(n("--mdc-icon",{size:"var(--_extra-small-icon-size)"}))};
+        }
+
+        .surface.small ::slotted([slot="icon"]) {
+            font-size: var(--_small-icon-size);
+            inline-size: var(--_small-icon-size);
+            block-size: var(--_small-icon-size);
+            ${c(n("--mdc-icon",{size:"var(--_small-icon-size)"}))};
+        }
+
+        .surface.medium ::slotted([slot="icon"]) {
+            font-size: var(--_medium-icon-size);
+            inline-size: var(--_medium-icon-size);
+            block-size: var(--_medium-icon-size);
+            ${c(n("--mdc-icon",{size:"var(--_medium-icon-size)"}))};
+        }
+
+        .surface.large ::slotted([slot="icon"]) {
+            font-size: var(--_large-icon-size);
+            inline-size: var(--_large-icon-size);
+            block-size: var(--_large-icon-size);
+            ${c(n("--mdc-icon",{size:"var(--_large-icon-size)"}))};
+        }
+
+        .surface.extra-large ::slotted([slot="icon"]) {
+            font-size: var(--_extra-large-icon-size);
+            inline-size: var(--_extra-large-icon-size);
+            block-size: var(--_extra-large-icon-size);
+            ${c(n("--mdc-icon",{size:"var(--_extra-large-icon-size)"}))};
+        }
+
+        :host([disabled]) ::slotted([slot="icon"]) {
+            color: var(--_disabled-icon-color);
+            opacity: var(--_disabled-icon-opacity);
+        }
+    }
+`,q=[z,$,w,k,j,l`
+    @layer mdc.button.elevated {
+        @layer variable {
+            :host {
+                ${g}
+            }
+        }
+    }
+`],S=[z,$,w,k,j,l`
+    @layer mdc.button.filled {
+        @layer variable {
+            :host {
+                ${b}
+            }
+        }
+    }
+`],T=[z,$,w,k,j,l`
+    @layer mdc.button.filled-tonal {
+        @layer variable {
+            :host {
+                ${m}
+            }
+        }
+    }
+`],C=[z,w,k,j,l`
+    @layer mdc.button.outlined {
+        @layer variable {
+            :host {
+                ${p}
+            }
+        }
+
+        @layer base {
+            /* Outline */
+            .surface.extra-small .outline {
+                border-width: var(--_extra-small-outline-width);
+            }
+            .surface.small .outline {
+                border-width: var(--_small-outline-width);
+            }
+            .surface.medium .outline {
+                border-width: var(--_medium-outline-width);
+            }
+            .surface.large .outline {
+                border-width: var(--_large-outline-width);
+            }
+            .surface.extra-large .outline {
+                border-width: var(--_extra-large-outline-width);
+            }
+
+            .outline {
+                inset: 0;
+                border-style: solid;
+                position: absolute;
+                box-sizing: border-box;
+                border-color: var(--_outline-color);
+                border-start-start-radius: inherit;
+                border-start-end-radius: inherit;
+                border-end-start-radius: inherit;
+                border-end-end-radius: inherit;
+                z-index: -1;
+            }
+
+            .surface.togglable.selected .outline {
+                border-color: var(--_outline-color-toggle-selected);
+            }
+            .surface.togglable.unselected .outline {
+                border-color: var(--_outline-color-toggle-unselected);
+            }
+            :host([disabled]) .outline {
+                border-color: var(--_disabled-outline-color);
+                opacity: var(--_disabled-outline-opacity);
+            }
+            .surface.disabled.togglable.selected .outline {
+                border-color: var(--_disabled-outline-color-toggle-selected);
+            }
+            .surface.disabled.togglable.unselected .outline {
+                border-color: var(--_disabled-outline-color-toggle-unselected);
+            }
+
+            :host(:hover) .outline {
+                border-color: var(--_hovered-outline-color);
+            }
+            .surface.togglable.selected:hover .outline {
+                border-color: var(--_hovered-outline-color-toggle-selected);
+            }
+            .surface.togglable.unselected:hover .outline {
+                border-color: var(--_hovered-outline-color-toggle-unselected);
+            }
+
+            :host(:focus-within) .outline {
+                border-color: var(--_focused-outline-color);
+            }
+            .surface.togglable.selected:focus-within .outline {
+                border-color: var(--_focused-outline-color-toggle-selected);
+            }
+            .surface.togglable.unselected:focus-within .outline {
+                border-color: var(--_focused-outline-color-toggle-unselected);
+            }
+
+            :host(:active) .outline {
+                border-color: var(--_pressed-outline-color);
+            }
+            .surface.togglable.selected:active .outline {
+                border-color: var(--_pressed-outline-color-toggle-selected);
+            }
+            .surface.togglable.unselected:active .outline {
+                border-color: var(--_pressed-outline-color-toggle-unselected);
+            }
+
+
+
+            @media (forced-colors: active) {
+                :host([disabled]) .background {
+                    border-color: GrayText;
+                }
+
+                :host([disabled]) .outline {
+                    opacity: 1;
+                }
+            }
+        }
+    }
+`],G=[z,w,k,j,l`
+    @layer mdc.button.text {
+        @layer variable {
+            :host {
+                ${f}
+            }
+        }
+    }
+`];export{q as elevatedButtonStyles,S as filledButtonStyles,T as filledTonalButtonStyles,C as outlinedButtonStyles,G as textButtonStyles};

package/build/components/button/elevated-button.d.ts

@@ -0,0 +1,11 @@
+import { Button } from './button';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-elevated-button": ElevatedButton;
+    }
+}
+export declare class ElevatedButton extends Button {
+    static styles: import("lit").CSSResult[];
+    protected renderElevation(): unknown;
+}
+//# sourceMappingURL=elevated-button.d.ts.map

package/build/components/button/elevated-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elevated-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/elevated-button.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGjC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,cAAc,CAAA;KACxC;CACJ;AAED,qBACa,cAAe,SAAQ,MAAM;IACtC,OAAgB,MAAM,4BAAuB;cAE1B,eAAe,IAAI,OAAO;CAKhD"}

package/build/components/button/elevated-button.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{x as i}from"../../lit-element-Bf8D1KRw.js";import{t as o}from"../../custom-element-Dz3n6kSt.js";import{Button as e}from"./button.js";import{elevatedButtonStyles as s}from"./button.style.js";import"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/behaviors/element-internals.js";import"../../utils/controller/form-submitter.js";import"../../utils/event/form-label-activation.js";import"./base-button.js";import"../../state-B54YIR_M.js";import"../elevation/elevation.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"../../component-definitions/button.definition.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/override-component-tokens.js";let r=class extends e{static{this.styles=s}renderElevation(){return i`<mdc-elevation></mdc-elevation>`}};r=t([o("mdc-elevated-button")],r);export{r as ElevatedButton};

package/build/components/button/filled-button.d.ts

@@ -0,0 +1,11 @@
+import { Button } from './button';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-filled-button": FilledButton;
+    }
+}
+export declare class FilledButton extends Button {
+    static styles: import("lit").CSSResult[];
+    protected renderElevation(): unknown;
+}
+//# sourceMappingURL=filled-button.d.ts.map

package/build/components/button/filled-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filled-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/filled-button.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGjC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,YAAY,CAAA;KACpC;CACJ;AAED,qBACa,YAAa,SAAQ,MAAM;IACpC,OAAgB,MAAM,4BAAqB;cAExB,eAAe,IAAI,OAAO;CAKhD"}

package/build/components/button/filled-button.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{x as i}from"../../lit-element-Bf8D1KRw.js";import{t as o}from"../../custom-element-Dz3n6kSt.js";import{Button as e}from"./button.js";import{filledButtonStyles as s}from"./button.style.js";import"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/behaviors/element-internals.js";import"../../utils/controller/form-submitter.js";import"../../utils/event/form-label-activation.js";import"./base-button.js";import"../../state-B54YIR_M.js";import"../elevation/elevation.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"../../component-definitions/button.definition.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/override-component-tokens.js";let r=class extends e{static{this.styles=s}renderElevation(){return i`<mdc-elevation></mdc-elevation>`}};r=t([o("mdc-filled-button")],r);export{r as FilledButton};

package/build/components/button/filled-tonal-button.d.ts

@@ -0,0 +1,11 @@
+import { Button } from './button';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-filled-tonal-button": FilledTonalButton;
+    }
+}
+export declare class FilledTonalButton extends Button {
+    static styles: import("lit").CSSResult[];
+    protected renderElevation(): unknown;
+}
+//# sourceMappingURL=filled-tonal-button.d.ts.map

package/build/components/button/filled-tonal-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filled-tonal-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/filled-tonal-button.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGjC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,yBAAyB,EAAE,iBAAiB,CAAA;KAC/C;CACJ;AAED,qBACa,iBAAkB,SAAQ,MAAM;IACzC,OAAgB,MAAM,4BAA0B;cAE7B,eAAe,IAAI,OAAO;CAKhD"}

package/build/components/button/filled-tonal-button.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{x as i}from"../../lit-element-Bf8D1KRw.js";import{t as o}from"../../custom-element-Dz3n6kSt.js";import{Button as e}from"./button.js";import{filledTonalButtonStyles as s}from"./button.style.js";import"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/behaviors/element-internals.js";import"../../utils/controller/form-submitter.js";import"../../utils/event/form-label-activation.js";import"./base-button.js";import"../../state-B54YIR_M.js";import"../elevation/elevation.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"../../component-definitions/button.definition.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/override-component-tokens.js";let r=class extends e{static{this.styles=s}renderElevation(){return i`<mdc-elevation></mdc-elevation>`}};r=t([o("mdc-filled-tonal-button")],r);export{r as FilledTonalButton};