UNPKG

@sandlada/mdc

Version:

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

643 lines 47.8 kB
export declare const TonalPrimaryFabDefinition: { readonly 'small-container-shape-start-start': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-start-end': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-end-start': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-end-end': "var(--md-sys-shape-corner-large, 16px)"; readonly 'medium-container-shape-start-start': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-start-end': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-end-start': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-end-end': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'large-container-shape-start-start': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-start-end': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-end-start': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-end-end': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'small-container-height': '56px'; readonly 'small-container-width': '56px'; readonly 'small-icon-size': '24px'; readonly 'medium-container-height': '80px'; readonly 'medium-container-width': '80px'; readonly 'medium-icon-size': '28px'; readonly 'large-container-height': '96px'; readonly 'large-container-width': '96px'; readonly 'large-icon-size': '36px'; readonly 'enabled-container-color': "var(--md-sys-color-primary-container, light-dark(#58d584, #58d584))"; readonly 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; readonly 'enabled-container-elevation': "3"; readonly 'enabled-icon-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'hovered-container-elevation': "4"; readonly 'hovered-state-layer-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)"; readonly 'hovered-icon-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'focused-container-elevation': "3"; readonly 'focused-state-layer-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)"; readonly 'focused-icon-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'pressed-container-elevation': "3"; readonly 'pressed-state-layer-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)"; readonly 'pressed-icon-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; }; export declare const TonalSecondaryFabDefinition: { readonly 'small-container-shape-start-start': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-start-end': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-end-start': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-end-end': "var(--md-sys-shape-corner-large, 16px)"; readonly 'medium-container-shape-start-start': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-start-end': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-end-start': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-end-end': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'large-container-shape-start-start': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-start-end': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-end-start': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-end-end': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'small-container-height': '56px'; readonly 'small-container-width': '56px'; readonly 'small-icon-size': '24px'; readonly 'medium-container-height': '80px'; readonly 'medium-container-width': '80px'; readonly 'medium-icon-size': '28px'; readonly 'large-container-height': '96px'; readonly 'large-container-width': '96px'; readonly 'large-icon-size': '36px'; readonly 'enabled-container-color': "var(--md-sys-color-secondary-container, light-dark(#bbecc3, #295436))"; readonly 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; readonly 'enabled-container-elevation': "3"; readonly 'enabled-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'hovered-container-elevation': "4"; readonly 'hovered-state-layer-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)"; readonly 'hovered-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'focused-container-elevation': "3"; readonly 'focused-state-layer-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)"; readonly 'focused-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'pressed-container-elevation': "3"; readonly 'pressed-state-layer-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)"; readonly 'pressed-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; }; export declare const TonalTertiaryFabDefinition: { readonly 'small-container-shape-start-start': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-start-end': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-end-start': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-end-end': "var(--md-sys-shape-corner-large, 16px)"; readonly 'medium-container-shape-start-start': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-start-end': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-end-start': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-end-end': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'large-container-shape-start-start': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-start-end': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-end-start': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-end-end': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'small-container-height': '56px'; readonly 'small-container-width': '56px'; readonly 'small-icon-size': '24px'; readonly 'medium-container-height': '80px'; readonly 'medium-container-width': '80px'; readonly 'medium-icon-size': '28px'; readonly 'large-container-height': '96px'; readonly 'large-container-width': '96px'; readonly 'large-icon-size': '36px'; readonly 'enabled-container-color': "var(--md-sys-color-tertiary-container, light-dark(#ffa97f, #ffa97f))"; readonly 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; readonly 'enabled-container-elevation': "3"; readonly 'enabled-icon-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; readonly 'hovered-container-elevation': "4"; readonly 'hovered-state-layer-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; readonly 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)"; readonly 'hovered-icon-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; readonly 'focused-container-elevation': "3"; readonly 'focused-state-layer-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; readonly 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)"; readonly 'focused-icon-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; readonly 'pressed-container-elevation': "3"; readonly 'pressed-state-layer-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; readonly 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)"; readonly 'pressed-icon-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; }; export declare const PrimaryFabDefinition: { readonly 'small-container-shape-start-start': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-start-end': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-end-start': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-end-end': "var(--md-sys-shape-corner-large, 16px)"; readonly 'medium-container-shape-start-start': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-start-end': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-end-start': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-end-end': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'large-container-shape-start-start': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-start-end': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-end-start': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-end-end': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'small-container-height': '56px'; readonly 'small-container-width': '56px'; readonly 'small-icon-size': '24px'; readonly 'medium-container-height': '80px'; readonly 'medium-container-width': '80px'; readonly 'medium-icon-size': '28px'; readonly 'large-container-height': '96px'; readonly 'large-container-width': '96px'; readonly 'large-icon-size': '36px'; readonly 'enabled-container-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))"; readonly 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; readonly 'enabled-container-elevation': "3"; readonly 'enabled-icon-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; readonly 'hovered-container-elevation': "4"; readonly 'hovered-state-layer-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; readonly 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)"; readonly 'hovered-icon-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; readonly 'focused-container-elevation': "3"; readonly 'focused-state-layer-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; readonly 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)"; readonly 'focused-icon-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; readonly 'pressed-container-elevation': "3"; readonly 'pressed-state-layer-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; readonly 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)"; readonly 'pressed-icon-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; }; export declare const SecondaryFabDefinition: { readonly 'small-container-shape-start-start': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-start-end': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-end-start': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-end-end': "var(--md-sys-shape-corner-large, 16px)"; readonly 'medium-container-shape-start-start': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-start-end': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-end-start': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-end-end': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'large-container-shape-start-start': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-start-end': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-end-start': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-end-end': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'small-container-height': '56px'; readonly 'small-container-width': '56px'; readonly 'small-icon-size': '24px'; readonly 'medium-container-height': '80px'; readonly 'medium-container-width': '80px'; readonly 'medium-icon-size': '28px'; readonly 'large-container-height': '96px'; readonly 'large-container-width': '96px'; readonly 'large-icon-size': '36px'; readonly 'enabled-container-color': "var(--md-sys-color-secondary, light-dark(#3c6847, #a2d2ab))"; readonly 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; readonly 'enabled-container-elevation': "3"; readonly 'enabled-icon-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; readonly 'hovered-container-elevation': "4"; readonly 'hovered-state-layer-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; readonly 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)"; readonly 'hovered-icon-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; readonly 'focused-container-elevation': "3"; readonly 'focused-state-layer-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; readonly 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)"; readonly 'focused-icon-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; readonly 'pressed-container-elevation': "3"; readonly 'pressed-state-layer-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; readonly 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)"; readonly 'pressed-icon-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; }; export declare const TertiaryFabDefinition: { readonly 'small-container-shape-start-start': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-start-end': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-end-start': "var(--md-sys-shape-corner-large, 16px)"; readonly 'small-container-shape-end-end': "var(--md-sys-shape-corner-large, 16px)"; readonly 'medium-container-shape-start-start': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-start-end': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-end-start': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'medium-container-shape-end-end': "var(--md-sys-shape-corner-large-increased, 20px)"; readonly 'large-container-shape-start-start': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-start-end': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-end-start': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'large-container-shape-end-end': "var(--md-sys-shape-corner-extra-large, 28px)"; readonly 'small-container-height': '56px'; readonly 'small-container-width': '56px'; readonly 'small-icon-size': '24px'; readonly 'medium-container-height': '80px'; readonly 'medium-container-width': '80px'; readonly 'medium-icon-size': '28px'; readonly 'large-container-height': '96px'; readonly 'large-container-width': '96px'; readonly 'large-icon-size': '36px'; readonly 'enabled-container-color': "var(--md-sys-color-tertiary, light-dark(#8f4d2a, #ffcfba))"; readonly 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; readonly 'enabled-container-elevation': "3"; readonly 'enabled-icon-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; readonly 'hovered-container-elevation': "4"; readonly 'hovered-state-layer-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; readonly 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)"; readonly 'hovered-icon-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; readonly 'focused-container-elevation': "3"; readonly 'focused-state-layer-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; readonly 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)"; readonly 'focused-icon-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; readonly 'pressed-container-elevation': "3"; readonly 'pressed-state-layer-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; readonly 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)"; readonly 'pressed-icon-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; }; export declare const TonalPrimaryExtendedFabDefinition: { readonly 'enabled-label-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'hovered-label-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'focused-label-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'pressed-label-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; } & { 'small-container-shape-start-start': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-start-end': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-end-start': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-end-end': "var(--md-sys-shape-corner-large, 16px)"; 'medium-container-shape-start-start': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-start-end': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-end-start': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-end-end': "var(--md-sys-shape-corner-large-increased, 20px)"; 'large-container-shape-start-start': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-start-end': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-end-start': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-end-end': "var(--md-sys-shape-corner-extra-large, 28px)"; 'small-container-height': '56px'; 'small-container-width': '56px'; 'small-icon-size': '24px'; 'medium-container-height': '80px'; 'medium-container-width': '80px'; 'medium-icon-size': '28px'; 'large-container-height': '96px'; 'large-container-width': '96px'; 'large-icon-size': '36px'; 'enabled-container-color': "var(--md-sys-color-primary-container, light-dark(#58d584, #58d584))"; 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; 'enabled-container-elevation': "3"; 'enabled-icon-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; 'hovered-container-elevation': "4"; 'hovered-state-layer-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)"; 'hovered-icon-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; 'focused-container-elevation': "3"; 'focused-state-layer-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)"; 'focused-icon-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; 'pressed-container-elevation': "3"; 'pressed-state-layer-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)"; 'pressed-icon-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; 'small-label-font': "var(--md-ref-typeface-font-plain, Roboto)"; 'small-label-line-height': "var(--md-sys-typescale-title-medium-font-line-height, 24px)"; 'small-label-size': "var(--md-sys-typescale-title-medium-font-size, 16px)"; 'small-label-tracking': "var(--md-sys-typescale-title-medium-font-tracking, 0px)"; 'small-label-weight': "var(--md-ref-typeface-weight-medium, 500)"; 'small-container-inline-leading-padding-space': "16px"; 'small-icon-label-padding-space': "8px"; 'small-container-inline-trailing-padding-space': "16px"; 'medium-label-font': "var(--md-ref-typeface-font-brand, Roboto)"; 'medium-label-line-height': "var(--md-sys-typescale-title-large-font-line-height, 28px)"; 'medium-label-size': "var(--md-sys-typescale-title-large-font-size, 22px)"; 'medium-label-tracking': "var(--md-sys-typescale-title-large-font-tracking, 0px)"; 'medium-label-weight': "var(--md-ref-typeface-weight-regular, 400)"; 'medium-container-inline-leading-padding-space': "26px"; 'medium-icon-label-padding-space': "12px"; 'medium-container-inline-trailing-padding-space': "26px"; 'large-label-font': "var(--md-ref-typeface-font-brand, Roboto)"; 'large-label-line-height': "var(--md-sys-typescale-headline-small-font-line-height, 32px)"; 'large-label-size': "var(--md-sys-typescale-headline-small-font-size, 24px)"; 'large-label-tracking': "var(--md-sys-typescale-headline-small-font-tracking, 0px)"; 'large-label-weight': "var(--md-ref-typeface-weight-regular, 400)"; 'large-container-inline-leading-padding-space': "28px"; 'large-icon-label-padding-space': "16px"; 'large-container-inline-trailing-padding-space': "28px"; }; export declare const TonalSecondaryExtendedFabDefinition: { readonly 'enabled-label-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'hovered-label-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'focused-label-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'pressed-label-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; } & { 'small-container-shape-start-start': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-start-end': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-end-start': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-end-end': "var(--md-sys-shape-corner-large, 16px)"; 'medium-container-shape-start-start': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-start-end': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-end-start': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-end-end': "var(--md-sys-shape-corner-large-increased, 20px)"; 'large-container-shape-start-start': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-start-end': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-end-start': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-end-end': "var(--md-sys-shape-corner-extra-large, 28px)"; 'small-container-height': '56px'; 'small-container-width': '56px'; 'small-icon-size': '24px'; 'medium-container-height': '80px'; 'medium-container-width': '80px'; 'medium-icon-size': '28px'; 'large-container-height': '96px'; 'large-container-width': '96px'; 'large-icon-size': '36px'; 'enabled-container-color': "var(--md-sys-color-secondary-container, light-dark(#bbecc3, #295436))"; 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; 'enabled-container-elevation': "3"; 'enabled-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; 'hovered-container-elevation': "4"; 'hovered-state-layer-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)"; 'hovered-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; 'focused-container-elevation': "3"; 'focused-state-layer-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)"; 'focused-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; 'pressed-container-elevation': "3"; 'pressed-state-layer-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)"; 'pressed-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; 'small-label-font': "var(--md-ref-typeface-font-plain, Roboto)"; 'small-label-line-height': "var(--md-sys-typescale-title-medium-font-line-height, 24px)"; 'small-label-size': "var(--md-sys-typescale-title-medium-font-size, 16px)"; 'small-label-tracking': "var(--md-sys-typescale-title-medium-font-tracking, 0px)"; 'small-label-weight': "var(--md-ref-typeface-weight-medium, 500)"; 'small-container-inline-leading-padding-space': "16px"; 'small-icon-label-padding-space': "8px"; 'small-container-inline-trailing-padding-space': "16px"; 'medium-label-font': "var(--md-ref-typeface-font-brand, Roboto)"; 'medium-label-line-height': "var(--md-sys-typescale-title-large-font-line-height, 28px)"; 'medium-label-size': "var(--md-sys-typescale-title-large-font-size, 22px)"; 'medium-label-tracking': "var(--md-sys-typescale-title-large-font-tracking, 0px)"; 'medium-label-weight': "var(--md-ref-typeface-weight-regular, 400)"; 'medium-container-inline-leading-padding-space': "26px"; 'medium-icon-label-padding-space': "12px"; 'medium-container-inline-trailing-padding-space': "26px"; 'large-label-font': "var(--md-ref-typeface-font-brand, Roboto)"; 'large-label-line-height': "var(--md-sys-typescale-headline-small-font-line-height, 32px)"; 'large-label-size': "var(--md-sys-typescale-headline-small-font-size, 24px)"; 'large-label-tracking': "var(--md-sys-typescale-headline-small-font-tracking, 0px)"; 'large-label-weight': "var(--md-ref-typeface-weight-regular, 400)"; 'large-container-inline-leading-padding-space': "28px"; 'large-icon-label-padding-space': "16px"; 'large-container-inline-trailing-padding-space': "28px"; }; export declare const TonalTertiaryExtendedFabDefinition: { readonly 'enabled-label-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; readonly 'hovered-label-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; readonly 'focused-label-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; readonly 'pressed-label-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; } & { 'small-container-shape-start-start': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-start-end': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-end-start': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-end-end': "var(--md-sys-shape-corner-large, 16px)"; 'medium-container-shape-start-start': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-start-end': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-end-start': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-end-end': "var(--md-sys-shape-corner-large-increased, 20px)"; 'large-container-shape-start-start': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-start-end': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-end-start': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-end-end': "var(--md-sys-shape-corner-extra-large, 28px)"; 'small-container-height': '56px'; 'small-container-width': '56px'; 'small-icon-size': '24px'; 'medium-container-height': '80px'; 'medium-container-width': '80px'; 'medium-icon-size': '28px'; 'large-container-height': '96px'; 'large-container-width': '96px'; 'large-icon-size': '36px'; 'enabled-container-color': "var(--md-sys-color-tertiary-container, light-dark(#ffa97f, #ffa97f))"; 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; 'enabled-container-elevation': "3"; 'enabled-icon-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; 'hovered-container-elevation': "4"; 'hovered-state-layer-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)"; 'hovered-icon-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; 'focused-container-elevation': "3"; 'focused-state-layer-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)"; 'focused-icon-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; 'pressed-container-elevation': "3"; 'pressed-state-layer-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)"; 'pressed-icon-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))"; 'small-label-font': "var(--md-ref-typeface-font-plain, Roboto)"; 'small-label-line-height': "var(--md-sys-typescale-title-medium-font-line-height, 24px)"; 'small-label-size': "var(--md-sys-typescale-title-medium-font-size, 16px)"; 'small-label-tracking': "var(--md-sys-typescale-title-medium-font-tracking, 0px)"; 'small-label-weight': "var(--md-ref-typeface-weight-medium, 500)"; 'small-container-inline-leading-padding-space': "16px"; 'small-icon-label-padding-space': "8px"; 'small-container-inline-trailing-padding-space': "16px"; 'medium-label-font': "var(--md-ref-typeface-font-brand, Roboto)"; 'medium-label-line-height': "var(--md-sys-typescale-title-large-font-line-height, 28px)"; 'medium-label-size': "var(--md-sys-typescale-title-large-font-size, 22px)"; 'medium-label-tracking': "var(--md-sys-typescale-title-large-font-tracking, 0px)"; 'medium-label-weight': "var(--md-ref-typeface-weight-regular, 400)"; 'medium-container-inline-leading-padding-space': "26px"; 'medium-icon-label-padding-space': "12px"; 'medium-container-inline-trailing-padding-space': "26px"; 'large-label-font': "var(--md-ref-typeface-font-brand, Roboto)"; 'large-label-line-height': "var(--md-sys-typescale-headline-small-font-line-height, 32px)"; 'large-label-size': "var(--md-sys-typescale-headline-small-font-size, 24px)"; 'large-label-tracking': "var(--md-sys-typescale-headline-small-font-tracking, 0px)"; 'large-label-weight': "var(--md-ref-typeface-weight-regular, 400)"; 'large-container-inline-leading-padding-space': "28px"; 'large-icon-label-padding-space': "16px"; 'large-container-inline-trailing-padding-space': "28px"; }; export declare const PrimaryExtendedFabDefinition: { readonly 'enabled-label-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; readonly 'hovered-label-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; readonly 'focused-label-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; readonly 'pressed-label-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; } & { 'small-container-shape-start-start': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-start-end': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-end-start': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-end-end': "var(--md-sys-shape-corner-large, 16px)"; 'medium-container-shape-start-start': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-start-end': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-end-start': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-end-end': "var(--md-sys-shape-corner-large-increased, 20px)"; 'large-container-shape-start-start': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-start-end': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-end-start': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-end-end': "var(--md-sys-shape-corner-extra-large, 28px)"; 'small-container-height': '56px'; 'small-container-width': '56px'; 'small-icon-size': '24px'; 'medium-container-height': '80px'; 'medium-container-width': '80px'; 'medium-icon-size': '28px'; 'large-container-height': '96px'; 'large-container-width': '96px'; 'large-icon-size': '36px'; 'enabled-container-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))"; 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; 'enabled-container-elevation': "3"; 'enabled-icon-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; 'hovered-container-elevation': "4"; 'hovered-state-layer-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)"; 'hovered-icon-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; 'focused-container-elevation': "3"; 'focused-state-layer-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)"; 'focused-icon-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; 'pressed-container-elevation': "3"; 'pressed-state-layer-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)"; 'pressed-icon-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))"; 'small-label-font': "var(--md-ref-typeface-font-plain, Roboto)"; 'small-label-line-height': "var(--md-sys-typescale-title-medium-font-line-height, 24px)"; 'small-label-size': "var(--md-sys-typescale-title-medium-font-size, 16px)"; 'small-label-tracking': "var(--md-sys-typescale-title-medium-font-tracking, 0px)"; 'small-label-weight': "var(--md-ref-typeface-weight-medium, 500)"; 'small-container-inline-leading-padding-space': "16px"; 'small-icon-label-padding-space': "8px"; 'small-container-inline-trailing-padding-space': "16px"; 'medium-label-font': "var(--md-ref-typeface-font-brand, Roboto)"; 'medium-label-line-height': "var(--md-sys-typescale-title-large-font-line-height, 28px)"; 'medium-label-size': "var(--md-sys-typescale-title-large-font-size, 22px)"; 'medium-label-tracking': "var(--md-sys-typescale-title-large-font-tracking, 0px)"; 'medium-label-weight': "var(--md-ref-typeface-weight-regular, 400)"; 'medium-container-inline-leading-padding-space': "26px"; 'medium-icon-label-padding-space': "12px"; 'medium-container-inline-trailing-padding-space': "26px"; 'large-label-font': "var(--md-ref-typeface-font-brand, Roboto)"; 'large-label-line-height': "var(--md-sys-typescale-headline-small-font-line-height, 32px)"; 'large-label-size': "var(--md-sys-typescale-headline-small-font-size, 24px)"; 'large-label-tracking': "var(--md-sys-typescale-headline-small-font-tracking, 0px)"; 'large-label-weight': "var(--md-ref-typeface-weight-regular, 400)"; 'large-container-inline-leading-padding-space': "28px"; 'large-icon-label-padding-space': "16px"; 'large-container-inline-trailing-padding-space': "28px"; }; export declare const SecondaryExtendedFabDefinition: { readonly 'enabled-label-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; readonly 'hovered-label-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; readonly 'focused-label-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; readonly 'pressed-label-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; } & { 'small-container-shape-start-start': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-start-end': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-end-start': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-end-end': "var(--md-sys-shape-corner-large, 16px)"; 'medium-container-shape-start-start': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-start-end': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-end-start': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-end-end': "var(--md-sys-shape-corner-large-increased, 20px)"; 'large-container-shape-start-start': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-start-end': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-end-start': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-end-end': "var(--md-sys-shape-corner-extra-large, 28px)"; 'small-container-height': '56px'; 'small-container-width': '56px'; 'small-icon-size': '24px'; 'medium-container-height': '80px'; 'medium-container-width': '80px'; 'medium-icon-size': '28px'; 'large-container-height': '96px'; 'large-container-width': '96px'; 'large-icon-size': '36px'; 'enabled-container-color': "var(--md-sys-color-secondary, light-dark(#3c6847, #a2d2ab))"; 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; 'enabled-container-elevation': "3"; 'enabled-icon-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; 'hovered-container-elevation': "4"; 'hovered-state-layer-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)"; 'hovered-icon-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; 'focused-container-elevation': "3"; 'focused-state-layer-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)"; 'focused-icon-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; 'pressed-container-elevation': "3"; 'pressed-state-layer-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)"; 'pressed-icon-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))"; 'small-label-font': "var(--md-ref-typeface-font-plain, Roboto)"; 'small-label-line-height': "var(--md-sys-typescale-title-medium-font-line-height, 24px)"; 'small-label-size': "var(--md-sys-typescale-title-medium-font-size, 16px)"; 'small-label-tracking': "var(--md-sys-typescale-title-medium-font-tracking, 0px)"; 'small-label-weight': "var(--md-ref-typeface-weight-medium, 500)"; 'small-container-inline-leading-padding-space': "16px"; 'small-icon-label-padding-space': "8px"; 'small-container-inline-trailing-padding-space': "16px"; 'medium-label-font': "var(--md-ref-typeface-font-brand, Roboto)"; 'medium-label-line-height': "var(--md-sys-typescale-title-large-font-line-height, 28px)"; 'medium-label-size': "var(--md-sys-typescale-title-large-font-size, 22px)"; 'medium-label-tracking': "var(--md-sys-typescale-title-large-font-tracking, 0px)"; 'medium-label-weight': "var(--md-ref-typeface-weight-regular, 400)"; 'medium-container-inline-leading-padding-space': "26px"; 'medium-icon-label-padding-space': "12px"; 'medium-container-inline-trailing-padding-space': "26px"; 'large-label-font': "var(--md-ref-typeface-font-brand, Roboto)"; 'large-label-line-height': "var(--md-sys-typescale-headline-small-font-line-height, 32px)"; 'large-label-size': "var(--md-sys-typescale-headline-small-font-size, 24px)"; 'large-label-tracking': "var(--md-sys-typescale-headline-small-font-tracking, 0px)"; 'large-label-weight': "var(--md-ref-typeface-weight-regular, 400)"; 'large-container-inline-leading-padding-space': "28px"; 'large-icon-label-padding-space': "16px"; 'large-container-inline-trailing-padding-space': "28px"; }; export declare const TertiaryExtendedFabDefinition: { readonly 'enabled-label-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; readonly 'hovered-label-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; readonly 'focused-label-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; readonly 'pressed-label-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; } & { 'small-container-shape-start-start': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-start-end': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-end-start': "var(--md-sys-shape-corner-large, 16px)"; 'small-container-shape-end-end': "var(--md-sys-shape-corner-large, 16px)"; 'medium-container-shape-start-start': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-start-end': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-end-start': "var(--md-sys-shape-corner-large-increased, 20px)"; 'medium-container-shape-end-end': "var(--md-sys-shape-corner-large-increased, 20px)"; 'large-container-shape-start-start': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-start-end': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-end-start': "var(--md-sys-shape-corner-extra-large, 28px)"; 'large-container-shape-end-end': "var(--md-sys-shape-corner-extra-large, 28px)"; 'small-container-height': '56px'; 'small-container-width': '56px'; 'small-icon-size': '24px'; 'medium-container-height': '80px'; 'medium-container-width': '80px'; 'medium-icon-size': '28px'; 'large-container-height': '96px'; 'large-container-width': '96px'; 'large-icon-size': '36px'; 'enabled-container-color': "var(--md-sys-color-tertiary, light-dark(#8f4d2a, #ffcfba))"; 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))"; 'enabled-container-elevation': "3"; 'enabled-icon-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; 'hovered-container-elevation': "4"; 'hovered-state-layer-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)"; 'hovered-icon-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; 'focused-container-elevation': "3"; 'focused-state-layer-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)"; 'focused-icon-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; 'pressed-container-elevation': "3"; 'pressed-state-layer-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)"; 'pressed-icon-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))"; 'small-label-font': "var(--md-ref-typeface-font-plain, Roboto)"; 'small-label-line-height': "var(--md-sys-typescale-title-medium-font-line-height, 24px)"; 'small-label-size': "var(--md-sys-typescale-title-medium-font-size, 16px)"; 'small-label-tracking': "var(--md-sys-typescale-title-medium-font-tracking, 0px)"; 'small-label-weight': "var(--md-ref-typeface-weight-medium, 500)"; 'small-container-inline-leading-padding-space': "16px"; 'small-icon-label-padding-space': "8px"; 'small-container-inline-trailing-padding-space': "16px"; 'medium-label-font': "var(--md-ref-typeface-font-brand, Roboto)"; 'medium-label-line-height': "var(--md-sys-typescale-title-large-font-line-height, 28px)"; 'medium-label-size': "var(--md-sys-typescale-title-large-font-size, 22px)"; 'medium-label-tracking': "var(--md-sys-typescale-title-large-font-tracking, 0px)"; 'medium-label-weight': "var(--md-ref-typeface-weight-regular, 400)"; 'medium-container-inline-leading-padding-space': "26px"; 'medium-icon-label-padding-space': "12px"; 'medium-container-inline-trailing-padding-space': "26px"; 'large-label-font': "var(--md-ref-typeface-font-brand, Roboto)"; 'large-label-line-height': "var(--md-sys-typescale-headline-small-font-line-height, 32px)"; 'large-label-size': "var(--md-sys-typescale-headline-small-font-size, 24px)"; 'large-label-tracking': "var(--md-sys-typescale-headline-small-font-tracking, 0px)"; 'large-label-weight': "var(--md-ref-typeface-weight-regular, 400)"; 'large-container-inline-leading-padding-space': "28px"; 'large-icon-label-padding-space': "16px"; 'large-container-inline-trailing-padding-space': "28px"; }; //# sourceMappingURL=fab.definition.d.ts.map