@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
74 lines • 6.45 kB
TypeScript
export declare const CheckboxDefinition: {
readonly 'container-size': "18px";
readonly 'unselected-outline-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly 'unselected-outline-width': "2px";
readonly 'selected-container-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'selected-outline-width': "0px";
readonly 'unselected-error-outline-color': "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))";
readonly 'selected-error-container-color': "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))";
readonly 'icon-size': "18px";
readonly 'selected-icon-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'selected-error-icon-color': "var(--md-sys-color-on-error, var(--md-sys-palette-error-100, #fff))";
readonly 'state-layer-size': "40px";
readonly 'disabled-unselected-outline-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'disabled-unselected-outline-width': "2px";
readonly 'disabled-unselected-container-opacity': "0.38";
readonly 'disabled-selected-container-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'disabled-selected-container-opacity': "0.38";
readonly 'disabled-selected-outline-width': "0";
readonly 'disabled-selected-icon-color': "var(--md-sys-color-surface, var(--md-sys-palette-neutral-98, #fef7ff))";
readonly 'hovered-unselected-outline-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'hovered-unselected-outline-width': "2px";
readonly 'hovered-selected-container-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'hovered-selected-outline-width': "0px";
readonly 'hovered-unselected-error-outline-color': "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))";
readonly 'hovered-selected-error-container-color': "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))";
readonly 'hovered-selected-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'hovered-selected-state-layer-opacity': "0.08";
readonly 'hovered-unselected-state-layer-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'hovered-unselected-state-layer-opacity': "0.08";
readonly 'hovered-error-state-layer-color': "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))";
readonly 'hovered-error-state-layer-opacity': "0.08";
readonly 'hovered-selected-icon-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'hovered-selected-error-icon-color': "var(--md-sys-color-on-error, var(--md-sys-palette-error-100, #fff))";
readonly 'focused-indicator-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
readonly 'focused-indicator-thickness': "3px";
readonly 'focused-indicator-offset': "2px";
readonly 'focused-unselected-outline-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'focused-unselected-outline-width': "2px";
readonly 'focused-selected-container-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'focused-selected-outline-width': "0px";
readonly 'focused-unselected-error-outline-color': "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))";
readonly 'focused-selected-error-outline-color': "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))";
readonly 'focused-error-state-layer-opacity': "0.12";
readonly 'focused-selected-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'focused-selected-state-layer-opacity': "0.12";
readonly 'focused-unselected-state-layer-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'focused-unselected-state-layer-opacity': "0.12";
readonly 'focused-error-state-layer-color': "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))";
readonly 'focused-selected-icon-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'focused-selected-error-icon-color': "var(--md-sys-color-on-error, var(--md-sys-palette-error-100, #fff))";
readonly 'pressed-unselected-outline-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'pressed-unselected-outline-width': "2px";
readonly 'pressed-selected-container-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'pressed-selected-outline-width': "0px";
readonly 'pressed-unselected-error-outline-color': "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))";
readonly 'pressed-unselected-error-container-color': "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))";
readonly 'pressed-unselected-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly 'pressed-unselected-state-layer-opacity': "0.12";
readonly 'pressed-selected-state-layer-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly 'pressed-selected-state-layer-opacity': "0.12";
readonly 'pressed-error-state-layer-color': "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))";
readonly 'pressed-error-state-layer-opacity': "0.12";
readonly 'pressed-selected-icon-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly 'pressed-selected-error-icon-color': "var(--md-sys-color-on-error, var(--md-sys-palette-error-100, #fff))";
readonly "container-shape-start-start": string;
readonly "container-shape-start-end": string;
readonly "container-shape-end-end": string;
readonly "container-shape-end-start": string;
readonly "state-layer-shape-start-start": string;
readonly "state-layer-shape-start-end": string;
readonly "state-layer-shape-end-end": string;
readonly "state-layer-shape-end-start": string;
};
//# sourceMappingURL=checkbox.definition.d.ts.map