@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
718 lines • 68.1 kB
TypeScript
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