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

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

import{Shape as e}from"../node_modules/@sandlada/mdk/build/domain/shape.js";import{State as t}from"../node_modules/@sandlada/mdk/build/domain/state.js";import"../node_modules/@sandlada/mdk/build/index.js";import{Color as n}from"../utils/tokens/theme.js";import{createStyleDefinition as r}from"../utils/tokens/create-style-definition.js";
/**
* @license
* Copyright 2025 Kai-Orion & Sandlada
* SPDX-License-Identifier: MIT
*/
const i={"extra-small-container-shape-round-start-start":e.Full,"extra-small-container-shape-round-start-end":e.Full,"extra-small-container-shape-round-end-start":e.Full,"extra-small-container-shape-round-end-end":e.Full,"extra-small-container-shape-square-start-start":e.Medium,"extra-small-container-shape-square-start-end":e.Medium,"extra-small-container-shape-square-end-start":e.Medium,"extra-small-container-shape-square-end-end":e.Medium,"extra-small-container-shape-pressed-morph-start-start":e.Small,"extra-small-container-shape-pressed-morph-start-end":e.Small,"extra-small-container-shape-pressed-morph-end-start":e.Small,"extra-small-container-shape-pressed-morph-end-end":e.Small,"extra-small-container-shape-round-selected-start-start":e.Medium,"extra-small-container-shape-round-selected-start-end":e.Medium,"extra-small-container-shape-round-selected-end-start":e.Medium,"extra-small-container-shape-round-selected-end-end":e.Medium,"extra-small-container-shape-square-selected-start-start":e.Full,"extra-small-container-shape-square-selected-start-end":e.Full,"extra-small-container-shape-square-selected-end-start":e.Full,"extra-small-container-shape-square-selected-end-end":e.Full,"small-container-shape-round-start-start":e.Full,"small-container-shape-round-start-end":e.Full,"small-container-shape-round-end-start":e.Full,"small-container-shape-round-end-end":e.Full,"small-container-shape-square-start-start":e.Medium,"small-container-shape-square-start-end":e.Medium,"small-container-shape-square-end-start":e.Medium,"small-container-shape-square-end-end":e.Medium,"small-container-shape-pressed-morph-start-start":e.Small,"small-container-shape-pressed-morph-start-end":e.Small,"small-container-shape-pressed-morph-end-start":e.Small,"small-container-shape-pressed-morph-end-end":e.Small,"small-container-shape-round-selected-start-start":e.Medium,"small-container-shape-round-selected-start-end":e.Medium,"small-container-shape-round-selected-end-start":e.Medium,"small-container-shape-round-selected-end-end":e.Medium,"small-container-shape-square-selected-start-start":e.Full,"small-container-shape-square-selected-start-end":e.Full,"small-container-shape-square-selected-end-start":e.Full,"small-container-shape-square-selected-end-end":e.Full,"medium-container-shape-round-start-start":e.Full,"medium-container-shape-round-start-end":e.Full,"medium-container-shape-round-end-start":e.Full,"medium-container-shape-round-end-end":e.Full,"medium-container-shape-square-start-start":e.Large,"medium-container-shape-square-start-end":e.Large,"medium-container-shape-square-end-start":e.Large,"medium-container-shape-square-end-end":e.Large,"medium-container-shape-pressed-morph-start-start":e.Medium,"medium-container-shape-pressed-morph-start-end":e.Medium,"medium-container-shape-pressed-morph-end-start":e.Medium,"medium-container-shape-pressed-morph-end-end":e.Medium,"medium-container-shape-round-selected-start-start":e.Large,"medium-container-shape-round-selected-start-end":e.Large,"medium-container-shape-round-selected-end-start":e.Large,"medium-container-shape-round-selected-end-end":e.Large,"medium-container-shape-square-selected-start-start":e.Full,"medium-container-shape-square-selected-start-end":e.Full,"medium-container-shape-square-selected-end-start":e.Full,"medium-container-shape-square-selected-end-end":e.Full,"large-container-shape-round-start-start":e.Full,"large-container-shape-round-start-end":e.Full,"large-container-shape-round-end-start":e.Full,"large-container-shape-round-end-end":e.Full,"large-container-shape-square-start-start":e.ExtraLarge,"large-container-shape-square-start-end":e.ExtraLarge,"large-container-shape-square-end-start":e.ExtraLarge,"large-container-shape-square-end-end":e.ExtraLarge,"large-container-shape-pressed-morph-start-start":e.Large,"large-container-shape-pressed-morph-start-end":e.Large,"large-container-shape-pressed-morph-end-start":e.Large,"large-container-shape-pressed-morph-end-end":e.Large,"large-container-shape-round-selected-start-start":e.ExtraLarge,"large-container-shape-round-selected-start-end":e.ExtraLarge,"large-container-shape-round-selected-end-start":e.ExtraLarge,"large-container-shape-round-selected-end-end":e.ExtraLarge,"large-container-shape-square-selected-start-start":e.Full,"large-container-shape-square-selected-start-end":e.Full,"large-container-shape-square-selected-end-start":e.Full,"large-container-shape-square-selected-end-end":e.Full,"extra-large-container-shape-round-start-start":e.Full,"extra-large-container-shape-round-start-end":e.Full,"extra-large-container-shape-round-end-start":e.Full,"extra-large-container-shape-round-end-end":e.Full,"extra-large-container-shape-square-start-start":e.ExtraLarge,"extra-large-container-shape-square-start-end":e.ExtraLarge,"extra-large-container-shape-square-end-start":e.ExtraLarge,"extra-large-container-shape-square-end-end":e.ExtraLarge,"extra-large-container-shape-pressed-morph-start-start":e.Large,"extra-large-container-shape-pressed-morph-start-end":e.Large,"extra-large-container-shape-pressed-morph-end-start":e.Large,"extra-large-container-shape-pressed-morph-end-end":e.Large,"extra-large-container-shape-round-selected-start-start":e.ExtraLarge,"extra-large-container-shape-round-selected-start-end":e.ExtraLarge,"extra-large-container-shape-round-selected-end-start":e.ExtraLarge,"extra-large-container-shape-round-selected-end-end":e.ExtraLarge,"extra-large-container-shape-square-selected-start-start":e.Full,"extra-large-container-shape-square-selected-start-end":e.Full,"extra-large-container-shape-square-selected-end-start":e.Full,"extra-large-container-shape-square-selected-end-end":e.Full},a={"extra-small-container-height":`32px`,"extra-small-icon-size":`20px`,"extra-small-narrow-leading-space":`4px`,"extra-small-narrow-trailing-space":`4px`,"extra-small-default-leading-space":`6px`,"extra-small-default-trailing-space":`6px`,"extra-small-wide-leading-space":`10px`,"extra-small-wide-trailing-space":`10px`,"extra-small-outline-width":`1px`,"small-container-height":`40px`,"small-icon-size":`24px`,"small-narrow-leading-space":`4px`,"small-narrow-trailing-space":`4px`,"small-default-leading-space":`8px`,"small-default-trailing-space":`8px`,"small-wide-leading-space":`14px`,"small-wide-trailing-space":`14px`,"small-outline-width":`1px`,"medium-container-height":`56px`,"medium-icon-size":`24px`,"medium-narrow-leading-space":`12px`,"medium-narrow-trailing-space":`12px`,"medium-default-leading-space":`16px`,"medium-default-trailing-space":`16px`,"medium-wide-leading-space":`24px`,"medium-wide-trailing-space":`24px`,"medium-outline-width":`1px`,"large-container-height":`96px`,"large-icon-size":`32px`,"large-narrow-leading-space":`16px`,"large-narrow-trailing-space":`16px`,"large-default-leading-space":`32px`,"large-default-trailing-space":`32px`,"large-wide-leading-space":`48px`,"large-wide-trailing-space":`48px`,"large-outline-width":`2px`,"extra-large-container-height":`136px`,"extra-large-icon-size":`40px`,"extra-large-narrow-leading-space":`32px`,"extra-large-narrow-trailing-space":`32px`,"extra-large-default-leading-space":`48px`,"extra-large-default-trailing-space":`48px`,"extra-large-wide-leading-space":`72px`,"extra-large-wide-trailing-space":`72px`,"extra-large-outline-width":`3px`},o=r({...a,...i,"enabled-outline-color":n.OutlineVariant,"enabled-outline-color-toggle-unselected":n.OutlineVariant,"enabled-outline-color-toggle-selected":`transparent`,"enabled-container-color":`transparent`,"enabled-container-color-toggle-unselected":`transparent`,"enabled-container-color-toggle-selected":n.InverseSurface,"enabled-icon-color":n.OnSurfaceVariant,"enabled-icon-color-toggle-unselected":n.OnSurfaceVariant,"enabled-icon-color-toggle-selected":n.InverseOnSurface,"disabled-outline-color":n.OutlineVariant,"disabled-outline-color-toggle-unselected":n.OutlineVariant,"disabled-outline-color-toggle-selected":`transparent`,"disabled-container-color":`transparent`,"disabled-container-color-toggle-unselected":`transparent`,"disabled-container-color-toggle-selected":n.OnSurface,"disabled-container-opacity":`0.1`,"disabled-container-opacity-toggle-unselected":`0.1`,"disabled-container-opacity-toggle-selected":`0.1`,"disabled-icon-color":n.OnSurface,"disabled-icon-opacity":`0.38`,"hovered-state-layer-color":n.OnSurfaceVariant,"hovered-state-layer-color-toggle-unselected":n.OnSurfaceVariant,"hovered-state-layer-color-toggle-selected":n.InverseOnSurface,"hovered-state-layer-opacity":t.HoveredStateLayerOpacity,"hovered-icon-color":n.OnSurfaceVariant,"hovered-icon-color-toggle-unselected":n.OnSurfaceVariant,"hovered-icon-color-toggle-selected":n.InverseOnSurface,"focused-state-layer-color":n.OnSurfaceVariant,"focused-state-layer-color-toggle-unselected":n.OnSurfaceVariant,"focused-state-layer-color-toggle-selected":n.InverseOnSurface,"focused-state-layer-opacity":t.FocusedStateLayerOpacity,"focused-icon-color":n.OnSurfaceVariant,"focused-icon-color-toggle-unselected":n.OnSurfaceVariant,"focused-icon-color-toggle-selected":n.InverseOnSurface,"pressed-state-layer-color":n.OnSurfaceVariant,"pressed-state-layer-color-toggle-unselected":n.OnSurfaceVariant,"pressed-state-layer-color-toggle-selected":n.InverseOnSurface,"pressed-state-layer-opacity":t.PressedStateLayerOpacity,"pressed-icon-color":n.OnSurfaceVariant,"pressed-icon-color-toggle-unselected":n.OnSurfaceVariant,"pressed-icon-color-toggle-selected":n.InverseOnSurface}),s=r({...a,...i,"enabled-icon-color":n.OnSurfaceVariant,"enabled-icon-color-toggle-unselected":n.OnSurfaceVariant,"enabled-icon-color-toggle-selected":n.Primary,"disabled-icon-color":n.OnSurface,"disabled-icon-opacity":`0.38`,"hovered-state-layer-color":n.OnSurfaceVariant,"hovered-state-layer-color-toggle-unselected":n.OnSurfaceVariant,"hovered-state-layer-color-toggle-selected":n.Primary,"hovered-state-layer-opacity":t.HoveredStateLayerOpacity,"hovered-icon-color":n.OnSurfaceVariant,"hovered-icon-color-toggle-unselected":n.OnSurfaceVariant,"hovered-icon-color-toggle-selected":n.Primary,"focused-state-layer-color":n.OnSurfaceVariant,"focused-state-layer-color-toggle-unselected":n.OnSurfaceVariant,"focused-state-layer-color-toggle-selected":n.Primary,"focused-state-layer-opacity":t.FocusedStateLayerOpacity,"focused-icon-color":n.OnSurfaceVariant,"focused-icon-color-toggle-unselected":n.OnSurfaceVariant,"focused-icon-color-toggle-selected":n.Primary,"pressed-state-layer-color":n.OnSurfaceVariant,"pressed-state-layer-color-toggle-unselected":n.OnSurfaceVariant,"pressed-state-layer-color-toggle-selected":n.Primary,"pressed-state-layer-opacity":t.PressedStateLayerOpacity,"pressed-icon-color":n.OnSurfaceVariant,"pressed-icon-color-toggle-unselected":n.OnSurfaceVariant,"pressed-icon-color-toggle-selected":n.Primary}),c=r({...a,...i,"enabled-container-color":n.Primary,"enabled-container-color-toggle-unselected":n.SurfaceContainer,"enabled-container-color-toggle-selected":n.Primary,"enabled-icon-color":n.OnPrimary,"enabled-icon-color-toggle-unselected":n.OnSurfaceVariant,"enabled-icon-color-toggle-selected":n.OnPrimary,"disabled-container-color":n.OnSurface,"disabled-container-opacity":`0.1`,"disabled-icon-color":n.OnSurface,"disabled-icon-opacity":`0.38`,"hovered-state-layer-color":n.OnPrimary,"hovered-state-layer-color-toggle-unselected":n.OnSurfaceVariant,"hovered-state-layer-color-toggle-selected":n.OnPrimary,"hovered-state-layer-opacity":t.HoveredStateLayerOpacity,"hovered-icon-color":n.OnPrimary,"hovered-icon-color-toggle-unselected":n.OnSurfaceVariant,"hovered-icon-color-toggle-selected":n.OnPrimary,"focused-state-layer-color":n.OnPrimary,"focused-state-layer-color-toggle-unselected":n.OnSurfaceVariant,"focused-state-layer-color-toggle-selected":n.OnPrimary,"focused-state-layer-opacity":t.FocusedStateLayerOpacity,"focused-icon-color":n.OnPrimary,"focused-icon-color-toggle-unselected":n.OnSurfaceVariant,"focused-icon-color-toggle-selected":n.OnPrimary,"pressed-state-layer-color":n.OnPrimary,"pressed-state-layer-color-toggle-unselected":n.OnSurfaceVariant,"pressed-state-layer-color-toggle-selected":n.OnPrimary,"pressed-state-layer-opacity":t.PressedStateLayerOpacity,"pressed-icon-color":n.OnPrimary,"pressed-icon-color-toggle-unselected":n.OnSurfaceVariant,"pressed-icon-color-toggle-selected":n.OnPrimary}),l=r({...a,...i,"enabled-container-color":n.SecondaryContainer,"enabled-container-color-toggle-unselected":n.SecondaryContainer,"enabled-container-color-toggle-selected":n.Secondary,"enabled-icon-color":n.OnSecondaryContainer,"enabled-icon-color-toggle-unselected":n.OnSecondaryContainer,"enabled-icon-color-toggle-selected":n.OnSecondary,"disabled-container-color":n.OnSurface,"disabled-container-opacity":`0.1`,"disabled-icon-color":n.OnSurface,"disabled-icon-opacity":`0.38`,"hovered-state-layer-color":n.OnSecondaryContainer,"hovered-state-layer-color-toggle-unselected":n.OnSecondaryContainer,"hovered-state-layer-color-toggle-selected":n.OnSecondary,"hovered-state-layer-opacity":t.HoveredStateLayerOpacity,"hovered-icon-color":n.OnSecondaryContainer,"hovered-icon-color-toggle-unselected":n.OnSecondaryContainer,"hovered-icon-color-toggle-selected":n.OnSecondary,"focused-state-layer-color":n.OnSecondaryContainer,"focused-state-layer-color-toggle-unselected":n.OnSecondaryContainer,"focused-state-layer-color-toggle-selected":n.OnSecondary,"focused-state-layer-opacity":t.FocusedStateLayerOpacity,"focused-icon-color":n.OnSecondaryContainer,"focused-icon-color-toggle-unselected":n.OnSecondaryContainer,"focused-icon-color-toggle-selected":n.OnSecondary,"pressed-state-layer-color":n.OnSecondaryContainer,"pressed-state-layer-color-toggle-unselected":n.OnSecondaryContainer,"pressed-state-layer-color-toggle-selected":n.OnSecondary,"pressed-state-layer-opacity":t.PressedStateLayerOpacity,"pressed-icon-color":n.OnSecondaryContainer,"pressed-icon-color-toggle-unselected":n.OnSecondaryContainer,"pressed-icon-color-toggle-selected":n.OnSecondary});export{c as FilledIconButtonDefinition,l as FilledTonalIconButtonDefinition,o as OutlinedIconButtonDefinition,s as StandardIconButtonDefinition};
//# sourceMappingURL=icon-button.definition.js.map