@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
18 lines • 4.28 kB
JavaScript
import{ElevationLevel as e}from"../node_modules/@sandlada/mdk/build/domain/elevation.js";import{Shape as t}from"../node_modules/@sandlada/mdk/build/domain/shape.js";import{Typescale as n}from"../node_modules/@sandlada/mdk/build/domain/typescale.js";import"../node_modules/@sandlada/mdk/build/index.js";import{Color as r}from"../utils/tokens/theme.js";import{createStyleDefinition as i}from"../utils/tokens/create-style-definition.js";
/**
* @license
* Copyright 2026 Kai-Orion & Sandlada
* SPDX-License-Identifier: MIT
*
* @implements
* - small-app-bar
* - center-aligned-app-bar
* - medium-flexible-app-bar
* - large-flexible-app-bar
* - search-app-bar
*
* @link
* https://m3.material.io/components/app-bars/specs
*/
const a=i({"enabled-container-color":r.Surface,"enabled-container-color-scrolled":r.SurfaceContainer,"enabled-container-elevation":e.Level0,"enabled-container-elevation-scrolled":e.Level2,"enabled-container-shadow-color":r.Shadow,"enabled-container-shape-start-start":t.None,"enabled-container-shape-start-end":t.None,"enabled-container-shape-end-start":t.None,"enabled-container-shape-end-end":t.None,"enabled-container-inline-leading-padding-space":`4px`,"enabled-container-inline-trailing-padding-space":`4px`,"enabled-container-block-leading-padding-space":`0px`,"enabled-container-block-trailing-padding-space":`0px`,"enabled-small-container-height":`64px`,"enabled-medium-container-min-height":`112px`,"enabled-large-container-min-height":`120px`,"enabled-search-container-height":`64px`,"enabled-icon-button-size":`48px`,"enabled-icon-size":`24px`,"enabled-title-gap-space":`4px`,"enabled-title-without-leading-inline-leading-space":`16px`,"enabled-actions-gap-space":`0px`,"enabled-flexible-content-inline-leading-padding-space":`16px`,"enabled-flexible-content-inline-trailing-padding-space":`16px`,"enabled-flexible-content-block-trailing-padding-space":`12px`,"enabled-flexible-top-row-height":`56px`,"enabled-headline-color":r.OnSurface,"enabled-subtitle-color":r.OnSurfaceVariant,"enabled-leading-icon-color":r.OnSurface,"enabled-trailing-icon-color":r.OnSurfaceVariant,"enabled-search-box-container-color":r.SurfaceContainer,"enabled-search-box-container-color-scrolled":r.SurfaceContainerHighest,"enabled-search-box-text-color":r.OnSurface,"enabled-search-box-placeholder-color":r.OnSurfaceVariant,"enabled-search-box-icon-color":r.OnSurfaceVariant,"enabled-search-box-height":`48px`,"enabled-search-box-gap-space":`8px`,"enabled-search-box-inline-padding-space":`16px`,"enabled-search-box-shape-start-start":t.Full,"enabled-search-box-shape-start-end":t.Full,"enabled-search-box-shape-end-start":t.Full,"enabled-search-box-shape-end-end":t.Full,"enabled-small-headline-font":n.TitleLarge.Font,"enabled-small-headline-line-height":n.TitleLarge.LineHeight,"enabled-small-headline-size":n.TitleLarge.FontSize,"enabled-small-headline-tracking":n.TitleLarge.Tracking,"enabled-small-headline-weight":n.TitleLarge.FontWeight,"enabled-small-headline-opacity":`1`,"enabled-medium-headline-font":n.HeadlineMedium.Font,"enabled-medium-headline-line-height":n.HeadlineMedium.LineHeight,"enabled-medium-headline-size":n.HeadlineMedium.FontSize,"enabled-medium-headline-tracking":n.HeadlineMedium.Tracking,"enabled-medium-headline-weight":n.HeadlineMedium.FontWeight,"enabled-medium-headline-opacity":`1`,"enabled-large-headline-font":n.DisplaySmall.Font,"enabled-large-headline-line-height":n.DisplaySmall.LineHeight,"enabled-large-headline-size":n.DisplaySmall.FontSize,"enabled-large-headline-tracking":n.DisplaySmall.Tracking,"enabled-large-headline-weight":n.DisplaySmall.FontWeight,"enabled-large-headline-opacity":`1`,"enabled-subtitle-font":n.BodyMedium.Font,"enabled-subtitle-line-height":n.BodyMedium.LineHeight,"enabled-subtitle-size":n.BodyMedium.FontSize,"enabled-subtitle-tracking":n.BodyMedium.Tracking,"enabled-subtitle-weight":n.BodyMedium.FontWeight,"enabled-subtitle-opacity":`1`,"enabled-search-text-font":n.BodyLarge.Font,"enabled-search-text-line-height":n.BodyLarge.LineHeight,"enabled-search-text-size":n.BodyLarge.FontSize,"enabled-search-text-tracking":n.BodyLarge.Tracking,"enabled-search-text-weight":n.BodyLarge.FontWeight,"enabled-search-text-opacity":`1`});export{a as AppBarDefinition};
//# sourceMappingURL=appbar.definition.js.map