@sandlada/mdc/build/component-definitions/button.definition.js

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

import{C as e}from"../color-CigMJnjV.js";import{E as l}from"../elevation-dUQez_WX.js";import{S as a}from"../shape-CrZ0CLVJ.js";import{S as o}from"../state-C-haZXan.js";import{T as r}from"../typescale-Bh1NLwSE.js";import{createLogicShapeTokens as t}from"../utils/tokens/create-logic-shape-tokens.js";import"../lit-element-Ho-VPzO1.js";
/**
 * @license
 * Copyright 2025 Kai-Orion & Sandlada
 * SPDX-License-Identifier: MIT
 */const c=e=>({...t(e,{"extra-small-container-shape-round":a.Full,"small-container-shape-round":a.Full,"medium-container-shape-round":a.Full,"large-container-shape-round":a.Full,"extra-large-container-shape-round":a.Full,"extra-small-container-shape-square":a.Medium,"small-container-shape-square":a.Medium,"medium-container-shape-square":a.Large,"large-container-shape-square":a.ExtraLarge,"extra-large-container-shape-square":a.ExtraLarge,"extra-small-container-shape-pressed-morph":a.Small,"small-container-shape-pressed-morph":a.Small,"medium-container-shape-pressed-morph":a.Medium,"large-container-shape-pressed-morph":a.Large,"extra-large-container-shape-pressed-morph":a.Large,"extra-small-container-shape-round-toggle-selected":a.Medium,"small-container-shape-round-toggle-selected":a.Medium,"medium-container-shape-round-toggle-selected":a.Large,"large-container-shape-round-toggle-selected":a.ExtraLarge,"extra-large-container-shape-round-toggle-selected":a.ExtraLarge,"extra-small-container-shape-square-toggle-selected":a.Full,"small-container-shape-square-toggle-selected":a.Full,"medium-container-shape-square-toggle-selected":a.Full,"large-container-shape-square-toggle-selected":a.Full,"extra-large-container-shape-square-toggle-selected":a.Full},"all",!1),"extra-small-container-height":"32px","extra-small-outline-width":"1px","extra-small-label-font":r.LabelLargeFont,"extra-small-label-line-height":r.LabelLargeLineHeight,"extra-small-label-size":r.LabelLargeSize,"extra-small-label-tracking":r.LabelLargeTracking,"extra-small-label-weight":r.LabelLargeWeight,"extra-small-icon-size":"20px","extra-small-leading-space":"12px","extra-small-between-icon-label-space":"8px","extra-small-trailing-space":"12px","small-container-height":"40px","small-outline-width":"1px","small-label-font":r.LabelLargeFont,"small-label-line-height":r.LabelLargeLineHeight,"small-label-size":r.LabelLargeSize,"small-label-tracking":r.LabelLargeTracking,"small-label-weight":r.LabelLargeWeight,"small-icon-size":"20px","small-leading-space":"16px","small-between-icon-label-space":"8px","small-trailing-space":"16px","medium-container-height":"56px","medium-outline-width":"1px","medium-label-font":r.TitleMediumFont,"medium-label-line-height":r.TitleMediumLineHeight,"medium-label-size":r.TitleMediumSize,"medium-label-tracking":r.TitleMediumTracking,"medium-label-weight":r.TitleMediumWeight,"medium-icon-size":"24px","medium-leading-space":"24px","medium-between-icon-label-space":"8px","medium-trailing-space":"24px","large-container-height":"96px","large-outline-width":"2px","large-label-font":r.HeadlineSmallFont,"large-label-line-height":r.HeadlineSmallLineHeight,"large-label-size":r.HeadlineSmallSize,"large-label-tracking":r.HeadlineSmallTracking,"large-label-weight":r.HeadlineSmallWeight,"large-icon-size":"32px","large-leading-space":"48px","large-between-icon-label-space":"12px","large-trailing-space":"48px","extra-large-container-height":"136px","extra-large-outline-width":"3px","extra-large-label-font":r.HeadlineLargeFont,"extra-large-label-line-height":r.HeadlineLargeLineHeight,"extra-large-label-size":r.HeadlineLargeSize,"extra-large-label-tracking":r.HeadlineLargeTracking,"extra-large-label-weight":r.HeadlineLargeWeight,"extra-large-icon-size":"40px","extra-large-leading-space":"64px","extra-large-between-icon-label-space":"16px","extra-large-trailing-space":"64px"}),n={...c("--mdc-elevated-button"),"container-color":e.SurfaceContainerLow,"container-color-toggle-unselected":e.SurfaceContainerLow,"container-color-toggle-selected":e.Primary,"container-shadow-color":e.Shadow,"container-elevation":l.Level1,"label-color":e.Primary,"label-color-toggle-unselected":e.Primary,"label-color-toggle-selected":e.OnPrimary,"icon-color":e.Primary,"icon-color-toggle-unselected":e.Primary,"icon-color-toggle-selected":e.OnPrimary,"disabled-container-color":e.OnSurface,"disabled-container-opacity":"0.1","disabled-container-elevation":l.Level0,"disabled-label-color":e.OnSurface,"disabled-label-opacity":"0.38","disabled-icon-color":e.OnSurface,"disabled-icon-opacity":"0.38","hovered-state-layer-color":e.Primary,"hovered-state-layer-color-toggle-unselected":e.Primary,"hovered-state-layer-color-toggle-selected":e.OnPrimary,"hovered-state-layer-opacity":o.HoveredStateLayerOpacity,"hovered-label-color":e.Primary,"hovered-label-color-toggle-unselected":e.Primary,"hovered-label-color-toggle-selected":e.OnPrimary,"hovered-icon-color":e.Primary,"hovered-icon-color-toggle-unselected":e.Primary,"hovered-icon-color-toggle-selected":e.OnPrimary,"focused-state-layer-color":e.Primary,"focused-state-layer-color-toggle-unselected":e.Primary,"focused-state-layer-color-toggle-selected":e.OnPrimary,"focused-state-layer-opacity":o.FocusedStateLayerOpacity,"focused-container-elevation":l.Level1,"focused-label-color":e.Primary,"focused-label-color-toggle-unselected":e.Primary,"focused-label-color-toggle-selected":e.OnPrimary,"focused-icon-color":e.Primary,"focused-icon-color-toggle-unselected":e.Primary,"focused-icon-color-toggle-selected":e.OnPrimary,"pressed-state-layer-color":e.Primary,"pressed-state-layer-color-toggle-unselected":e.Primary,"pressed-state-layer-color-toggle-selected":e.OnPrimary,"pressed-state-layer-opacity":o.PressedStateLayerOpacity,"pressed-container-elevation":l.Level1,"pressed-label-color":e.Primary,"pressed-label-color-toggle-unselected":e.Primary,"pressed-label-color-toggle-selected":e.OnPrimary,"pressed-icon-color":e.Primary,"pressed-icon-color-toggle-unselected":e.Primary,"pressed-icon-color-toggle-selected":e.OnPrimary},i={...c("--mdc-filled-button"),"container-color":e.Primary,"container-color-toggle-unselected":e.SurfaceContainer,"container-color-toggle-selected":e.Primary,"container-shadow-color":e.Shadow,"container-elevation":l.Level0,"label-color":e.OnPrimary,"label-color-toggle-unselected":e.OnSurfaceVariant,"label-color-toggle-selected":e.OnPrimary,"icon-color":e.OnPrimary,"icon-color-toggle-unselected":e.OnSurfaceVariant,"icon-color-toggle-selected":e.OnPrimary,"disabled-container-color":e.OnSurface,"disabled-container-opacity":"0.1","disabled-container-elevation":l.Level0,"disabled-label-color":e.OnSurface,"disabled-label-opacity":"0.38","disabled-icon-color":e.OnSurface,"disabled-icon-opacity":"0.38","hovered-state-layer-color":e.OnPrimary,"hovered-state-layer-color-toggle-unselected":e.OnSurfaceVariant,"hovered-state-layer-color-toggle-selected":e.OnPrimary,"hovered-state-layer-opacity":o.HoveredStateLayerOpacity,"hovered-label-color":e.OnPrimary,"hovered-label-color-toggle-unselected":e.OnSurfaceVariant,"hovered-label-color-toggle-selected":e.OnPrimary,"hovered-icon-color":e.OnPrimary,"hovered-icon-color-toggle-unselected":e.OnSurfaceVariant,"hovered-icon-color-toggle-selected":e.OnPrimary,"focused-state-layer-color":e.OnPrimary,"focused-state-layer-color-toggle-unselected":e.OnSurfaceVariant,"focused-state-layer-color-toggle-selected":e.OnPrimary,"focused-state-layer-opacity":o.FocusedStateLayerOpacity,"focused-container-elevation":l.Level0,"focused-label-color":e.OnPrimary,"focused-label-color-toggle-unselected":e.OnSurfaceVariant,"focused-label-color-toggle-selected":e.OnPrimary,"focused-icon-color":e.OnPrimary,"focused-icon-color-toggle-unselected":e.OnSurfaceVariant,"focused-icon-color-toggle-selected":e.OnPrimary,"pressed-state-layer-color":e.OnPrimary,"pressed-state-layer-color-toggle-unselected":e.OnSurfaceVariant,"pressed-state-layer-color-toggle-selected":e.OnPrimary,"pressed-state-layer-opacity":o.PressedStateLayerOpacity,"pressed-container-elevation":l.Level0,"pressed-label-color":e.OnPrimary,"pressed-label-color-toggle-unselected":e.OnSurfaceVariant,"pressed-label-color-toggle-selected":e.OnPrimary,"pressed-icon-color":e.OnPrimary,"pressed-icon-color-toggle-unselected":e.OnSurfaceVariant,"pressed-icon-color-toggle-selected":e.OnPrimary},s={...c("--mdc-filled-tonal-button"),"container-color":e.SecondaryContainer,"container-color-toggle-unselected":e.SecondaryContainer,"container-color-toggle-selected":e.Secondary,"container-shadow-color":e.Shadow,"container-elevation":l.Level0,"label-color":e.OnSecondaryContainer,"label-color-toggle-unselected":e.OnSecondaryContainer,"label-color-toggle-selected":e.OnSecondary,"icon-color":e.OnSecondaryContainer,"icon-color-toggle-unselected":e.OnSecondaryContainer,"icon-color-toggle-selected":e.OnSecondary,"disabled-container-color":e.OnSurface,"disabled-container-opacity":"0.1","disabled-container-elevation":l.Level0,"disabled-label-color":e.OnSurface,"disabled-label-opacity":"0.38","disabled-icon-color":e.OnSurface,"disabled-icon-opacity":"0.38","hovered-state-layer-color":e.OnSecondaryContainer,"hovered-state-layer-color-toggle-unselected":e.OnSecondaryContainer,"hovered-state-layer-color-toggle-selected":e.OnSecondary,"hovered-state-layer-opacity":o.HoveredStateLayerOpacity,"hovered-label-color":e.OnSecondaryContainer,"hovered-label-color-toggle-unselected":e.OnSecondaryContainer,"hovered-label-color-toggle-selected":e.OnSecondary,"hovered-icon-color":e.OnSecondaryContainer,"hovered-icon-color-toggle-unselected":e.OnSecondaryContainer,"hovered-icon-color-toggle-selected":e.OnSecondary,"focused-state-layer-color":e.OnSecondaryContainer,"focused-state-layer-color-toggle-unselected":e.OnSecondaryContainer,"focused-state-layer-color-toggle-selected":e.OnSecondary,"focused-state-layer-opacity":o.FocusedStateLayerOpacity,"focused-container-elevation":l.Level0,"focused-label-color":e.OnSecondaryContainer,"focused-label-color-toggle-unselected":e.OnSecondaryContainer,"focused-label-color-toggle-selected":e.OnSecondary,"focused-icon-color":e.OnSecondaryContainer,"focused-icon-color-toggle-unselected":e.OnSecondaryContainer,"focused-icon-color-toggle-selected":e.OnSecondary,"pressed-state-layer-color":e.OnSecondaryContainer,"pressed-state-layer-color-toggle-unselected":e.OnSecondaryContainer,"pressed-state-layer-color-toggle-selected":e.OnSecondary,"pressed-state-layer-opacity":o.PressedStateLayerOpacity,"pressed-container-elevation":l.Level0,"pressed-label-color":e.OnSecondaryContainer,"pressed-label-color-toggle-unselected":e.OnSecondaryContainer,"pressed-label-color-toggle-selected":e.OnSecondary,"pressed-icon-color":e.OnSecondaryContainer,"pressed-icon-color-toggle-unselected":e.OnSecondaryContainer,"pressed-icon-color-toggle-selected":e.OnSecondary},d={...c("--mdc-outlined-button"),"outline-color":e.OutlineVariant,"outline-color-toggle-unselected":e.OutlineVariant,"outline-color-toggle-selected":"transparent","container-color":"transparent","container-color-toggle-unselected":"transparent","container-color-toggle-selected":e.InverseSurface,"label-color":e.OnSurfaceVariant,"label-color-toggle-unselected":e.OnSurfaceVariant,"label-color-toggle-selected":e.InverseOnSurface,"icon-color":e.OnSurfaceVariant,"icon-color-toggle-unselected":e.OnSurfaceVariant,"icon-color-toggle-selected":e.InverseOnSurface,"disabled-outline-color":e.OutlineVariant,"disabled-outline-color-toggle-unselected":e.OutlineVariant,"disabled-outline-color-toggle-selected":"transparent","disabled-container-color":e.OnSurface,"disabled-container-opacity":"0.1","disabled-label-color":e.OnSurface,"disabled-label-opacity":"0.38","disabled-icon-color":e.OnSurface,"disabled-icon-opacity":"0.38","hovered-state-layer-color":e.OnSurfaceVariant,"hovered-state-layer-color-toggle-unselected":e.OnSurfaceVariant,"hovered-state-layer-color-toggle-selected":e.InverseOnSurface,"hovered-state-layer-opacity":o.HoveredStateLayerOpacity,"hovered-outline-color":e.OutlineVariant,"hovered-outline-color-toggle-unselected":e.OutlineVariant,"hovered-outline-color-toggle-selected":"transparent","hovered-label-color":e.OnSurfaceVariant,"hovered-label-color-toggle-unselected":e.OnSurfaceVariant,"hovered-label-color-toggle-selected":e.InverseOnSurface,"hovered-icon-color":e.OnSurfaceVariant,"hovered-icon-color-toggle-unselected":e.OnSurfaceVariant,"hovered-icon-color-toggle-selected":e.InverseOnSurface,"focused-state-layer-color":e.OnSurfaceVariant,"focused-state-layer-color-toggle-unselected":e.OnSurfaceVariant,"focused-state-layer-color-toggle-selected":e.InverseOnSurface,"focused-state-layer-opacity":o.FocusedStateLayerOpacity,"focused-outline-color":e.OutlineVariant,"focused-outline-color-toggle-unselected":e.OutlineVariant,"focused-outline-color-toggle-selected":"transparent","focused-label-color":e.OnSurfaceVariant,"focused-label-color-toggle-unselected":e.OnSurfaceVariant,"focused-label-color-toggle-selected":e.InverseOnSurface,"focused-icon-color":e.OnSurfaceVariant,"focused-icon-color-toggle-unselected":e.OnSurfaceVariant,"focused-icon-color-toggle-selected":e.InverseOnSurface,"pressed-state-layer-color":e.OnSurfaceVariant,"pressed-state-layer-color-toggle-unselected":e.OnSurfaceVariant,"pressed-state-layer-color-toggle-selected":e.InverseOnSurface,"pressed-state-layer-opacity":o.PressedStateLayerOpacity,"pressed-outline-color":e.OutlineVariant,"pressed-outline-color-toggle-unselected":e.OutlineVariant,"pressed-outline-color-toggle-selected":"transparent","pressed-label-color":e.OnSurfaceVariant,"pressed-label-color-toggle-unselected":e.OnSurfaceVariant,"pressed-label-color-toggle-selected":e.InverseOnSurface,"pressed-icon-color":e.OnSurfaceVariant,"pressed-icon-color-toggle-unselected":e.OnSurfaceVariant,"pressed-icon-color-toggle-selected":e.InverseOnSurface},g={...c("--mdc-text-button"),"container-color":"transparent","label-color":e.Primary,"icon-color":e.Primary,"disabled-container-color":e.OnSurface,"disabled-container-opacity":"0.1","disabled-label-color":e.OnSurface,"disabled-label-opacity":"0.38","disabled-icon-color":e.OnSurface,"disabled-icon-opacity":"0.38","hovered-state-layer-color":e.Primary,"hovered-state-layer-opacity":o.HoveredStateLayerOpacity,"hovered-label-color":e.Primary,"hovered-icon-color":e.Primary,"focused-state-layer-color":e.Primary,"focused-state-layer-opacity":o.FocusedStateLayerOpacity,"focused-label-color":e.Primary,"focused-icon-color":e.Primary,"pressed-state-layer-color":e.Primary,"pressed-state-layer-opacity":o.PressedStateLayerOpacity,"pressed-label-color":e.Primary,"pressed-icon-color":e.Primary};export{n as ElevatedButtonDefinition,i as FilledButtonDefinition,s as FilledTonalButtonDefinition,d as OutlinedButtonDefinition,g as TextButtonDefinition};