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

80 lines • 7.98 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
export declare const MDCDockedToolbarStyleDefinition: { readonly 'container-height': "64px"; readonly 'container-padding-inline-leading-space': "16px"; readonly 'container-padding-inline-trailing-space': "16px"; readonly 'container-padding-block-leading-space': "12px"; readonly 'container-padding-block-trailing-space': "12px"; readonly 'max-space-between-actions': "32px"; readonly 'min-space-between-actions': "4px"; }; export declare const MDCStandardDockedToolbarStyleDefinition: { readonly 'enabled-standard-container-color': "var(--md-sys-color-surface-container, light-dark(#e9f0e6, #1b211b))"; readonly 'enabled-standard-button-container-color': "var(--md-sys-color-surface-container, light-dark(#e9f0e6, #1b211b))"; readonly 'enabled-standard-selected-button-container-color': "var(--md-sys-color-secondary-container, light-dark(#bbecc3, #295436))"; readonly 'enabled-standard-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'enabled-standard-selected-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'enabled-standard-label-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'enabled-standard-selected-label-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'enabled-standard-container-shape': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'disabled-standard-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-standard-icon-opacity': "0.38"; readonly 'disabled-standard-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-standard-label-opacity': "0.38"; readonly 'hovered-standard-state-layer-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'hovered-standard-selected-state-layer-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'hovered-standard-state-layer-opacity': "0.08"; readonly 'hovered-standard-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'hovered-standard-selected-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'hovered-standard-label-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'hovered-standard-selected-label-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'focused-standard-state-layer-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'focused-standard-selected-state-layer-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'focused-standard-state-layer-opacity': "0.1"; readonly 'focused-standard-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'focused-standard-selected-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'focused-standard-label-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'focused-standard-selected-label-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'pressed-standard-state-layer-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'pressed-standard-selected-state-layer-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'pressed-standard-state-layer-opacity': "0.1"; readonly 'pressed-standard-icon-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'pressed-standard-selected-icon-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; readonly 'pressed-standard-label-color': "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))"; readonly 'pressed-standard-selected-label-color': "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))"; }; export declare const MDCVibrantDockedToolbarStyleDefinition: { readonly 'enabled-vibrant-container-color': "var(--md-sys-color-primary-container, light-dark(#58d584, #58d584))"; readonly 'enabled-vibrant-button-container-color': "var(--md-sys-color-primary-container, light-dark(#58d584, #58d584))"; readonly 'enabled-vibrant-selected-button-container-color': "var(--md-sys-color-surface-container, light-dark(#e9f0e6, #1b211b))"; readonly 'enabled-vibrant-icon-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'enabled-vibrant-selected-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'enabled-vibrant-label-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'enabled-vibrant-selected-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'enabled-vibrant-container-shape': "var(--md-sys-shape-corner-full, calc(infinity * 1px))"; readonly 'disabled-vibrant-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-vibrant-icon-opacity': "0.38"; readonly 'disabled-vibrant-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'disabled-vibrant-label-opacity': "0.38"; readonly 'hovered-vibrant-state-layer-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'hovered-vibrant-selected-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'hovered-vibrant-state-layer-opacity': "0.08"; readonly 'hovered-vibrant-icon-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'hovered-vibrant-selected-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'hovered-vibrant-label-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'hovered-vibrant-selected-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'focused-vibrant-state-layer-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'focused-vibrant-selected-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'focused-vibrant-state-layer-opacity': "0.1"; readonly 'focused-vibrant-icon-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'focused-vibrant-selected-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'focused-vibrant-label-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'focused-vibrant-selected-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'pressed-vibrant-state-layer-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'pressed-vibrant-selected-state-layer-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'pressed-vibrant-state-layer-opacity': "0.1"; readonly 'pressed-vibrant-icon-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'pressed-vibrant-selected-icon-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; readonly 'pressed-vibrant-label-color': "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))"; readonly 'pressed-vibrant-selected-label-color': "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))"; }; //# sourceMappingURL=toolbar.definition.d.ts.map