@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
651 lines • 75.9 kB
TypeScript
export declare const ElevatedButtonDefinition: {
readonly 'container-color': "var(--md-sys-color-surface-container-low, var(--md-sys-palette-neutral-96, #f7f2fa))";
readonly 'container-color-toggle-unselected': "var(--md-sys-color-surface-container-low, var(--md-sys-palette-neutral-96, #f7f2fa))";
readonly 'container-color-toggle-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'container-shadow-color': "var(--md-sys-color-shadow, var(--md-sys-palette-neutral-0, #000))";
readonly 'container-elevation': "var(--md-sys-elevation-level-1, 1)";
readonly 'label-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'label-color-toggle-unselected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'label-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'icon-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'icon-color-toggle-unselected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'icon-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'disabled-container-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'disabled-container-opacity': "0.1";
readonly 'disabled-container-elevation': "var(--md-sys-elevation-level-0, 0)";
readonly 'disabled-label-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'disabled-label-opacity': "0.38";
readonly 'disabled-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'disabled-icon-opacity': "0.38";
readonly 'hovered-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'hovered-state-layer-color-toggle-unselected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'hovered-state-layer-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'hovered-state-layer-opacity': "0.08";
readonly 'hovered-label-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'hovered-label-color-toggle-unselected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'hovered-label-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'hovered-icon-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'hovered-icon-color-toggle-unselected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'hovered-icon-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'focused-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'focused-state-layer-color-toggle-unselected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'focused-state-layer-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'focused-state-layer-opacity': "0.12";
readonly 'focused-container-elevation': "var(--md-sys-elevation-level-1, 1)";
readonly 'focused-label-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'focused-label-color-toggle-unselected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'focused-label-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'focused-icon-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'focused-icon-color-toggle-unselected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'focused-icon-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'pressed-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'pressed-state-layer-color-toggle-unselected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'pressed-state-layer-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'pressed-state-layer-opacity': "0.12";
readonly 'pressed-container-elevation': "var(--md-sys-elevation-level-1, 1)";
readonly 'pressed-label-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'pressed-label-color-toggle-unselected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'pressed-label-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'pressed-icon-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'pressed-icon-color-toggle-unselected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'pressed-icon-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'extra-small-container-height': "32px";
readonly 'extra-small-outline-width': "1px";
readonly 'extra-small-label-font': "Roboto";
readonly 'extra-small-label-line-height': "20px";
readonly 'extra-small-label-size': "14px";
readonly 'extra-small-label-tracking': "0.1px";
readonly 'extra-small-label-weight': "500";
readonly 'extra-small-icon-size': "20px";
readonly 'extra-small-leading-space': "12px";
readonly 'extra-small-between-icon-label-space': "8px";
readonly 'extra-small-trailing-space': "12px";
readonly 'small-container-height': "40px";
readonly 'small-outline-width': "1px";
readonly 'small-label-font': "Roboto";
readonly 'small-label-line-height': "20px";
readonly 'small-label-size': "14px";
readonly 'small-label-tracking': "0.1px";
readonly 'small-label-weight': "500";
readonly 'small-icon-size': "20px";
readonly 'small-leading-space': "16px";
readonly 'small-between-icon-label-space': "8px";
readonly 'small-trailing-space': "16px";
readonly 'medium-container-height': "56px";
readonly 'medium-outline-width': "1px";
readonly 'medium-label-font': "Roboto";
readonly 'medium-label-line-height': "24px";
readonly 'medium-label-size': "16px";
readonly 'medium-label-tracking': "0.15px";
readonly 'medium-label-weight': "500";
readonly 'medium-icon-size': "24px";
readonly 'medium-leading-space': "24px";
readonly 'medium-between-icon-label-space': "8px";
readonly 'medium-trailing-space': "24px";
readonly 'large-container-height': "96px";
readonly 'large-outline-width': "2px";
readonly 'large-label-font': "Roboto";
readonly 'large-label-line-height': "32px";
readonly 'large-label-size': "24px";
readonly 'large-label-tracking': "0px";
readonly 'large-label-weight': "400";
readonly 'large-icon-size': "32px";
readonly 'large-leading-space': "48px";
readonly 'large-between-icon-label-space': "12px";
readonly 'large-trailing-space': "48px";
readonly 'extra-large-container-height': "136px";
readonly 'extra-large-outline-width': "3px";
readonly 'extra-large-label-font': "Roboto";
readonly 'extra-large-label-line-height': "40px";
readonly 'extra-large-label-size': "32px";
readonly 'extra-large-label-tracking': "0px";
readonly 'extra-large-label-weight': "400";
readonly 'extra-large-icon-size': "40px";
readonly 'extra-large-leading-space': "64px";
readonly 'extra-large-between-icon-label-space': "16px";
readonly 'extra-large-trailing-space': "64px";
readonly "extra-small-container-shape-round-start-start": string;
readonly "extra-small-container-shape-round-start-end": string;
readonly "extra-small-container-shape-round-end-end": string;
readonly "extra-small-container-shape-round-end-start": string;
readonly "small-container-shape-round-start-start": string;
readonly "small-container-shape-round-start-end": string;
readonly "small-container-shape-round-end-end": string;
readonly "small-container-shape-round-end-start": string;
readonly "medium-container-shape-round-start-start": string;
readonly "medium-container-shape-round-start-end": string;
readonly "medium-container-shape-round-end-end": string;
readonly "medium-container-shape-round-end-start": string;
readonly "large-container-shape-round-start-start": string;
readonly "large-container-shape-round-start-end": string;
readonly "large-container-shape-round-end-end": string;
readonly "large-container-shape-round-end-start": string;
readonly "extra-large-container-shape-round-start-start": string;
readonly "extra-large-container-shape-round-start-end": string;
readonly "extra-large-container-shape-round-end-end": string;
readonly "extra-large-container-shape-round-end-start": string;
readonly "extra-small-container-shape-square-start-start": string;
readonly "extra-small-container-shape-square-start-end": string;
readonly "extra-small-container-shape-square-end-end": string;
readonly "extra-small-container-shape-square-end-start": string;
readonly "small-container-shape-square-start-start": string;
readonly "small-container-shape-square-start-end": string;
readonly "small-container-shape-square-end-end": string;
readonly "small-container-shape-square-end-start": string;
readonly "medium-container-shape-square-start-start": string;
readonly "medium-container-shape-square-start-end": string;
readonly "medium-container-shape-square-end-end": string;
readonly "medium-container-shape-square-end-start": string;
readonly "large-container-shape-square-start-start": string;
readonly "large-container-shape-square-start-end": string;
readonly "large-container-shape-square-end-end": string;
readonly "large-container-shape-square-end-start": string;
readonly "extra-large-container-shape-square-start-start": string;
readonly "extra-large-container-shape-square-start-end": string;
readonly "extra-large-container-shape-square-end-end": string;
readonly "extra-large-container-shape-square-end-start": string;
readonly "extra-small-container-shape-pressed-morph-start-start": string;
readonly "extra-small-container-shape-pressed-morph-start-end": string;
readonly "extra-small-container-shape-pressed-morph-end-end": string;
readonly "extra-small-container-shape-pressed-morph-end-start": string;
readonly "small-container-shape-pressed-morph-start-start": string;
readonly "small-container-shape-pressed-morph-start-end": string;
readonly "small-container-shape-pressed-morph-end-end": string;
readonly "small-container-shape-pressed-morph-end-start": string;
readonly "medium-container-shape-pressed-morph-start-start": string;
readonly "medium-container-shape-pressed-morph-start-end": string;
readonly "medium-container-shape-pressed-morph-end-end": string;
readonly "medium-container-shape-pressed-morph-end-start": string;
readonly "large-container-shape-pressed-morph-start-start": string;
readonly "large-container-shape-pressed-morph-start-end": string;
readonly "large-container-shape-pressed-morph-end-end": string;
readonly "large-container-shape-pressed-morph-end-start": string;
readonly "extra-large-container-shape-pressed-morph-start-start": string;
readonly "extra-large-container-shape-pressed-morph-start-end": string;
readonly "extra-large-container-shape-pressed-morph-end-end": string;
readonly "extra-large-container-shape-pressed-morph-end-start": string;
readonly "extra-small-container-shape-round-toggle-selected-start-start": string;
readonly "extra-small-container-shape-round-toggle-selected-start-end": string;
readonly "extra-small-container-shape-round-toggle-selected-end-end": string;
readonly "extra-small-container-shape-round-toggle-selected-end-start": string;
readonly "small-container-shape-round-toggle-selected-start-start": string;
readonly "small-container-shape-round-toggle-selected-start-end": string;
readonly "small-container-shape-round-toggle-selected-end-end": string;
readonly "small-container-shape-round-toggle-selected-end-start": string;
readonly "medium-container-shape-round-toggle-selected-start-start": string;
readonly "medium-container-shape-round-toggle-selected-start-end": string;
readonly "medium-container-shape-round-toggle-selected-end-end": string;
readonly "medium-container-shape-round-toggle-selected-end-start": string;
readonly "large-container-shape-round-toggle-selected-start-start": string;
readonly "large-container-shape-round-toggle-selected-start-end": string;
readonly "large-container-shape-round-toggle-selected-end-end": string;
readonly "large-container-shape-round-toggle-selected-end-start": string;
readonly "extra-large-container-shape-round-toggle-selected-start-start": string;
readonly "extra-large-container-shape-round-toggle-selected-start-end": string;
readonly "extra-large-container-shape-round-toggle-selected-end-end": string;
readonly "extra-large-container-shape-round-toggle-selected-end-start": string;
readonly "extra-small-container-shape-square-toggle-selected-start-start": string;
readonly "extra-small-container-shape-square-toggle-selected-start-end": string;
readonly "extra-small-container-shape-square-toggle-selected-end-end": string;
readonly "extra-small-container-shape-square-toggle-selected-end-start": string;
readonly "small-container-shape-square-toggle-selected-start-start": string;
readonly "small-container-shape-square-toggle-selected-start-end": string;
readonly "small-container-shape-square-toggle-selected-end-end": string;
readonly "small-container-shape-square-toggle-selected-end-start": string;
readonly "medium-container-shape-square-toggle-selected-start-start": string;
readonly "medium-container-shape-square-toggle-selected-start-end": string;
readonly "medium-container-shape-square-toggle-selected-end-end": string;
readonly "medium-container-shape-square-toggle-selected-end-start": string;
readonly "large-container-shape-square-toggle-selected-start-start": string;
readonly "large-container-shape-square-toggle-selected-start-end": string;
readonly "large-container-shape-square-toggle-selected-end-end": string;
readonly "large-container-shape-square-toggle-selected-end-start": string;
readonly "extra-large-container-shape-square-toggle-selected-start-start": string;
readonly "extra-large-container-shape-square-toggle-selected-start-end": string;
readonly "extra-large-container-shape-square-toggle-selected-end-end": string;
readonly "extra-large-container-shape-square-toggle-selected-end-start": string;
};
export declare const FilledButtonDefinition: {
readonly 'container-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'container-color-toggle-unselected': "var(--md-sys-color-surface-container, var(--md-sys-palette-neutral-94, #f3edf7))";
readonly 'container-color-toggle-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'container-shadow-color': "var(--md-sys-color-shadow, var(--md-sys-palette-neutral-0, #000))";
readonly 'container-elevation': "var(--md-sys-elevation-level-0, 0)";
readonly 'label-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'label-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'label-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'icon-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'icon-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'disabled-container-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'disabled-container-opacity': "0.1";
readonly 'disabled-container-elevation': "var(--md-sys-elevation-level-0, 0)";
readonly 'disabled-label-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'disabled-label-opacity': "0.38";
readonly 'disabled-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'disabled-icon-opacity': "0.38";
readonly 'hovered-state-layer-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'hovered-state-layer-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'hovered-state-layer-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'hovered-state-layer-opacity': "0.08";
readonly 'hovered-label-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'hovered-label-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'hovered-label-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'hovered-icon-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'hovered-icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'hovered-icon-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'focused-state-layer-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'focused-state-layer-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'focused-state-layer-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'focused-state-layer-opacity': "0.12";
readonly 'focused-container-elevation': "var(--md-sys-elevation-level-0, 0)";
readonly 'focused-label-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'focused-label-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'focused-label-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'focused-icon-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'focused-icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'focused-icon-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'pressed-state-layer-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'pressed-state-layer-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'pressed-state-layer-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'pressed-state-layer-opacity': "0.12";
readonly 'pressed-container-elevation': "var(--md-sys-elevation-level-0, 0)";
readonly 'pressed-label-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'pressed-label-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'pressed-label-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'pressed-icon-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'pressed-icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'pressed-icon-color-toggle-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'extra-small-container-height': "32px";
readonly 'extra-small-outline-width': "1px";
readonly 'extra-small-label-font': "Roboto";
readonly 'extra-small-label-line-height': "20px";
readonly 'extra-small-label-size': "14px";
readonly 'extra-small-label-tracking': "0.1px";
readonly 'extra-small-label-weight': "500";
readonly 'extra-small-icon-size': "20px";
readonly 'extra-small-leading-space': "12px";
readonly 'extra-small-between-icon-label-space': "8px";
readonly 'extra-small-trailing-space': "12px";
readonly 'small-container-height': "40px";
readonly 'small-outline-width': "1px";
readonly 'small-label-font': "Roboto";
readonly 'small-label-line-height': "20px";
readonly 'small-label-size': "14px";
readonly 'small-label-tracking': "0.1px";
readonly 'small-label-weight': "500";
readonly 'small-icon-size': "20px";
readonly 'small-leading-space': "16px";
readonly 'small-between-icon-label-space': "8px";
readonly 'small-trailing-space': "16px";
readonly 'medium-container-height': "56px";
readonly 'medium-outline-width': "1px";
readonly 'medium-label-font': "Roboto";
readonly 'medium-label-line-height': "24px";
readonly 'medium-label-size': "16px";
readonly 'medium-label-tracking': "0.15px";
readonly 'medium-label-weight': "500";
readonly 'medium-icon-size': "24px";
readonly 'medium-leading-space': "24px";
readonly 'medium-between-icon-label-space': "8px";
readonly 'medium-trailing-space': "24px";
readonly 'large-container-height': "96px";
readonly 'large-outline-width': "2px";
readonly 'large-label-font': "Roboto";
readonly 'large-label-line-height': "32px";
readonly 'large-label-size': "24px";
readonly 'large-label-tracking': "0px";
readonly 'large-label-weight': "400";
readonly 'large-icon-size': "32px";
readonly 'large-leading-space': "48px";
readonly 'large-between-icon-label-space': "12px";
readonly 'large-trailing-space': "48px";
readonly 'extra-large-container-height': "136px";
readonly 'extra-large-outline-width': "3px";
readonly 'extra-large-label-font': "Roboto";
readonly 'extra-large-label-line-height': "40px";
readonly 'extra-large-label-size': "32px";
readonly 'extra-large-label-tracking': "0px";
readonly 'extra-large-label-weight': "400";
readonly 'extra-large-icon-size': "40px";
readonly 'extra-large-leading-space': "64px";
readonly 'extra-large-between-icon-label-space': "16px";
readonly 'extra-large-trailing-space': "64px";
readonly "extra-small-container-shape-round-start-start": string;
readonly "extra-small-container-shape-round-start-end": string;
readonly "extra-small-container-shape-round-end-end": string;
readonly "extra-small-container-shape-round-end-start": string;
readonly "small-container-shape-round-start-start": string;
readonly "small-container-shape-round-start-end": string;
readonly "small-container-shape-round-end-end": string;
readonly "small-container-shape-round-end-start": string;
readonly "medium-container-shape-round-start-start": string;
readonly "medium-container-shape-round-start-end": string;
readonly "medium-container-shape-round-end-end": string;
readonly "medium-container-shape-round-end-start": string;
readonly "large-container-shape-round-start-start": string;
readonly "large-container-shape-round-start-end": string;
readonly "large-container-shape-round-end-end": string;
readonly "large-container-shape-round-end-start": string;
readonly "extra-large-container-shape-round-start-start": string;
readonly "extra-large-container-shape-round-start-end": string;
readonly "extra-large-container-shape-round-end-end": string;
readonly "extra-large-container-shape-round-end-start": string;
readonly "extra-small-container-shape-square-start-start": string;
readonly "extra-small-container-shape-square-start-end": string;
readonly "extra-small-container-shape-square-end-end": string;
readonly "extra-small-container-shape-square-end-start": string;
readonly "small-container-shape-square-start-start": string;
readonly "small-container-shape-square-start-end": string;
readonly "small-container-shape-square-end-end": string;
readonly "small-container-shape-square-end-start": string;
readonly "medium-container-shape-square-start-start": string;
readonly "medium-container-shape-square-start-end": string;
readonly "medium-container-shape-square-end-end": string;
readonly "medium-container-shape-square-end-start": string;
readonly "large-container-shape-square-start-start": string;
readonly "large-container-shape-square-start-end": string;
readonly "large-container-shape-square-end-end": string;
readonly "large-container-shape-square-end-start": string;
readonly "extra-large-container-shape-square-start-start": string;
readonly "extra-large-container-shape-square-start-end": string;
readonly "extra-large-container-shape-square-end-end": string;
readonly "extra-large-container-shape-square-end-start": string;
readonly "extra-small-container-shape-pressed-morph-start-start": string;
readonly "extra-small-container-shape-pressed-morph-start-end": string;
readonly "extra-small-container-shape-pressed-morph-end-end": string;
readonly "extra-small-container-shape-pressed-morph-end-start": string;
readonly "small-container-shape-pressed-morph-start-start": string;
readonly "small-container-shape-pressed-morph-start-end": string;
readonly "small-container-shape-pressed-morph-end-end": string;
readonly "small-container-shape-pressed-morph-end-start": string;
readonly "medium-container-shape-pressed-morph-start-start": string;
readonly "medium-container-shape-pressed-morph-start-end": string;
readonly "medium-container-shape-pressed-morph-end-end": string;
readonly "medium-container-shape-pressed-morph-end-start": string;
readonly "large-container-shape-pressed-morph-start-start": string;
readonly "large-container-shape-pressed-morph-start-end": string;
readonly "large-container-shape-pressed-morph-end-end": string;
readonly "large-container-shape-pressed-morph-end-start": string;
readonly "extra-large-container-shape-pressed-morph-start-start": string;
readonly "extra-large-container-shape-pressed-morph-start-end": string;
readonly "extra-large-container-shape-pressed-morph-end-end": string;
readonly "extra-large-container-shape-pressed-morph-end-start": string;
readonly "extra-small-container-shape-round-toggle-selected-start-start": string;
readonly "extra-small-container-shape-round-toggle-selected-start-end": string;
readonly "extra-small-container-shape-round-toggle-selected-end-end": string;
readonly "extra-small-container-shape-round-toggle-selected-end-start": string;
readonly "small-container-shape-round-toggle-selected-start-start": string;
readonly "small-container-shape-round-toggle-selected-start-end": string;
readonly "small-container-shape-round-toggle-selected-end-end": string;
readonly "small-container-shape-round-toggle-selected-end-start": string;
readonly "medium-container-shape-round-toggle-selected-start-start": string;
readonly "medium-container-shape-round-toggle-selected-start-end": string;
readonly "medium-container-shape-round-toggle-selected-end-end": string;
readonly "medium-container-shape-round-toggle-selected-end-start": string;
readonly "large-container-shape-round-toggle-selected-start-start": string;
readonly "large-container-shape-round-toggle-selected-start-end": string;
readonly "large-container-shape-round-toggle-selected-end-end": string;
readonly "large-container-shape-round-toggle-selected-end-start": string;
readonly "extra-large-container-shape-round-toggle-selected-start-start": string;
readonly "extra-large-container-shape-round-toggle-selected-start-end": string;
readonly "extra-large-container-shape-round-toggle-selected-end-end": string;
readonly "extra-large-container-shape-round-toggle-selected-end-start": string;
readonly "extra-small-container-shape-square-toggle-selected-start-start": string;
readonly "extra-small-container-shape-square-toggle-selected-start-end": string;
readonly "extra-small-container-shape-square-toggle-selected-end-end": string;
readonly "extra-small-container-shape-square-toggle-selected-end-start": string;
readonly "small-container-shape-square-toggle-selected-start-start": string;
readonly "small-container-shape-square-toggle-selected-start-end": string;
readonly "small-container-shape-square-toggle-selected-end-end": string;
readonly "small-container-shape-square-toggle-selected-end-start": string;
readonly "medium-container-shape-square-toggle-selected-start-start": string;
readonly "medium-container-shape-square-toggle-selected-start-end": string;
readonly "medium-container-shape-square-toggle-selected-end-end": string;
readonly "medium-container-shape-square-toggle-selected-end-start": string;
readonly "large-container-shape-square-toggle-selected-start-start": string;
readonly "large-container-shape-square-toggle-selected-start-end": string;
readonly "large-container-shape-square-toggle-selected-end-end": string;
readonly "large-container-shape-square-toggle-selected-end-start": string;
readonly "extra-large-container-shape-square-toggle-selected-start-start": string;
readonly "extra-large-container-shape-square-toggle-selected-start-end": string;
readonly "extra-large-container-shape-square-toggle-selected-end-end": string;
readonly "extra-large-container-shape-square-toggle-selected-end-start": string;
};
export declare const FilledTonalButtonDefinition: {
readonly 'container-color': "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
readonly 'container-color-toggle-unselected': "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
readonly 'container-color-toggle-selected': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
readonly 'container-shadow-color': "var(--md-sys-color-shadow, var(--md-sys-palette-neutral-0, #000))";
readonly 'container-elevation': "var(--md-sys-elevation-level-0, 0)";
readonly 'label-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'label-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'label-color-toggle-selected': "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))";
readonly 'icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'icon-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'icon-color-toggle-selected': "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))";
readonly 'disabled-container-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'disabled-container-opacity': "0.1";
readonly 'disabled-container-elevation': "var(--md-sys-elevation-level-0, 0)";
readonly 'disabled-label-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'disabled-label-opacity': "0.38";
readonly 'disabled-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'disabled-icon-opacity': "0.38";
readonly 'hovered-state-layer-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'hovered-state-layer-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'hovered-state-layer-color-toggle-selected': "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))";
readonly 'hovered-state-layer-opacity': "0.08";
readonly 'hovered-label-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'hovered-label-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'hovered-label-color-toggle-selected': "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))";
readonly 'hovered-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'hovered-icon-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'hovered-icon-color-toggle-selected': "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))";
readonly 'focused-state-layer-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'focused-state-layer-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'focused-state-layer-color-toggle-selected': "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))";
readonly 'focused-state-layer-opacity': "0.12";
readonly 'focused-container-elevation': "var(--md-sys-elevation-level-0, 0)";
readonly 'focused-label-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'focused-label-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'focused-label-color-toggle-selected': "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))";
readonly 'focused-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'focused-icon-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'focused-icon-color-toggle-selected': "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))";
readonly 'pressed-state-layer-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'pressed-state-layer-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'pressed-state-layer-color-toggle-selected': "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))";
readonly 'pressed-state-layer-opacity': "0.12";
readonly 'pressed-container-elevation': "var(--md-sys-elevation-level-0, 0)";
readonly 'pressed-label-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'pressed-label-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'pressed-label-color-toggle-selected': "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))";
readonly 'pressed-icon-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'pressed-icon-color-toggle-unselected': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly 'pressed-icon-color-toggle-selected': "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))";
readonly 'extra-small-container-height': "32px";
readonly 'extra-small-outline-width': "1px";
readonly 'extra-small-label-font': "Roboto";
readonly 'extra-small-label-line-height': "20px";
readonly 'extra-small-label-size': "14px";
readonly 'extra-small-label-tracking': "0.1px";
readonly 'extra-small-label-weight': "500";
readonly 'extra-small-icon-size': "20px";
readonly 'extra-small-leading-space': "12px";
readonly 'extra-small-between-icon-label-space': "8px";
readonly 'extra-small-trailing-space': "12px";
readonly 'small-container-height': "40px";
readonly 'small-outline-width': "1px";
readonly 'small-label-font': "Roboto";
readonly 'small-label-line-height': "20px";
readonly 'small-label-size': "14px";
readonly 'small-label-tracking': "0.1px";
readonly 'small-label-weight': "500";
readonly 'small-icon-size': "20px";
readonly 'small-leading-space': "16px";
readonly 'small-between-icon-label-space': "8px";
readonly 'small-trailing-space': "16px";
readonly 'medium-container-height': "56px";
readonly 'medium-outline-width': "1px";
readonly 'medium-label-font': "Roboto";
readonly 'medium-label-line-height': "24px";
readonly 'medium-label-size': "16px";
readonly 'medium-label-tracking': "0.15px";
readonly 'medium-label-weight': "500";
readonly 'medium-icon-size': "24px";
readonly 'medium-leading-space': "24px";
readonly 'medium-between-icon-label-space': "8px";
readonly 'medium-trailing-space': "24px";
readonly 'large-container-height': "96px";
readonly 'large-outline-width': "2px";
readonly 'large-label-font': "Roboto";
readonly 'large-label-line-height': "32px";
readonly 'large-label-size': "24px";
readonly 'large-label-tracking': "0px";
readonly 'large-label-weight': "400";
readonly 'large-icon-size': "32px";
readonly 'large-leading-space': "48px";
readonly 'large-between-icon-label-space': "12px";
readonly 'large-trailing-space': "48px";
readonly 'extra-large-container-height': "136px";
readonly 'extra-large-outline-width': "3px";
readonly 'extra-large-label-font': "Roboto";
readonly 'extra-large-label-line-height': "40px";
readonly 'extra-large-label-size': "32px";
readonly 'extra-large-label-tracking': "0px";
readonly 'extra-large-label-weight': "400";
readonly 'extra-large-icon-size': "40px";
readonly 'extra-large-leading-space': "64px";
readonly 'extra-large-between-icon-label-space': "16px";
readonly 'extra-large-trailing-space': "64px";
readonly "extra-small-container-shape-round-start-start": string;
readonly "extra-small-container-shape-round-start-end": string;
readonly "extra-small-container-shape-round-end-end": string;
readonly "extra-small-container-shape-round-end-start": string;
readonly "small-container-shape-round-start-start": string;
readonly "small-container-shape-round-start-end": string;
readonly "small-container-shape-round-end-end": string;
readonly "small-container-shape-round-end-start": string;
readonly "medium-container-shape-round-start-start": string;
readonly "medium-container-shape-round-start-end": string;
readonly "medium-container-shape-round-end-end": string;
readonly "medium-container-shape-round-end-start": string;
readonly "large-container-shape-round-start-start": string;
readonly "large-container-shape-round-start-end": string;
readonly "large-container-shape-round-end-end": string;
readonly "large-container-shape-round-end-start": string;
readonly "extra-large-container-shape-round-start-start": string;
readonly "extra-large-container-shape-round-start-end": string;
readonly "extra-large-container-shape-round-end-end": string;
readonly "extra-large-container-shape-round-end-start": string;
readonly "extra-small-container-shape-square-start-start": string;
readonly "extra-small-container-shape-square-start-end": string;
readonly "extra-small-container-shape-square-end-end": string;
readonly "extra-small-container-shape-square-end-start": string;
readonly "small-container-shape-square-start-start": string;
readonly "small-container-shape-square-start-end": string;
readonly "small-container-shape-square-end-end": string;
readonly "small-container-shape-square-end-start": string;
readonly "medium-container-shape-square-start-start": string;
readonly "medium-container-shape-square-start-end": string;
readonly "medium-container-shape-square-end-end": string;
readonly "medium-container-shape-square-end-start": string;
readonly "large-container-shape-square-start-start": string;
readonly "large-container-shape-square-start-end": string;
readonly "large-container-shape-square-end-end": string;
readonly "large-container-shape-square-end-start": string;
readonly "extra-large-container-shape-square-start-start": string;
readonly "extra-large-container-shape-square-start-end": string;
readonly "extra-large-container-shape-square-end-end": string;
readonly "extra-large-container-shape-square-end-start": string;
readonly "extra-small-container-shape-pressed-morph-start-start": string;
readonly "extra-small-container-shape-pressed-morph-start-end": string;
readonly "extra-small-container-shape-pressed-morph-end-end": string;
readonly "extra-small-container-shape-pressed-morph-end-start": string;
readonly "small-container-shape-pressed-morph-start-start": string;
readonly "small-container-shape-pressed-morph-start-end": string;
readonly "small-container-shape-pressed-morph-end-end": string;
readonly "small-container-shape-pressed-morph-end-start": string;
readonly "medium-container-shape-pressed-morph-start-start": string;
readonly "medium-container-shape-pressed-morph-start-end": string;
readonly "medium-container-shape-pressed-morph-end-end": string;
readonly "medium-container-shape-pressed-morph-end-start": string;
readonly "large-container-shape-pressed-morph-start-start": string;
readonly "large-container-shape-pressed-morph-start-end": string;
readonly "large-container-shape-pressed-morph-end-end": string;
readonly "large-container-shape-pressed-morph-end-start": string;
readonly "extra-large-container-shape-pressed-morph-start-start": string;
readonly "extra-large-container-shape-pressed-morph-start-end": string;
readonly "extra-large-container-shape-pressed-morph-end-end": string;
readonly "extra-large-container-shape-pressed-morph-end-start": string;
readonly "extra-small-container-shape-round-toggle-selected-start-start": string;
readonly "extra-small-container-shape-round-toggle-selected-start-end": string;
readonly "extra-small-container-shape-round-toggle-selected-end-end": string;
readonly "extra-small-container-shape-round-toggle-selected-end-start": string;
readonly "small-container-shape-round-toggle-selected-start-start": string;
readonly "small-container-shape-round-toggle-selected-start-end": string;
readonly "small-container-shape-round-toggle-selected-end-end": string;
readonly "small-container-shape-round-toggle-selected-end-start": string;
readonly "medium-container-shape-round-toggle-selected-start-start": string;
readonly "medium-container-shape-round-toggle-selected-start-end": string;
readonly "medium-container-shape-round-toggle-selected-end-end": string;
readonly "medium-container-shape-round-toggle-selected-end-start": string;
readonly "large-container-shape-round-toggle-selected-start-start": string;
readonly "large-container-shape-round-toggle-selected-start-end": string;
readonly "large-container-shape-round-toggle-selected-end-end": string;
readonly "large-container-shape-round-toggle-selected-end-start": string;
readonly "extra-large-container-shape-round-toggle-selected-start-start": string;
readonly "extra-large-container-shape-round-toggle-selected-start-end": string;
readonly "extra-large-container-shape-round-toggle-selected-end-end": string;
readonly "extra-large-container-shape-round-toggle-selected-end-start": string;
readonly "extra-small-container-shape-square-toggle-selected-start-start": string;
readonly "extra-small-container-shape-square-toggle-selected-start-end": string;
readonly "extra-small-container-shape-square-toggle-selected-end-end": string;
readonly "extra-small-container-shape-square-toggle-selected-end-start": string;
readonly "small-container-shape-square-toggle-selected-start-start": string;
readonly "small-container-shape-square-toggle-selected-start-end": string;
readonly "small-container-shape-square-toggle-selected-end-end": string;
readonly "small-container-shape-square-toggle-selected-end-start": string;
readonly "medium-container-shape-square-toggle-selected-start-start": string;
readonly "medium-container-shape-square-toggle-selected-start-end": string;
readonly "medium-container-shape-square-toggle-selected-end-end": string;
readonly "medium-container-shape-square-toggle-selected-end-start": string;
readonly "large-container-shape-square-toggle-selected-start-start": string;
readonly "large-container-shape-square-toggle-selected-start-end": string;
readonly "large-container-shape-square-toggle-selected-end-end": string;
readonly "large-container-shape-square-toggle-selected-end-start": string;
readonly "extra-large-container-shape-square-toggle-selected-start-start": string;
readonly "extra-large-container-shape-square-toggle-selected-start-end": string;
readonly "extra-large-container-shape-square-toggle-selected-end-end": string;
readonly "extra-large-container-shape-square-toggle-selected-end-start": string;
};
export declare const OutlinedButtonDefinition: {
readonly 'outline-color': "var(--md-sys-color-outline-variant, var(--md-sys-palette-neutral-variant-80, #cac4d0))";
readonly 'outline-color-toggle-unselected': "var(--md-sys-color-outline-variant, var(--md-sys-palette-neutral-variant-80, #cac4d0))";
readonly 'outline-color-toggle-selected': "transparent";
readonly 'container-color': "transparent";
readonly 'container-color-toggle-unselected': "transparent";
readonly 'container-color-toggle-selected': "var(--md-sys-color-inverse-surface, var(--md-sys-palette-neutral-20, #322f35))";
readonly 'label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'label-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'label-color-toggle-selected': "var(--md-sys-color-inverse-on-surface, var(--md-sys-palette-neutral-95, #f5eff7))";
readonly 'icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'icon-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'icon-color-toggle-selected': "var(--md-sys-color-inverse-on-surface, var(--md-sys-palette-neutral-95, #f5eff7))";
readonly 'disabled-outline-color': "var(--md-sys-color-outline-variant, var(--md-sys-palette-neutral-variant-80, #cac4d0))";
readonly 'disabled-outline-color-toggle-unselected': "var(--md-sys-color-outline-variant, var(--md-sys-palette-neutral-variant-80, #cac4d0))";
readonly 'disabled-outline-color-toggle-selected': "transparent";
readonly 'disabled-container-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'disabled-container-opacity': "0.1";
readonly 'disabled-label-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'disabled-label-opacity': "0.38";
readonly 'disabled-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'disabled-icon-opacity': "0.38";
readonly 'hovered-state-layer-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'hovered-state-layer-color-toggle-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'hovered-state-layer-color-toggle-selected': "var(--md-sys-color-inverse-on-surface, var(--md-sys-palette-neutral-95, #f5eff7))";
readonly 'hovered-state-layer-opacity': "0.08";
readonly 'hovered-outline-color': "var(--md-sys-color-outline-variant, var(--md-sys-palette-neutral-variant-80, #cac4d0))";
readonly 'hovered-outline-color-toggle-unselected': "var(--md-sys-color-outline-variant, var(--md-sys-palette-neutral-variant-80, #cac4d0))";
readonly 'hovered-outline-color-toggle-selected': "transparent";
readonly 'hovered-label-color': "var(--md-sys-color-on-surfa