@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
29 lines • 2.73 kB
TypeScript
export declare const RadioButtonDefinition: {
readonly 'enabled-icon-color-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'enabled-icon-color-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'icon-size': "20px";
readonly 'state-layer-size': "40px";
readonly 'disabled-icon-color-selected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'disabled-icon-opacity-selected': "0.38";
readonly 'disabled-icon-color-unselected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'disabled-icon-opacity-unselected': "0.38";
readonly 'hovered-icon-color-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'hovered-icon-color-unselected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'hovered-state-layer-color-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'hovered-state-layer-opacity-selected': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)";
readonly 'hovered-state-layer-color-unselected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'hovered-state-layer-opacity-unselected': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)";
readonly 'focused-icon-color-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'focused-icon-color-unselected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'focused-state-layer-color-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'focused-state-layer-opacity-selected': "var(--md-sys-state-focused-state-layer-opacity, 0.1)";
readonly 'focused-state-layer-color-unselected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'focused-state-layer-opacity-unselected': "var(--md-sys-state-focused-state-layer-opacity, 0.1)";
readonly 'pressed-icon-color-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'pressed-icon-color-unselected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'pressed-state-layer-color-selected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'pressed-state-layer-opacity-selected': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)";
readonly 'pressed-state-layer-color-unselected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'pressed-state-layer-opacity-unselected': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)";
};
//# sourceMappingURL=radio-button.definition.d.ts.map