@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
75 lines • 6.39 kB
TypeScript
export declare const AppBarDefinition: {
readonly 'enabled-container-color': "var(--md-sys-color-surface, light-dark(#f4fbf1, #0e150f))";
readonly 'enabled-container-color-scrolled': "var(--md-sys-color-surface-container, light-dark(#e9f0e6, #1b211b))";
readonly 'enabled-container-elevation': "var(--md-sys-elevation-level-0, 0px)";
readonly 'enabled-container-elevation-scrolled': "var(--md-sys-elevation-level-2, 3px)";
readonly 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
readonly 'enabled-container-shape-start-start': "var(--md-sys-shape-corner-none, 0px)";
readonly 'enabled-container-shape-start-end': "var(--md-sys-shape-corner-none, 0px)";
readonly 'enabled-container-shape-end-start': "var(--md-sys-shape-corner-none, 0px)";
readonly 'enabled-container-shape-end-end': "var(--md-sys-shape-corner-none, 0px)";
readonly 'enabled-container-inline-leading-padding-space': "4px";
readonly 'enabled-container-inline-trailing-padding-space': "4px";
readonly 'enabled-container-block-leading-padding-space': "0px";
readonly 'enabled-container-block-trailing-padding-space': "0px";
readonly 'enabled-small-container-height': "64px";
readonly 'enabled-medium-container-min-height': "112px";
readonly 'enabled-large-container-min-height': "120px";
readonly 'enabled-search-container-height': "64px";
readonly 'enabled-icon-button-size': "48px";
readonly 'enabled-icon-size': "24px";
readonly 'enabled-title-gap-space': "4px";
readonly 'enabled-title-without-leading-inline-leading-space': "16px";
readonly 'enabled-actions-gap-space': "0px";
readonly 'enabled-flexible-content-inline-leading-padding-space': "16px";
readonly 'enabled-flexible-content-inline-trailing-padding-space': "16px";
readonly 'enabled-flexible-content-block-trailing-padding-space': "12px";
readonly 'enabled-flexible-top-row-height': "56px";
readonly 'enabled-headline-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'enabled-subtitle-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'enabled-leading-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'enabled-trailing-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'enabled-search-box-container-color': "var(--md-sys-color-surface-container, light-dark(#e9f0e6, #1b211b))";
readonly 'enabled-search-box-container-color-scrolled': "var(--md-sys-color-surface-container-highest, light-dark(#dde4db, #303630))";
readonly 'enabled-search-box-text-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'enabled-search-box-placeholder-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'enabled-search-box-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'enabled-search-box-height': "48px";
readonly 'enabled-search-box-gap-space': "8px";
readonly 'enabled-search-box-inline-padding-space': "16px";
readonly 'enabled-search-box-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'enabled-search-box-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'enabled-search-box-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'enabled-search-box-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'enabled-small-headline-font': "var(--md-ref-typeface-font-brand, Roboto)";
readonly 'enabled-small-headline-line-height': "var(--md-sys-typescale-title-large-font-line-height, 28px)";
readonly 'enabled-small-headline-size': "var(--md-sys-typescale-title-large-font-size, 22px)";
readonly 'enabled-small-headline-tracking': "var(--md-sys-typescale-title-large-font-tracking, 0px)";
readonly 'enabled-small-headline-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'enabled-small-headline-opacity': "1";
readonly 'enabled-medium-headline-font': "var(--md-ref-typeface-font-brand, Roboto)";
readonly 'enabled-medium-headline-line-height': "var(--md-sys-typescale-headline-medium-font-line-height, 36px)";
readonly 'enabled-medium-headline-size': "var(--md-sys-typescale-headline-medium-font-size, 28px)";
readonly 'enabled-medium-headline-tracking': "var(--md-sys-typescale-headline-medium-font-tracking, 0px)";
readonly 'enabled-medium-headline-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'enabled-medium-headline-opacity': "1";
readonly 'enabled-large-headline-font': "var(--md-ref-typeface-font-brand, Roboto)";
readonly 'enabled-large-headline-line-height': "var(--md-sys-typescale-display-small-font-line-height, 44px)";
readonly 'enabled-large-headline-size': "var(--md-sys-typescale-display-small-font-size, 36px)";
readonly 'enabled-large-headline-tracking': "var(--md-sys-typescale-display-small-font-tracking, 0px)";
readonly 'enabled-large-headline-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'enabled-large-headline-opacity': "1";
readonly 'enabled-subtitle-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'enabled-subtitle-line-height': "var(--md-sys-typescale-body-medium-font-line-height, 20px)";
readonly 'enabled-subtitle-size': "var(--md-sys-typescale-body-medium-font-size, 14px)";
readonly 'enabled-subtitle-tracking': "var(--md-sys-typescale-body-medium-font-tracking, 0px)";
readonly 'enabled-subtitle-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'enabled-subtitle-opacity': "1";
readonly 'enabled-search-text-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'enabled-search-text-line-height': "var(--md-sys-typescale-body-large-font-line-height, 24px)";
readonly 'enabled-search-text-size': "var(--md-sys-typescale-body-large-font-size, 16px)";
readonly 'enabled-search-text-tracking': "var(--md-sys-typescale-body-large-font-tracking, 0px)";
readonly 'enabled-search-text-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'enabled-search-text-opacity': "1";
};
//# sourceMappingURL=appbar.definition.d.ts.map