@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
47 lines • 3.02 kB
TypeScript
export declare const SearchBarDefinition: {
readonly "container-shape-start-start": string;
readonly "container-shape-start-end": string;
readonly "container-shape-end-end": string;
readonly "container-shape-end-start": string;
readonly "avatar-shape-start-start": string;
readonly "avatar-shape-start-end": string;
readonly "avatar-shape-end-end": string;
readonly "avatar-shape-end-start": string;
readonly 'container-inline-leading-space': "16px";
readonly 'container-inline-trailing-space': "16px";
readonly 'container-block-leading-space': "0px";
readonly 'container-block-trailing-space': "0px";
readonly 'container-width-minimum': "360px";
readonly 'container-width-maximum': "720px";
readonly 'leading-icon-and-label-between-space': "16px";
readonly 'trailing-icon-and-label-between-space': "16px";
readonly 'trailing-icons-between-space': "16px";
readonly 'avatar-size': "30px";
readonly 'container-color': "var(--md-sys-color-surface-container-high, var(--md-sys-palette-neutral-92, #ece6f0))";
readonly 'container-elevation': "var(--md-sys-elevation-level-0, 0)";
readonly 'container-height': "56px";
readonly 'leading-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'trailing-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'supporting-text-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'supporting-text-font': "Roboto";
readonly 'supporting-text-line-height': "24px";
readonly 'supporting-text-size': "16px";
readonly 'supporting-text-weight': "400";
readonly 'supporting-text-tracking': "0.5px";
readonly 'input-text-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'input-text-font': "Roboto";
readonly 'input-text-line-height': "24px";
readonly 'input-text-size': "16px";
readonly 'input-text-weight': "400";
readonly 'input-text-tracking': "0.5px";
readonly 'hovered-state-layer-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'hovered-state-layer-opacity': "0.08";
readonly 'hovered-supporting-text-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'Pressed-state-layer-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'Pressed-state-layer-opacity': "0.12";
readonly 'Pressed-supporting-text-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'focused-indicator-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
readonly 'focused-indicator-thickness': "3px";
readonly 'focused-indicator-offset': "2px";
};
//# sourceMappingURL=search.definition.d.ts.map