@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
84 lines • 7.9 kB
TypeScript
export declare const SwitchDefinition: {
readonly 'track-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'track-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'track-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'track-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'handle-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'handle-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'handle-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
readonly 'handle-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
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 'enabled-icon-color-selected': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))";
readonly 'icon-size-selected': "16px";
readonly 'enabled-icon-color-unselected': "var(--md-sys-color-surface-container-highest, light-dark(#dde4db, #303630))";
readonly 'icon-size-unselected': "16px";
readonly 'track-height': "32px";
readonly 'track-width': "52px";
readonly 'enabled-track-outline-color': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))";
readonly 'track-outline-width': "2px";
readonly 'enabled-track-color-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'enabled-track-color-unselected': "var(--md-sys-color-surface-container-highest, light-dark(#dde4db, #303630))";
readonly 'handle-height-selected': "24px";
readonly 'handle-height-unselected': "16px";
readonly 'with-icon-handle-height': "24px";
readonly 'handle-width-selected': "24px";
readonly 'handle-width-unselected': "16px";
readonly 'with-icon-handle-width': "24px";
readonly 'enabled-handle-color-selected': "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
readonly 'enabled-handle-color-unselected': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))";
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-surface-container-highest, light-dark(#dde4db, #303630))";
readonly 'disabled-icon-opacity-unselected': "0.38";
readonly 'disabled-track-opacity': "0.12";
readonly 'disabled-track-color-selected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'disabled-track-color-unselected': "var(--md-sys-color-surface-container-highest, light-dark(#dde4db, #303630))";
readonly 'disabled-track-outline-color-unselected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'disabled-handle-opacity-unselected': "0.38";
readonly 'disabled-handle-opacity-selected': "1";
readonly 'disabled-handle-color-selected': "var(--md-sys-color-surface, light-dark(#f4fbf1, #0e150f))";
readonly 'disabled-handle-color-unselected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'hovered-icon-color-selected': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))";
readonly 'hovered-icon-color-unselected': "var(--md-sys-color-surface-container-highest, light-dark(#dde4db, #303630))";
readonly 'hovered-track-color-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
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-track-color-unselected': "var(--md-sys-color-surface-container-highest, light-dark(#dde4db, #303630))";
readonly 'hovered-track-outline-color-unselected': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))";
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-handle-color-selected': "var(--md-sys-color-primary-container, light-dark(#58d584, #58d584))";
readonly 'hovered-handle-color-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
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-icon-color-selected': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))";
readonly 'focused-icon-color-unselected': "var(--md-sys-color-surface-container-highest, light-dark(#dde4db, #303630))";
readonly 'focused-track-color-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
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-track-color-unselected': "var(--md-sys-color-surface-container-highest, light-dark(#dde4db, #303630))";
readonly 'focused-track-outline-color-unselected': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))";
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-handle-color-selected': "var(--md-sys-color-primary-container, light-dark(#58d584, #58d584))";
readonly 'focused-handle-color-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'pressed-icon-color-selected': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))";
readonly 'pressed-icon-color-unselected': "var(--md-sys-color-surface-container-highest, light-dark(#dde4db, #303630))";
readonly 'pressed-track-color-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'pressed-state-layer-color-selected': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'pressed-state-layer-opacity-selected': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)";
readonly 'pressed-track-color-unselected': "var(--md-sys-color-surface-container-highest, light-dark(#dde4db, #303630))";
readonly 'pressed-track-outline-color-unselected': "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))";
readonly 'pressed-state-layer-color-unselected': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
readonly 'pressed-state-layer-opacity-unselected': "var(--md-sys-state-pressed-state-layer-opacity, 0.1)";
readonly 'pressed-handle-color-selected': "var(--md-sys-color-primary-container, light-dark(#58d584, #58d584))";
readonly 'pressed-handle-color-unselected': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
readonly 'pressed-handle-height': "28px";
readonly 'pressed-handle-width': "28px";
};
//# sourceMappingURL=switch.definition.d.ts.map