@sandlada/mdc/build/component-definitions/split-button.definition.d.ts

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

/**
 * Style definition for `mdc-split-button` — filled variant.
 *
 * @version
 * Material Design 3
 */
export declare const FilledSplitButtonDefinition: {
    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-icon-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
    readonly 'enabled-container-elevation': "0";
    readonly 'hovered-state-layer-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'focused-state-layer-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'pressed-state-layer-color': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
    readonly 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)";
    readonly 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)";
    readonly 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)";
    readonly 'disabled-container-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-container-opacity': "0.1";
    readonly 'disabled-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-label-opacity': "0.38";
    readonly 'disabled-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-icon-opacity': "0.38";
    readonly 'disabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
    readonly 'disabled-container-elevation': "0";
};
/**
 * Style definition for `mdc-split-button` — filled-tonal variant.
 *
 * @version
 * Material Design 3
 */
export declare const FilledTonalSplitButtonDefinition: {
    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-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
    readonly 'enabled-container-elevation': "0";
    readonly 'hovered-state-layer-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'focused-state-layer-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'pressed-state-layer-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
    readonly 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)";
    readonly 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)";
    readonly 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)";
    readonly 'disabled-container-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-container-opacity': "0.1";
    readonly 'disabled-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-label-opacity': "0.38";
    readonly 'disabled-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-icon-opacity': "0.38";
    readonly 'disabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
    readonly 'disabled-container-elevation': "0";
};
/**
 * Style definition for `mdc-split-button` — elevated variant.
 *
 * @version
 * Material Design 3
 */
export declare const ElevatedSplitButtonDefinition: {
    readonly 'enabled-container-color': "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))";
    readonly 'enabled-label-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
    readonly 'enabled-icon-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
    readonly 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
    readonly 'enabled-container-elevation': "1";
    readonly 'hovered-state-layer-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
    readonly 'focused-state-layer-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
    readonly 'pressed-state-layer-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
    readonly 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)";
    readonly 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)";
    readonly 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)";
    readonly 'disabled-container-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-container-opacity': "0.1";
    readonly 'disabled-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-label-opacity': "0.38";
    readonly 'disabled-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-icon-opacity': "0.38";
    readonly 'disabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
    readonly 'disabled-container-elevation': "0";
};
/**
 * Style definition for `mdc-split-button` — outlined variant.
 *
 * @version
 * Material Design 3
 */
export declare const OutlinedSplitButtonDefinition: {
    readonly 'enabled-outline-color': "var(--md-sys-color-outline-variant, light-dark(#bccabc, #3d4a3f))";
    readonly 'enabled-container-color': "transparent";
    readonly 'enabled-label-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 'enabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
    readonly 'enabled-container-elevation': "0";
    readonly 'hovered-state-layer-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'focused-state-layer-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'pressed-state-layer-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
    readonly 'hovered-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)";
    readonly 'focused-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)";
    readonly 'pressed-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)";
    readonly 'disabled-outline-color': "var(--md-sys-color-outline-variant, light-dark(#bccabc, #3d4a3f))";
    readonly 'disabled-outline-opacity': "0.12";
    readonly 'disabled-container-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-container-opacity': "0.1";
    readonly 'disabled-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-label-opacity': "0.38";
    readonly 'disabled-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
    readonly 'disabled-icon-opacity': "0.38";
    readonly 'disabled-container-shadow-color': "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
    readonly 'disabled-container-elevation': "0";
};
//# sourceMappingURL=split-button.definition.d.ts.map