UNPKG

@sandlada/mdc

Version:

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

651 lines 75.9 kB
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