@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
37 lines • 1.99 kB
TypeScript
/**
* MD3 Progress Indicator style tokens.
*
* Covers both linear and circular variants via a single definition.
* The `variant` attribute selects `linear` (default) or `circular`.
*
* Linear anatomy: track, active indicator (determinate) / two animated bars
* (indeterminate). Circular anatomy: SVG circle (determinate) / div-spinner
* (indeterminate), four sizes: extra-small (32dp), small (48dp),
* medium (64dp), large (88dp).
*
* The active indicator is clipped by the host's `track-shape` radius rather
* than carrying its own shape tokens — matching @material/web, which scales
* the active bar with `transform: scaleX()` and lets the host's
* `border-radius` round the ends.
*
* @link https://m3.material.io/components/progress-indicator/specs
*/
export declare const ProgressIndicatorDefinition: {
readonly 'enabled-active-indicator-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
readonly 'enabled-track-color': "var(--md-sys-color-surface-container-highest, light-dark(#dde4db, #303630))";
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 'linear-track-thickness': "4px";
readonly 'linear-active-indicator-thickness': "4px";
readonly 'circular-extra-small-size': "32px";
readonly 'circular-extra-small-stroke-width': "4px";
readonly 'circular-small-size': "48px";
readonly 'circular-small-stroke-width': "4px";
readonly 'circular-medium-size': "64px";
readonly 'circular-medium-stroke-width': "4px";
readonly 'circular-large-size': "88px";
readonly 'circular-large-stroke-width': "6px";
};
//# sourceMappingURL=progress-indicator.definition.d.ts.map