@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
78 lines • 7.21 kB
TypeScript
export declare const CheckboxDefinition: {
readonly 'container-shape-start-start': "2px";
readonly 'container-shape-start-end': "2px";
readonly 'container-shape-end-start': "2px";
readonly 'container-shape-end-end': "2px";
readonly 'state-layer-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'state-layer-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'state-layer-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'state-layer-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'focus-ring-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'focus-ring-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'focus-ring-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'focus-ring-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'enabled-container-size': "18px";
readonly 'enabled-outline-color-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'enabled-outline-width-unselected': "2px";
readonly 'enabled-container-color-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'enabled-outline-width-selected': "0px";
readonly 'enabled-error-outline-color-unselected': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
readonly 'enabled-error-container-color-selected': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
readonly 'enabled-icon-size': "18px";
readonly 'enabled-icon-color-selected': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
readonly 'enabled-error-icon-color-selected': "var(--md-sys-color-on-error, light-dark(#ffffff, #690005))";
readonly 'state-layer-size': "40px";
readonly 'disabled-outline-color-unselected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'disabled-outline-width-unselected': "2px";
readonly 'disabled-container-opacity-unselected': "0.38";
readonly 'disabled-container-color-selected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'disabled-container-opacity-selected': "0.38";
readonly 'disabled-outline-width-selected': "0";
readonly 'disabled-icon-color-selected': "var(--md-sys-color-surface, light-dark(#f4fbf1, #0e150f))";
readonly 'hovered-outline-color-unselected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'hovered-outline-width-unselected': "2px";
readonly 'hovered-container-color-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'hovered-outline-width-selected': "0px";
readonly 'hovered-error-outline-color-unselected': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
readonly 'hovered-error-container-color-selected': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
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 'hovered-error-state-layer-color': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
readonly 'hovered-error-state-layer-opacity': "var(--md-sys-state-hovered-state-layer-opacity, 0.08)";
readonly 'hovered-icon-color-selected': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
readonly 'hovered-error-icon-color-selected': "var(--md-sys-color-on-error, light-dark(#ffffff, #690005))";
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 'focused-outline-color-unselected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'focused-outline-width-unselected': "2px";
readonly 'focused-container-color-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'focused-outline-width-selected': "0px";
readonly 'focused-error-outline-color-unselected': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
readonly 'focused-error-outline-color-selected': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
readonly 'focused-error-state-layer-opacity': "var(--md-sys-state-focused-state-layer-opacity, 0.1)";
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 'focused-error-state-layer-color': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
readonly 'focused-icon-color-selected': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
readonly 'focused-error-icon-color-selected': "var(--md-sys-color-on-error, light-dark(#ffffff, #690005))";
readonly 'pressed-outline-color-unselected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'pressed-outline-width-unselected': "2px";
readonly 'pressed-container-color-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'pressed-outline-width-selected': "0px";
readonly 'pressed-error-outline-color-unselected': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
readonly 'pressed-error-container-color-unselected': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
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)";
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-error-state-layer-color': "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
readonly 'pressed-error-state-layer-opacity': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)";
readonly 'pressed-icon-color-selected': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
readonly 'pressed-error-icon-color-selected': "var(--md-sys-color-on-error, light-dark(#ffffff, #690005))";
};
//# sourceMappingURL=checkbox.definition.d.ts.map