UNPKG

@sandlada/mdc

Version:

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

mdc.sandlada.com

sandlada/mdc

46 lines • 2.95 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
/** * MD3 Expressive Progress Indicator style tokens. * * Follows the Material 3 Expressive (MD3E) spec as implemented by Flutter * (year2024) and Jetpack Compose: * * - The track color is `secondaryContainer` (not `surfaceContainerHighest`). * - A `*track-gap` separates the active indicator from the track. * - A round stop indicator sits at the trailing edge of the linear track * (determinate only). * - All ends use round caps (`Shape.Full`), matching round stroke caps. * - The circular track is drawn only while determinate, with the same gap. * * @link https://m3.material.io/components/progress-indicator/specs */ export declare const ExpressiveProgressIndicatorDefinition: { readonly 'enabled-active-indicator-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))"; readonly 'enabled-track-color': "var(--md-sys-color-secondary-container, light-dark(#bbecc3, #295436))"; readonly 'enabled-stop-indicator-color': "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))"; readonly 'linear-track-gap': "4px"; readonly 'circular-track-gap': "4px"; readonly 'active-indicator-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'active-indicator-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'active-indicator-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'active-indicator-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; 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 'stop-indicator-shape-start-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'stop-indicator-shape-start-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'stop-indicator-shape-end-start': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'stop-indicator-shape-end-end': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'linear-track-thickness': "4px"; readonly 'linear-active-indicator-thickness': "4px"; readonly 'linear-stop-indicator-size': "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=expressive-progress-indicator.definition.d.ts.map