UNPKG

@sandlada/mdc

Version:

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

718 lines 68.1 kB
export declare const OutlinedIconButtonDefinition: {
    readonly 'extra-small-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-height': `32px`;
    readonly 'extra-small-icon-size': `20px`;
    readonly 'extra-small-narrow-leading-space': `4px`;
    readonly 'extra-small-narrow-trailing-space': `4px`;
    readonly 'extra-small-default-leading-space': `6px`;
    readonly 'extra-small-default-trailing-space': `6px`;
    readonly 'extra-small-wide-leading-space': `10px`;
    readonly 'extra-small-wide-trailing-space': `10px`;
    readonly 'extra-small-outline-width': `1px`;
    readonly 'small-container-height': `40px`;
    readonly 'small-icon-size': `24px`;
    readonly 'small-narrow-leading-space': `4px`;
    readonly 'small-narrow-trailing-space': `4px`;
    readonly 'small-default-leading-space': `8px`;
    readonly 'small-default-trailing-space': `8px`;
    readonly 'small-wide-leading-space': `14px`;
    readonly 'small-wide-trailing-space': `14px`;
    readonly 'small-outline-width': `1px`;
    readonly 'medium-container-height': `56px`;
    readonly 'medium-icon-size': `24px`;
    readonly 'medium-narrow-leading-space': `12px`;
    readonly 'medium-narrow-trailing-space': `12px`;
    readonly 'medium-default-leading-space': `16px`;
    readonly 'medium-default-trailing-space': `16px`;
    readonly 'medium-wide-leading-space': `24px`;
    readonly 'medium-wide-trailing-space': `24px`;
    readonly 'medium-outline-width': `1px`;
    readonly 'large-container-height': `96px`;
    readonly 'large-icon-size': `32px`;
    readonly 'large-narrow-leading-space': `16px`;
    readonly 'large-narrow-trailing-space': `16px`;
    readonly 'large-default-leading-space': `32px`;
    readonly 'large-default-trailing-space': `32px`;
    readonly 'large-wide-leading-space': `48px`;
    readonly 'large-wide-trailing-space': `48px`;
    readonly 'large-outline-width': `2px`;
    readonly 'extra-large-container-height': `136px`;
    readonly 'extra-large-icon-size': `40px`;
    readonly 'extra-large-narrow-leading-space': `32px`;
    readonly 'extra-large-narrow-trailing-space': `32px`;
    readonly 'extra-large-default-leading-space': `48px`;
    readonly 'extra-large-default-trailing-space': `48px`;
    readonly 'extra-large-wide-leading-space': `72px`;
    readonly 'extra-large-wide-trailing-space': `72px`;
    readonly 'extra-large-outline-width': `3px`;
    readonly 'enabled-outline-color': "var(--md-sys-color-outline-variant, light-dark(#bccabc, #3d4a3f))";
    readonly 'enabled-outline-color-toggle-unselected': "var(--md-sys-color-outline-variant, light-dark(#bccabc, #3d4a3f))";
    readonly 'enabled-outline-color-toggle-selected': "transparent";
    readonly 'enabled-container-color': "transparent";
    readonly 'enabled-container-color-toggle-unselected': "transparent";
    readonly 'enabled-container-color-toggle-selected': "var(--md-sys-color-inverse-surface, light-dark(#2b322c, #dde4db))";
    readonly 'enabled-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'enabled-icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'enabled-icon-color-toggle-selected': "var(--md-sys-color-inverse-on-surface, light-dark(#ecf3e9, #2b322c))";
    readonly 'disabled-outline-color': "var(--md-sys-color-outline-variant, light-dark(#bccabc, #3d4a3f))";
    readonly 'disabled-outline-color-toggle-unselected': "var(--md-sys-color-outline-variant, light-dark(#bccabc, #3d4a3f))";
    readonly 'disabled-outline-color-toggle-selected': "transparent";
    readonly 'disabled-container-color': "transparent";
    readonly 'disabled-container-color-toggle-unselected': "transparent";
    readonly 'disabled-container-color-toggle-selected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-container-opacity': "0.1";
    readonly 'disabled-container-opacity-toggle-unselected': "0.1";
    readonly 'disabled-container-opacity-toggle-selected': "0.1";
    readonly 'disabled-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-icon-opacity': "0.38";
    readonly 'hovered-state-layer-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'hovered-state-layer-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'hovered-state-layer-color-toggle-selected': "var(--md-sys-color-inverse-on-surface, light-dark(#ecf3e9, #2b322c))";
    readonly 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)";
    readonly 'hovered-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'hovered-icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'hovered-icon-color-toggle-selected': "var(--md-sys-color-inverse-on-surface, light-dark(#ecf3e9, #2b322c))";
    readonly 'focused-state-layer-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'focused-state-layer-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'focused-state-layer-color-toggle-selected': "var(--md-sys-color-inverse-on-surface, light-dark(#ecf3e9, #2b322c))";
    readonly 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)";
    readonly 'focused-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'focused-icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'focused-icon-color-toggle-selected': "var(--md-sys-color-inverse-on-surface, light-dark(#ecf3e9, #2b322c))";
    readonly 'pressed-state-layer-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'pressed-state-layer-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'pressed-state-layer-color-toggle-selected': "var(--md-sys-color-inverse-on-surface, light-dark(#ecf3e9, #2b322c))";
    readonly 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)";
    readonly 'pressed-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'pressed-icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'pressed-icon-color-toggle-selected': "var(--md-sys-color-inverse-on-surface, light-dark(#ecf3e9, #2b322c))";
};
export declare const StandardIconButtonDefinition: {
    readonly 'extra-small-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-height': `32px`;
    readonly 'extra-small-icon-size': `20px`;
    readonly 'extra-small-narrow-leading-space': `4px`;
    readonly 'extra-small-narrow-trailing-space': `4px`;
    readonly 'extra-small-default-leading-space': `6px`;
    readonly 'extra-small-default-trailing-space': `6px`;
    readonly 'extra-small-wide-leading-space': `10px`;
    readonly 'extra-small-wide-trailing-space': `10px`;
    readonly 'extra-small-outline-width': `1px`;
    readonly 'small-container-height': `40px`;
    readonly 'small-icon-size': `24px`;
    readonly 'small-narrow-leading-space': `4px`;
    readonly 'small-narrow-trailing-space': `4px`;
    readonly 'small-default-leading-space': `8px`;
    readonly 'small-default-trailing-space': `8px`;
    readonly 'small-wide-leading-space': `14px`;
    readonly 'small-wide-trailing-space': `14px`;
    readonly 'small-outline-width': `1px`;
    readonly 'medium-container-height': `56px`;
    readonly 'medium-icon-size': `24px`;
    readonly 'medium-narrow-leading-space': `12px`;
    readonly 'medium-narrow-trailing-space': `12px`;
    readonly 'medium-default-leading-space': `16px`;
    readonly 'medium-default-trailing-space': `16px`;
    readonly 'medium-wide-leading-space': `24px`;
    readonly 'medium-wide-trailing-space': `24px`;
    readonly 'medium-outline-width': `1px`;
    readonly 'large-container-height': `96px`;
    readonly 'large-icon-size': `32px`;
    readonly 'large-narrow-leading-space': `16px`;
    readonly 'large-narrow-trailing-space': `16px`;
    readonly 'large-default-leading-space': `32px`;
    readonly 'large-default-trailing-space': `32px`;
    readonly 'large-wide-leading-space': `48px`;
    readonly 'large-wide-trailing-space': `48px`;
    readonly 'large-outline-width': `2px`;
    readonly 'extra-large-container-height': `136px`;
    readonly 'extra-large-icon-size': `40px`;
    readonly 'extra-large-narrow-leading-space': `32px`;
    readonly 'extra-large-narrow-trailing-space': `32px`;
    readonly 'extra-large-default-leading-space': `48px`;
    readonly 'extra-large-default-trailing-space': `48px`;
    readonly 'extra-large-wide-leading-space': `72px`;
    readonly 'extra-large-wide-trailing-space': `72px`;
    readonly 'extra-large-outline-width': `3px`;
    readonly 'enabled-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'enabled-icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'enabled-icon-color-toggle-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
    readonly 'disabled-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-icon-opacity': "0.38";
    readonly 'hovered-state-layer-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'hovered-state-layer-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'hovered-state-layer-color-toggle-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
    readonly 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)";
    readonly 'hovered-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'hovered-icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'hovered-icon-color-toggle-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
    readonly 'focused-state-layer-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'focused-state-layer-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'focused-state-layer-color-toggle-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
    readonly 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)";
    readonly 'focused-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'focused-icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'focused-icon-color-toggle-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
    readonly 'pressed-state-layer-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'pressed-state-layer-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'pressed-state-layer-color-toggle-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
    readonly 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)";
    readonly 'pressed-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'pressed-icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'pressed-icon-color-toggle-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
};
export declare const FilledIconButtonDefinition: {
    readonly 'extra-small-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-height': `32px`;
    readonly 'extra-small-icon-size': `20px`;
    readonly 'extra-small-narrow-leading-space': `4px`;
    readonly 'extra-small-narrow-trailing-space': `4px`;
    readonly 'extra-small-default-leading-space': `6px`;
    readonly 'extra-small-default-trailing-space': `6px`;
    readonly 'extra-small-wide-leading-space': `10px`;
    readonly 'extra-small-wide-trailing-space': `10px`;
    readonly 'extra-small-outline-width': `1px`;
    readonly 'small-container-height': `40px`;
    readonly 'small-icon-size': `24px`;
    readonly 'small-narrow-leading-space': `4px`;
    readonly 'small-narrow-trailing-space': `4px`;
    readonly 'small-default-leading-space': `8px`;
    readonly 'small-default-trailing-space': `8px`;
    readonly 'small-wide-leading-space': `14px`;
    readonly 'small-wide-trailing-space': `14px`;
    readonly 'small-outline-width': `1px`;
    readonly 'medium-container-height': `56px`;
    readonly 'medium-icon-size': `24px`;
    readonly 'medium-narrow-leading-space': `12px`;
    readonly 'medium-narrow-trailing-space': `12px`;
    readonly 'medium-default-leading-space': `16px`;
    readonly 'medium-default-trailing-space': `16px`;
    readonly 'medium-wide-leading-space': `24px`;
    readonly 'medium-wide-trailing-space': `24px`;
    readonly 'medium-outline-width': `1px`;
    readonly 'large-container-height': `96px`;
    readonly 'large-icon-size': `32px`;
    readonly 'large-narrow-leading-space': `16px`;
    readonly 'large-narrow-trailing-space': `16px`;
    readonly 'large-default-leading-space': `32px`;
    readonly 'large-default-trailing-space': `32px`;
    readonly 'large-wide-leading-space': `48px`;
    readonly 'large-wide-trailing-space': `48px`;
    readonly 'large-outline-width': `2px`;
    readonly 'extra-large-container-height': `136px`;
    readonly 'extra-large-icon-size': `40px`;
    readonly 'extra-large-narrow-leading-space': `32px`;
    readonly 'extra-large-narrow-trailing-space': `32px`;
    readonly 'extra-large-default-leading-space': `48px`;
    readonly 'extra-large-default-trailing-space': `48px`;
    readonly 'extra-large-wide-leading-space': `72px`;
    readonly 'extra-large-wide-trailing-space': `72px`;
    readonly 'extra-large-outline-width': `3px`;
    readonly 'enabled-container-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
    readonly 'enabled-container-color-toggle-unselected': "var(--md-sys-color-surface-container, light-dark(#e9f0e6, #1b211b))";
    readonly 'enabled-container-color-toggle-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
    readonly 'enabled-icon-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'enabled-icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'enabled-icon-color-toggle-selected': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'disabled-container-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-container-opacity': "0.1";
    readonly 'disabled-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-icon-opacity': "0.38";
    readonly 'hovered-state-layer-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'hovered-state-layer-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'hovered-state-layer-color-toggle-selected': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)";
    readonly 'hovered-icon-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'hovered-icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'hovered-icon-color-toggle-selected': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'focused-state-layer-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'focused-state-layer-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'focused-state-layer-color-toggle-selected': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)";
    readonly 'focused-icon-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'focused-icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'focused-icon-color-toggle-selected': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'pressed-state-layer-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'pressed-state-layer-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'pressed-state-layer-color-toggle-selected': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)";
    readonly 'pressed-icon-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'pressed-icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'pressed-icon-color-toggle-selected': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
};
export declare const FilledTonalIconButtonDefinition: {
    readonly 'extra-small-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'extra-small-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'extra-small-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-small, 8px)";
    readonly 'small-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'small-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'small-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-medium, 12px)";
    readonly 'medium-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'medium-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'medium-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'large-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'large-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'large-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-round-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-pressed-morph-start-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-pressed-morph-start-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-pressed-morph-end-start': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-pressed-morph-end-end': "var(--md-sys-shape-corner-large, 16px)";
    readonly 'extra-large-container-shape-round-selected-start-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-round-selected-start-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-round-selected-end-start': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-round-selected-end-end': "var(--md-sys-shape-corner-extra-large, 28px)";
    readonly 'extra-large-container-shape-square-selected-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-selected-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-selected-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-large-container-shape-square-selected-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
    readonly 'extra-small-container-height': `32px`;
    readonly 'extra-small-icon-size': `20px`;
    readonly 'extra-small-narrow-leading-space': `4px`;
    readonly 'extra-small-narrow-trailing-space': `4px`;
    readonly 'extra-small-default-leading-space': `6px`;
    readonly 'extra-small-default-trailing-space': `6px`;
    readonly 'extra-small-wide-leading-space': `10px`;
    readonly 'extra-small-wide-trailing-space': `10px`;
    readonly 'extra-small-outline-width': `1px`;
    readonly 'small-container-height': `40px`;
    readonly 'small-icon-size': `24px`;
    readonly 'small-narrow-leading-space': `4px`;
    readonly 'small-narrow-trailing-space': `4px`;
    readonly 'small-default-leading-space': `8px`;
    readonly 'small-default-trailing-space': `8px`;
    readonly 'small-wide-leading-space': `14px`;
    readonly 'small-wide-trailing-space': `14px`;
    readonly 'small-outline-width': `1px`;
    readonly 'medium-container-height': `56px`;
    readonly 'medium-icon-size': `24px`;
    readonly 'medium-narrow-leading-space': `12px`;
    readonly 'medium-narrow-trailing-space': `12px`;
    readonly 'medium-default-leading-space': `16px`;
    readonly 'medium-default-trailing-space': `16px`;
    readonly 'medium-wide-leading-space': `24px`;
    readonly 'medium-wide-trailing-space': `24px`;
    readonly 'medium-outline-width': `1px`;
    readonly 'large-container-height': `96px`;
    readonly 'large-icon-size': `32px`;
    readonly 'large-narrow-leading-space': `16px`;
    readonly 'large-narrow-trailing-space': `16px`;
    readonly 'large-default-leading-space': `32px`;
    readonly 'large-default-trailing-space': `32px`;
    readonly 'large-wide-leading-space': `48px`;
    readonly 'large-wide-trailing-space': `48px`;
    readonly 'large-outline-width': `2px`;
    readonly 'extra-large-container-height': `136px`;
    readonly 'extra-large-icon-size': `40px`;
    readonly 'extra-large-narrow-leading-space': `32px`;
    readonly 'extra-large-narrow-trailing-space': `32px`;
    readonly 'extra-large-default-leading-space': `48px`;
    readonly 'extra-large-default-trailing-space': `48px`;
    readonly 'extra-large-wide-leading-space': `72px`;
    readonly 'extra-large-wide-trailing-space': `72px`;
    readonly 'extra-large-outline-width': `3px`;
    readonly 'enabled-container-color': "var(--md-sys-color-secondary-container, light-dark(#bbecc3, #295436))";
    readonly 'enabled-container-color-toggle-unselected': "var(--md-sys-color-secondary-container, light-dark(#bbecc3, #295436))";
    readonly 'enabled-container-color-toggle-selected': "var(--md-sys-color-secondary, light-dark(#3c6847, #a2d2ab))";
    readonly 'enabled-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'enabled-icon-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'enabled-icon-color-toggle-selected': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))";
    readonly 'disabled-container-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-container-opacity': "0.1";
    readonly 'disabled-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-icon-opacity': "0.38";
    readonly 'hovered-state-layer-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'hovered-state-layer-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'hovered-state-layer-color-toggle-selected': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))";
    readonly 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)";
    readonly 'hovered-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'hovered-icon-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'hovered-icon-color-toggle-selected': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))";
    readonly 'focused-state-layer-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'focused-state-layer-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'focused-state-layer-color-toggle-selected': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))";
    readonly 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)";
    readonly 'focused-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'focused-icon-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'focused-icon-color-toggle-selected': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))";
    readonly 'pressed-state-layer-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'pressed-state-layer-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'pressed-state-layer-color-toggle-selected': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))";
    readonly 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)";
    readonly 'pressed-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'pressed-icon-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'pressed-icon-color-toggle-selected': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))";
};
//# sourceMappingURL=icon-button.definition.d.ts.map