@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
544 lines • 41.7 kB
TypeScript
export declare const SurfaceSnackbarDefinition: {
readonly 'container-shape-start-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-start-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-elevation': `6`;
readonly 'container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
readonly 'container-min-height': `48px`;
readonly 'container-max-width': `344px`;
readonly 'container-margin': `8px`;
readonly 'container-padding-inline': `8px`;
readonly 'container-padding-block': `14px`;
readonly 'container-gap': `8px`;
readonly 'label-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'label-size': "var(--md-sys-typescale-body-medium-font-size, 14px)";
readonly 'label-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'label-tracking': "var(--md-sys-typescale-body-medium-font-tracking, 0px)";
readonly 'label-line-height': "var(--md-sys-typescale-body-medium-font-line-height, 20px)";
readonly 'label-padding-inline': `4px`;
readonly 'action-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'action-size': "var(--md-sys-typescale-label-large-font-size, 14px)";
readonly 'action-weight': "var(--md-ref-typeface-weight-medium, 500)";
readonly 'action-tracking': "var(--md-sys-typescale-label-large-font-tracking, 0px)";
readonly 'action-line-height': "var(--md-sys-typescale-label-large-font-line-height, 20px)";
readonly 'action-container-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-padding-inline': `12px`;
readonly 'action-padding-block': `10px`;
readonly 'close-icon-size': `24px`;
readonly 'close-icon-padding': `8px`;
readonly 'close-icon-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'icon-size': `24px`;
readonly 'enabled-container-color': "var(--md-sys-color-surface-container-high, light-dark(#e3eae1, #252c25))";
readonly 'enabled-label-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'enabled-action-text-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'enabled-close-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'enabled-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'hovered-action-state-layer-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'hovered-action-state-layer-opacity': "0.08";
readonly 'focused-action-state-layer-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'focused-action-state-layer-opacity': "0.1";
readonly 'pressed-action-state-layer-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'pressed-action-state-layer-opacity': "0.1";
};
export declare const InverseSurfaceSnackbarDefinition: {
readonly 'container-shape-start-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-start-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-elevation': `6`;
readonly 'container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
readonly 'container-min-height': `48px`;
readonly 'container-max-width': `344px`;
readonly 'container-margin': `8px`;
readonly 'container-padding-inline': `8px`;
readonly 'container-padding-block': `14px`;
readonly 'container-gap': `8px`;
readonly 'label-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'label-size': "var(--md-sys-typescale-body-medium-font-size, 14px)";
readonly 'label-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'label-tracking': "var(--md-sys-typescale-body-medium-font-tracking, 0px)";
readonly 'label-line-height': "var(--md-sys-typescale-body-medium-font-line-height, 20px)";
readonly 'label-padding-inline': `4px`;
readonly 'action-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'action-size': "var(--md-sys-typescale-label-large-font-size, 14px)";
readonly 'action-weight': "var(--md-ref-typeface-weight-medium, 500)";
readonly 'action-tracking': "var(--md-sys-typescale-label-large-font-tracking, 0px)";
readonly 'action-line-height': "var(--md-sys-typescale-label-large-font-line-height, 20px)";
readonly 'action-container-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-padding-inline': `12px`;
readonly 'action-padding-block': `10px`;
readonly 'close-icon-size': `24px`;
readonly 'close-icon-padding': `8px`;
readonly 'close-icon-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'icon-size': `24px`;
readonly 'enabled-container-color': "var(--md-sys-color-inverse-surface, light-dark(#2b322c, #dde4db))";
readonly 'enabled-label-color': "var(--md-sys-color-inverse-on-surface, light-dark(#ecf3e9, #2b322c))";
readonly 'enabled-action-text-color': "var(--md-sys-color-inverse-primary, light-dark(#61de8c, #006d38))";
readonly 'enabled-close-icon-color': "var(--md-sys-color-inverse-on-surface, light-dark(#ecf3e9, #2b322c))";
readonly 'enabled-icon-color': "var(--md-sys-color-inverse-on-surface, light-dark(#ecf3e9, #2b322c))";
readonly 'hovered-action-state-layer-color': "var(--md-sys-color-inverse-primary, light-dark(#61de8c, #006d38))";
readonly 'hovered-action-state-layer-opacity': "0.08";
readonly 'focused-action-state-layer-color': "var(--md-sys-color-inverse-primary, light-dark(#61de8c, #006d38))";
readonly 'focused-action-state-layer-opacity': "0.1";
readonly 'pressed-action-state-layer-color': "var(--md-sys-color-inverse-primary, light-dark(#61de8c, #006d38))";
readonly 'pressed-action-state-layer-opacity': "0.1";
};
export declare const PrimarySnackbarDefinition: {
readonly 'container-shape-start-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-start-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-elevation': `6`;
readonly 'container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
readonly 'container-min-height': `48px`;
readonly 'container-max-width': `344px`;
readonly 'container-margin': `8px`;
readonly 'container-padding-inline': `8px`;
readonly 'container-padding-block': `14px`;
readonly 'container-gap': `8px`;
readonly 'label-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'label-size': "var(--md-sys-typescale-body-medium-font-size, 14px)";
readonly 'label-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'label-tracking': "var(--md-sys-typescale-body-medium-font-tracking, 0px)";
readonly 'label-line-height': "var(--md-sys-typescale-body-medium-font-line-height, 20px)";
readonly 'label-padding-inline': `4px`;
readonly 'action-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'action-size': "var(--md-sys-typescale-label-large-font-size, 14px)";
readonly 'action-weight': "var(--md-ref-typeface-weight-medium, 500)";
readonly 'action-tracking': "var(--md-sys-typescale-label-large-font-tracking, 0px)";
readonly 'action-line-height': "var(--md-sys-typescale-label-large-font-line-height, 20px)";
readonly 'action-container-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-padding-inline': `12px`;
readonly 'action-padding-block': `10px`;
readonly 'close-icon-size': `24px`;
readonly 'close-icon-padding': `8px`;
readonly 'close-icon-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'icon-size': `24px`;
readonly 'enabled-container-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'enabled-label-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
readonly 'enabled-action-text-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
readonly 'enabled-close-icon-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
readonly 'enabled-icon-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
readonly 'hovered-action-state-layer-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
readonly 'hovered-action-state-layer-opacity': "0.08";
readonly 'focused-action-state-layer-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
readonly 'focused-action-state-layer-opacity': "0.1";
readonly 'pressed-action-state-layer-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
readonly 'pressed-action-state-layer-opacity': "0.1";
};
export declare const SecondarySnackbarDefinition: {
readonly 'container-shape-start-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-start-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-elevation': `6`;
readonly 'container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
readonly 'container-min-height': `48px`;
readonly 'container-max-width': `344px`;
readonly 'container-margin': `8px`;
readonly 'container-padding-inline': `8px`;
readonly 'container-padding-block': `14px`;
readonly 'container-gap': `8px`;
readonly 'label-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'label-size': "var(--md-sys-typescale-body-medium-font-size, 14px)";
readonly 'label-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'label-tracking': "var(--md-sys-typescale-body-medium-font-tracking, 0px)";
readonly 'label-line-height': "var(--md-sys-typescale-body-medium-font-line-height, 20px)";
readonly 'label-padding-inline': `4px`;
readonly 'action-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'action-size': "var(--md-sys-typescale-label-large-font-size, 14px)";
readonly 'action-weight': "var(--md-ref-typeface-weight-medium, 500)";
readonly 'action-tracking': "var(--md-sys-typescale-label-large-font-tracking, 0px)";
readonly 'action-line-height': "var(--md-sys-typescale-label-large-font-line-height, 20px)";
readonly 'action-container-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-padding-inline': `12px`;
readonly 'action-padding-block': `10px`;
readonly 'close-icon-size': `24px`;
readonly 'close-icon-padding': `8px`;
readonly 'close-icon-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'icon-size': `24px`;
readonly 'enabled-container-color': "var(--md-sys-color-secondary, light-dark(#3c6847, #a2d2ab))";
readonly 'enabled-label-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))";
readonly 'enabled-action-text-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))";
readonly 'enabled-close-icon-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))";
readonly 'enabled-icon-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))";
readonly 'hovered-action-state-layer-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))";
readonly 'hovered-action-state-layer-opacity': "0.08";
readonly 'focused-action-state-layer-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))";
readonly 'focused-action-state-layer-opacity': "0.1";
readonly 'pressed-action-state-layer-color': "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))";
readonly 'pressed-action-state-layer-opacity': "0.1";
};
export declare const TertiarySnackbarDefinition: {
readonly 'container-shape-start-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-start-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-elevation': `6`;
readonly 'container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
readonly 'container-min-height': `48px`;
readonly 'container-max-width': `344px`;
readonly 'container-margin': `8px`;
readonly 'container-padding-inline': `8px`;
readonly 'container-padding-block': `14px`;
readonly 'container-gap': `8px`;
readonly 'label-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'label-size': "var(--md-sys-typescale-body-medium-font-size, 14px)";
readonly 'label-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'label-tracking': "var(--md-sys-typescale-body-medium-font-tracking, 0px)";
readonly 'label-line-height': "var(--md-sys-typescale-body-medium-font-line-height, 20px)";
readonly 'label-padding-inline': `4px`;
readonly 'action-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'action-size': "var(--md-sys-typescale-label-large-font-size, 14px)";
readonly 'action-weight': "var(--md-ref-typeface-weight-medium, 500)";
readonly 'action-tracking': "var(--md-sys-typescale-label-large-font-tracking, 0px)";
readonly 'action-line-height': "var(--md-sys-typescale-label-large-font-line-height, 20px)";
readonly 'action-container-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-padding-inline': `12px`;
readonly 'action-padding-block': `10px`;
readonly 'close-icon-size': `24px`;
readonly 'close-icon-padding': `8px`;
readonly 'close-icon-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'icon-size': `24px`;
readonly 'enabled-container-color': "var(--md-sys-color-tertiary, light-dark(#8f4d2a, #ffcfba))";
readonly 'enabled-label-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))";
readonly 'enabled-action-text-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))";
readonly 'enabled-close-icon-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))";
readonly 'enabled-icon-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))";
readonly 'hovered-action-state-layer-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))";
readonly 'hovered-action-state-layer-opacity': "0.08";
readonly 'focused-action-state-layer-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))";
readonly 'focused-action-state-layer-opacity': "0.1";
readonly 'pressed-action-state-layer-color': "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))";
readonly 'pressed-action-state-layer-opacity': "0.1";
};
export declare const ErrorSnackbarDefinition: {
readonly 'container-shape-start-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-start-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-elevation': `6`;
readonly 'container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
readonly 'container-min-height': `48px`;
readonly 'container-max-width': `344px`;
readonly 'container-margin': `8px`;
readonly 'container-padding-inline': `8px`;
readonly 'container-padding-block': `14px`;
readonly 'container-gap': `8px`;
readonly 'label-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'label-size': "var(--md-sys-typescale-body-medium-font-size, 14px)";
readonly 'label-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'label-tracking': "var(--md-sys-typescale-body-medium-font-tracking, 0px)";
readonly 'label-line-height': "var(--md-sys-typescale-body-medium-font-line-height, 20px)";
readonly 'label-padding-inline': `4px`;
readonly 'action-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'action-size': "var(--md-sys-typescale-label-large-font-size, 14px)";
readonly 'action-weight': "var(--md-ref-typeface-weight-medium, 500)";
readonly 'action-tracking': "var(--md-sys-typescale-label-large-font-tracking, 0px)";
readonly 'action-line-height': "var(--md-sys-typescale-label-large-font-line-height, 20px)";
readonly 'action-container-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-padding-inline': `12px`;
readonly 'action-padding-block': `10px`;
readonly 'close-icon-size': `24px`;
readonly 'close-icon-padding': `8px`;
readonly 'close-icon-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'icon-size': `24px`;
readonly 'enabled-container-color': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
readonly 'enabled-label-color': "var(--md-sys-color-on-error, light-dark(#ffffff, #690005))";
readonly 'enabled-action-text-color': "var(--md-sys-color-on-error, light-dark(#ffffff, #690005))";
readonly 'enabled-close-icon-color': "var(--md-sys-color-on-error, light-dark(#ffffff, #690005))";
readonly 'enabled-icon-color': "var(--md-sys-color-on-error, light-dark(#ffffff, #690005))";
readonly 'hovered-action-state-layer-color': "var(--md-sys-color-on-error, light-dark(#ffffff, #690005))";
readonly 'hovered-action-state-layer-opacity': "0.08";
readonly 'focused-action-state-layer-color': "var(--md-sys-color-on-error, light-dark(#ffffff, #690005))";
readonly 'focused-action-state-layer-opacity': "0.1";
readonly 'pressed-action-state-layer-color': "var(--md-sys-color-on-error, light-dark(#ffffff, #690005))";
readonly 'pressed-action-state-layer-opacity': "0.1";
};
export declare const PrimaryContainerSnackbarDefinition: {
readonly 'container-shape-start-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-start-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-elevation': `6`;
readonly 'container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
readonly 'container-min-height': `48px`;
readonly 'container-max-width': `344px`;
readonly 'container-margin': `8px`;
readonly 'container-padding-inline': `8px`;
readonly 'container-padding-block': `14px`;
readonly 'container-gap': `8px`;
readonly 'label-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'label-size': "var(--md-sys-typescale-body-medium-font-size, 14px)";
readonly 'label-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'label-tracking': "var(--md-sys-typescale-body-medium-font-tracking, 0px)";
readonly 'label-line-height': "var(--md-sys-typescale-body-medium-font-line-height, 20px)";
readonly 'label-padding-inline': `4px`;
readonly 'action-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'action-size': "var(--md-sys-typescale-label-large-font-size, 14px)";
readonly 'action-weight': "var(--md-ref-typeface-weight-medium, 500)";
readonly 'action-tracking': "var(--md-sys-typescale-label-large-font-tracking, 0px)";
readonly 'action-line-height': "var(--md-sys-typescale-label-large-font-line-height, 20px)";
readonly 'action-container-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-padding-inline': `12px`;
readonly 'action-padding-block': `10px`;
readonly 'close-icon-size': `24px`;
readonly 'close-icon-padding': `8px`;
readonly 'close-icon-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'icon-size': `24px`;
readonly 'enabled-container-color': "var(--md-sys-color-primary-container, light-dark(#58d584, #58d584))";
readonly 'enabled-label-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))";
readonly 'enabled-action-text-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'enabled-close-icon-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))";
readonly 'enabled-icon-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))";
readonly 'hovered-action-state-layer-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'hovered-action-state-layer-opacity': "0.08";
readonly 'focused-action-state-layer-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'focused-action-state-layer-opacity': "0.1";
readonly 'pressed-action-state-layer-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'pressed-action-state-layer-opacity': "0.1";
};
export declare const SecondaryContainerSnackbarDefinition: {
readonly 'container-shape-start-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-start-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-elevation': `6`;
readonly 'container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
readonly 'container-min-height': `48px`;
readonly 'container-max-width': `344px`;
readonly 'container-margin': `8px`;
readonly 'container-padding-inline': `8px`;
readonly 'container-padding-block': `14px`;
readonly 'container-gap': `8px`;
readonly 'label-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'label-size': "var(--md-sys-typescale-body-medium-font-size, 14px)";
readonly 'label-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'label-tracking': "var(--md-sys-typescale-body-medium-font-tracking, 0px)";
readonly 'label-line-height': "var(--md-sys-typescale-body-medium-font-line-height, 20px)";
readonly 'label-padding-inline': `4px`;
readonly 'action-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'action-size': "var(--md-sys-typescale-label-large-font-size, 14px)";
readonly 'action-weight': "var(--md-ref-typeface-weight-medium, 500)";
readonly 'action-tracking': "var(--md-sys-typescale-label-large-font-tracking, 0px)";
readonly 'action-line-height': "var(--md-sys-typescale-label-large-font-line-height, 20px)";
readonly 'action-container-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-padding-inline': `12px`;
readonly 'action-padding-block': `10px`;
readonly 'close-icon-size': `24px`;
readonly 'close-icon-padding': `8px`;
readonly 'close-icon-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'icon-size': `24px`;
readonly 'enabled-container-color': "var(--md-sys-color-secondary-container, light-dark(#bbecc3, #295436))";
readonly 'enabled-label-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
readonly 'enabled-action-text-color': "var(--md-sys-color-secondary, light-dark(#3c6847, #a2d2ab))";
readonly 'enabled-close-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
readonly 'enabled-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
readonly 'hovered-action-state-layer-color': "var(--md-sys-color-secondary, light-dark(#3c6847, #a2d2ab))";
readonly 'hovered-action-state-layer-opacity': "0.08";
readonly 'focused-action-state-layer-color': "var(--md-sys-color-secondary, light-dark(#3c6847, #a2d2ab))";
readonly 'focused-action-state-layer-opacity': "0.1";
readonly 'pressed-action-state-layer-color': "var(--md-sys-color-secondary, light-dark(#3c6847, #a2d2ab))";
readonly 'pressed-action-state-layer-opacity': "0.1";
};
export declare const TertiaryContainerSnackbarDefinition: {
readonly 'container-shape-start-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-start-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-elevation': `6`;
readonly 'container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
readonly 'container-min-height': `48px`;
readonly 'container-max-width': `344px`;
readonly 'container-margin': `8px`;
readonly 'container-padding-inline': `8px`;
readonly 'container-padding-block': `14px`;
readonly 'container-gap': `8px`;
readonly 'label-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'label-size': "var(--md-sys-typescale-body-medium-font-size, 14px)";
readonly 'label-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'label-tracking': "var(--md-sys-typescale-body-medium-font-tracking, 0px)";
readonly 'label-line-height': "var(--md-sys-typescale-body-medium-font-line-height, 20px)";
readonly 'label-padding-inline': `4px`;
readonly 'action-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'action-size': "var(--md-sys-typescale-label-large-font-size, 14px)";
readonly 'action-weight': "var(--md-ref-typeface-weight-medium, 500)";
readonly 'action-tracking': "var(--md-sys-typescale-label-large-font-tracking, 0px)";
readonly 'action-line-height': "var(--md-sys-typescale-label-large-font-line-height, 20px)";
readonly 'action-container-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-padding-inline': `12px`;
readonly 'action-padding-block': `10px`;
readonly 'close-icon-size': `24px`;
readonly 'close-icon-padding': `8px`;
readonly 'close-icon-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'icon-size': `24px`;
readonly 'enabled-container-color': "var(--md-sys-color-tertiary-container, light-dark(#ffa97f, #ffa97f))";
readonly 'enabled-label-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))";
readonly 'enabled-action-text-color': "var(--md-sys-color-tertiary, light-dark(#8f4d2a, #ffcfba))";
readonly 'enabled-close-icon-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))";
readonly 'enabled-icon-color': "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))";
readonly 'hovered-action-state-layer-color': "var(--md-sys-color-tertiary, light-dark(#8f4d2a, #ffcfba))";
readonly 'hovered-action-state-layer-opacity': "0.08";
readonly 'focused-action-state-layer-color': "var(--md-sys-color-tertiary, light-dark(#8f4d2a, #ffcfba))";
readonly 'focused-action-state-layer-opacity': "0.1";
readonly 'pressed-action-state-layer-color': "var(--md-sys-color-tertiary, light-dark(#8f4d2a, #ffcfba))";
readonly 'pressed-action-state-layer-opacity': "0.1";
};
export declare const ErrorContainerSnackbarDefinition: {
readonly 'container-shape-start-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-start-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-elevation': `6`;
readonly 'container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
readonly 'container-min-height': `48px`;
readonly 'container-max-width': `344px`;
readonly 'container-margin': `8px`;
readonly 'container-padding-inline': `8px`;
readonly 'container-padding-block': `14px`;
readonly 'container-gap': `8px`;
readonly 'label-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'label-size': "var(--md-sys-typescale-body-medium-font-size, 14px)";
readonly 'label-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'label-tracking': "var(--md-sys-typescale-body-medium-font-tracking, 0px)";
readonly 'label-line-height': "var(--md-sys-typescale-body-medium-font-line-height, 20px)";
readonly 'label-padding-inline': `4px`;
readonly 'action-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'action-size': "var(--md-sys-typescale-label-large-font-size, 14px)";
readonly 'action-weight': "var(--md-ref-typeface-weight-medium, 500)";
readonly 'action-tracking': "var(--md-sys-typescale-label-large-font-tracking, 0px)";
readonly 'action-line-height': "var(--md-sys-typescale-label-large-font-line-height, 20px)";
readonly 'action-container-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-padding-inline': `12px`;
readonly 'action-padding-block': `10px`;
readonly 'close-icon-size': `24px`;
readonly 'close-icon-padding': `8px`;
readonly 'close-icon-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'icon-size': `24px`;
readonly 'enabled-container-color': "var(--md-sys-color-error-container, light-dark(#ffdad6, #93000a))";
readonly 'enabled-label-color': "var(--md-sys-color-on-error-container, light-dark(#93000a, #ffdad6))";
readonly 'enabled-action-text-color': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
readonly 'enabled-close-icon-color': "var(--md-sys-color-on-error-container, light-dark(#93000a, #ffdad6))";
readonly 'enabled-icon-color': "var(--md-sys-color-on-error-container, light-dark(#93000a, #ffdad6))";
readonly 'hovered-action-state-layer-color': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
readonly 'hovered-action-state-layer-opacity': "0.08";
readonly 'focused-action-state-layer-color': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
readonly 'focused-action-state-layer-opacity': "0.1";
readonly 'pressed-action-state-layer-color': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
readonly 'pressed-action-state-layer-opacity': "0.1";
};
/**
* Default style definition for `mdc-snackbar` (inverse-surface variant).
* Kept as a convenience alias for consumers who don't need a specific variant.
*/
export declare const SnackbarDefinition: {
readonly 'container-shape-start-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-start-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-start': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-shape-end-end': "var(--md-sys-shape-corner-extra-small, 4px)";
readonly 'container-elevation': `6`;
readonly 'container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
readonly 'container-min-height': `48px`;
readonly 'container-max-width': `344px`;
readonly 'container-margin': `8px`;
readonly 'container-padding-inline': `8px`;
readonly 'container-padding-block': `14px`;
readonly 'container-gap': `8px`;
readonly 'label-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'label-size': "var(--md-sys-typescale-body-medium-font-size, 14px)";
readonly 'label-weight': "var(--md-ref-typeface-weight-regular, 400)";
readonly 'label-tracking': "var(--md-sys-typescale-body-medium-font-tracking, 0px)";
readonly 'label-line-height': "var(--md-sys-typescale-body-medium-font-line-height, 20px)";
readonly 'label-padding-inline': `4px`;
readonly 'action-font': "var(--md-ref-typeface-font-plain, Roboto)";
readonly 'action-size': "var(--md-sys-typescale-label-large-font-size, 14px)";
readonly 'action-weight': "var(--md-ref-typeface-weight-medium, 500)";
readonly 'action-tracking': "var(--md-sys-typescale-label-large-font-tracking, 0px)";
readonly 'action-line-height': "var(--md-sys-typescale-label-large-font-line-height, 20px)";
readonly 'action-container-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-container-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'action-padding-inline': `12px`;
readonly 'action-padding-block': `10px`;
readonly 'close-icon-size': `24px`;
readonly 'close-icon-padding': `8px`;
readonly 'close-icon-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'close-icon-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'icon-size': `24px`;
readonly 'enabled-container-color': "var(--md-sys-color-inverse-surface, light-dark(#2b322c, #dde4db))";
readonly 'enabled-label-color': "var(--md-sys-color-inverse-on-surface, light-dark(#ecf3e9, #2b322c))";
readonly 'enabled-action-text-color': "var(--md-sys-color-inverse-primary, light-dark(#61de8c, #006d38))";
readonly 'enabled-close-icon-color': "var(--md-sys-color-inverse-on-surface, light-dark(#ecf3e9, #2b322c))";
readonly 'enabled-icon-color': "var(--md-sys-color-inverse-on-surface, light-dark(#ecf3e9, #2b322c))";
readonly 'hovered-action-state-layer-color': "var(--md-sys-color-inverse-primary, light-dark(#61de8c, #006d38))";
readonly 'hovered-action-state-layer-opacity': "0.08";
readonly 'focused-action-state-layer-color': "var(--md-sys-color-inverse-primary, light-dark(#61de8c, #006d38))";
readonly 'focused-action-state-layer-opacity': "0.1";
readonly 'pressed-action-state-layer-color': "var(--md-sys-color-inverse-primary, light-dark(#61de8c, #006d38))";
readonly 'pressed-action-state-layer-opacity': "0.1";
};
//# sourceMappingURL=snackbar.definition.d.ts.map