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

74 lines • 5.32 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
export declare const BasicDialogDefinition: { readonly 'container-color': "var(--md-sys-color-surface-container-high, var(--md-sys-palette-neutral-92, #ece6f0))"; readonly 'container-elevation': "var(--md-sys-elevation-level-3, 6)"; readonly 'action-label-font': "Roboto"; readonly 'action-label-line-height': "20px"; readonly 'action-label-size': "14px"; readonly 'action-label-weight': "500"; readonly 'action-label-tracking': "0.1px"; readonly 'action-label-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'icon-size': "24px"; readonly 'icon-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))"; readonly 'headline-label-font': "Roboto"; readonly 'headline-label-line-height': "32px"; readonly 'headline-label-size': "24px"; readonly 'headline-label-weight': "400"; readonly 'headline-label-tracking': "0px"; readonly 'headline-label-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly 'supporting-text-label-font': "Roboto"; readonly 'supporting-text-label-line-height': "20px"; readonly 'supporting-text-label-size': "14px"; readonly 'supporting-text-label-weight': "400"; readonly 'supporting-text-label-tracking': "0.25px"; readonly 'supporting-text-label-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))"; readonly 'hovered-action-label-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'hovered-action-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'hovered-action-state-layer-opacity': "0.08"; readonly 'focused-action-label-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'focused-action-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'focused-action-state-layer-opacity': "0.12"; readonly 'pressed-action-label-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'pressed-action-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'pressed-action-state-layer-opacity': "0.12"; readonly "container-shape-start-start": string; readonly "container-shape-start-end": string; readonly "container-shape-end-end": string; readonly "container-shape-end-start": string; }; export declare const FullscreenDialogDefinition: { readonly 'on-scroll-container-color': "var(--md-sys-color-surface-container, var(--md-sys-palette-neutral-94, #f3edf7))"; readonly 'container-color': "var(--md-sys-color-surface-container-high, var(--md-sys-palette-neutral-92, #ece6f0))"; readonly 'container-elevation': "var(--md-sys-elevation-level-0, 0)"; readonly 'header-container-height': "56px"; readonly 'header-container-color': "var(--md-sys-color-surface, var(--md-sys-palette-neutral-98, #fef7ff))"; readonly 'header-container-elevation': "var(--md-sys-elevation-level-0, 0)"; readonly 'header-on-scroll-container-elevation': "var(--md-sys-elevation-level-2, 3)"; readonly 'action-label-font': "Roboto"; readonly 'action-label-line-height': "20px"; readonly 'action-label-size': "14px"; readonly 'action-label-weight': "500"; readonly 'action-label-tracking': "0.1px"; readonly 'action-label-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'header-icon-size': "24px"; readonly 'header-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly 'headline-label-font': "Roboto"; readonly 'headline-label-line-height': "28px"; readonly 'headline-label-size': "22px"; readonly 'headline-label-weight': "400"; readonly 'headline-label-tracking': "0px"; readonly 'headline-label-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))"; readonly 'hovered-header-action-label-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'hovered-header-action-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'hovered-header-action-state-layer-opacity': "0.08"; readonly 'focused-header-action-label-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'focused-header-action-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'focused-header-action-state-layer-opacity': "0.12"; readonly 'pressed-header-action-label-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'pressed-header-action-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))"; readonly 'pressed-header-action-state-layer-opacity': "0.12"; readonly "container-shape-start-start": string; readonly "container-shape-start-end": string; readonly "container-shape-end-end": string; readonly "container-shape-end-start": string; }; //# sourceMappingURL=dialog.definition.d.ts.map