@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
62 lines • 5.61 kB
TypeScript
export declare const OnThisPageDefinition: {
readonly 'enabled-container-width': "220px";
readonly 'enabled-container-color': "transparent";
readonly 'enabled-container-inline-leading-padding-space': "var(--md-sys-measurement-space0, 0px)";
readonly 'enabled-container-inline-trailing-padding-space': "var(--md-sys-measurement-space0, 0px)";
readonly 'enabled-container-block-leading-padding-space': "var(--md-sys-measurement-space0, 0px)";
readonly 'enabled-container-block-trailing-padding-space': "var(--md-sys-measurement-space0, 0px)";
readonly 'enabled-container-item-gap': "var(--md-sys-measurement-space50, 4px)";
readonly 'enabled-caption-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'enabled-caption-size': "var(--md-sys-typescale-label-medium-font-size, 12px)";
readonly 'enabled-caption-weight': "var(--md-ref-typeface-weight-bold, 700)";
readonly 'enabled-caption-line-height': "var(--md-sys-typescale-label-medium-font-line-height, 16px)";
readonly 'enabled-caption-tracking': "var(--md-sys-typescale-label-medium-font-tracking, 0.1px)";
readonly 'enabled-caption-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'enabled-headline-font': "var(--md-ref-typeface-font-brand, Roboto)";
readonly 'enabled-headline-size': "var(--md-sys-typescale-headline-small-font-size, 24px)";
readonly 'enabled-headline-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'enabled-headline-line-height': "var(--md-sys-typescale-headline-small-font-line-height, 32px)";
readonly 'enabled-headline-tracking': "var(--md-sys-typescale-headline-small-font-tracking, 0px)";
readonly 'enabled-headline-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'enabled-header-block-trailing-space': "var(--md-sys-measurement-space200, 16px)";
readonly 'enabled-active-indicator-outline-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'enabled-active-indicator-outline-width': "1px";
readonly 'enabled-active-indicator-container-color': "transparent";
readonly 'enabled-active-indicator-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'enabled-active-indicator-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'enabled-active-indicator-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'enabled-active-indicator-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'active-indicator-transition-duration': "var(--md-sys-motion-duration-expressive-slow-spatial, 650ms)";
readonly 'active-indicator-transition-easing': "var(--md-sys-motion-easing-expressive-slow-spatial, cubic-bezier(0.39, 1.29, 0.35, 0.98))";
};
export declare const OnThisPageItemDefinition: {
readonly 'enabled-container-height': "38px";
readonly 'enabled-container-color': "transparent";
readonly 'enabled-container-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'enabled-container-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'enabled-container-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'enabled-container-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'enabled-container-inline-leading-padding-space': "var(--md-sys-measurement-space200, 16px)";
readonly 'enabled-container-inline-trailing-padding-space': "var(--md-sys-measurement-space200, 16px)";
readonly 'enabled-container-block-leading-padding-space': "var(--md-sys-measurement-space50, 4px)";
readonly 'enabled-container-block-trailing-padding-space': "var(--md-sys-measurement-space50, 4px)";
readonly 'enabled-label-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'enabled-label-size': "var(--md-sys-typescale-body-medium-font-size, 14px)";
readonly 'enabled-label-line-height': "var(--md-sys-typescale-body-medium-font-line-height, 20px)";
readonly 'enabled-label-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'enabled-label-tracking': "var(--md-sys-typescale-body-medium-font-tracking, 0px)";
readonly 'enabled-label-opacity': "1";
readonly 'enabled-label-color-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'enabled-label-color-selected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'enabled-label-weight-selected': "var(--md-ref-typeface-weight-medium, 500)";
readonly 'hovered-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'focused-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'pressed-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'disabled-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'disabled-label-opacity': "0.38";
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 '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)";
};
//# sourceMappingURL=on-this-page.definition.d.ts.map