@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
47 lines • 3.93 kB
TypeScript
export declare const SearchBarDefinition: {
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 'enabled-container-color': "var(--md-sys-color-surface-container-high, light-dark(#e3eae1, #252c25))";
readonly 'enabled-container-elevation': "var(--md-sys-elevation-level-0, 0px)";
readonly 'container-height': "56px";
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-supporting-text-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'supporting-text-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'supporting-text-line-height': "var(--md-sys-typescale-body-large-font-line-height, 24px)";
readonly 'supporting-text-size': "var(--md-sys-typescale-body-large-font-size, 16px)";
readonly 'supporting-text-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'supporting-text-tracking': "var(--md-sys-typescale-body-large-font-tracking, 0px)";
readonly 'enabled-input-text-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'input-text-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'input-text-line-height': "var(--md-sys-typescale-body-large-font-line-height, 24px)";
readonly 'input-text-size': "var(--md-sys-typescale-body-large-font-size, 16px)";
readonly 'input-text-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'input-text-tracking': "var(--md-sys-typescale-body-large-font-tracking, 0px)";
readonly 'hovered-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)";
readonly 'hovered-supporting-text-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'pressed-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)";
readonly 'pressed-supporting-text-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'focused-indicator-color': "var(--md-sys-color-secondary, light-dark(#3c6847, #a2d2ab))";
readonly 'focused-indicator-thickness': "var(--md-sys-state-focus-indicator-thickness, 3px)";
readonly 'focused-indicator-offset': "var(--md-sys-state-focus-indicator-outer-offset, 2px)";
readonly 'avatar-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'avatar-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'avatar-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'avatar-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'container-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'container-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'container-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'container-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
};
//# sourceMappingURL=search.definition.d.ts.map