UNPKG

@spectrum-css/dialog

Version:

The Spectrum CSS dialog component

opensource.adobe.com/spectrum-css/

adobe/spectrum-css

102 lines (101 loc) • 4.46 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
{ "sourceFile": "index.css", "selectors": [ ".spectrum-Dialog", ".spectrum-Dialog .spectrum-Dialog-divider", ".spectrum-Dialog .spectrum-Dialog-grid", ".spectrum-Dialog .spectrum-Dialog-header", ".spectrum-Dialog--fullscreen", ".spectrum-Dialog--fullscreen .spectrum-Dialog-buttonGroup", ".spectrum-Dialog--fullscreen .spectrum-Dialog-content", ".spectrum-Dialog--fullscreen .spectrum-Dialog-footer", ".spectrum-Dialog--fullscreen .spectrum-Dialog-heading", ".spectrum-Dialog--fullscreen .spectrum-Dialog-heading + .spectrum-Dialog-divider", ".spectrum-Dialog--fullscreen.spectrum-Dialog .spectrum-Dialog-grid", ".spectrum-Dialog--fullscreenTakeover", ".spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-buttonGroup", ".spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-content", ".spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-footer", ".spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-heading", ".spectrum-Dialog--fullscreenTakeover.spectrum-Dialog .spectrum-Dialog-grid", ".spectrum-Dialog--noDivider .spectrum-Dialog-divider", ".spectrum-Dialog--noDivider .spectrum-Dialog-heading", ".spectrum-Dialog--sizeL", ".spectrum-Dialog--sizeS", ".spectrum-Dialog-buttonGroup", ".spectrum-Dialog-buttonGroup.spectrum-Dialog-buttonGroup--noFooter", ".spectrum-Dialog-closeButton", ".spectrum-Dialog-content", ".spectrum-Dialog-footer", ".spectrum-Dialog-footer > *", ".spectrum-Dialog-footer > .spectrum-Button + .spectrum-Button", ".spectrum-Dialog-header", ".spectrum-Dialog-heading", ".spectrum-Dialog-heading.spectrum-Dialog-heading--noHeader", ".spectrum-Dialog-hero", ".spectrum-Dialog.spectrum-Dialog--dismissable .spectrum-Dialog-grid", ".spectrum-Dialog.spectrum-Dialog--dismissable .spectrum-Dialog-grid .spectrum-Dialog-buttonGroup", ".spectrum-Dialog.spectrum-Dialog--dismissable .spectrum-Dialog-grid .spectrum-Dialog-footer" ], "modifiers": [ "--mod-dialog-confirm-border-radius", "--mod-dialog-confirm-buttongroup-padding-top", "--mod-dialog-confirm-close-button-padding", "--mod-dialog-confirm-close-button-size", "--mod-dialog-confirm-description-font-weight", "--mod-dialog-confirm-description-margin", "--mod-dialog-confirm-description-padding", "--mod-dialog-confirm-description-text-color", "--mod-dialog-confirm-description-text-line-height", "--mod-dialog-confirm-description-text-size", "--mod-dialog-confirm-divider-block-spacing-end", "--mod-dialog-confirm-divider-block-spacing-start", "--mod-dialog-confirm-divider-height", "--mod-dialog-confirm-footer-padding-top", "--mod-dialog-confirm-gap-size", "--mod-dialog-confirm-hero-height", "--mod-dialog-confirm-large-width", "--mod-dialog-confirm-medium-width", "--mod-dialog-confirm-padding-grid", "--mod-dialog-confirm-small-width", "--mod-dialog-confirm-title-text-color", "--mod-dialog-confirm-title-text-line-height", "--mod-dialog-confirm-title-text-size", "--mod-dialog-fullscreen-header-text-size", "--mod-dialog-heading-font-weight", "--mod-dialog-min-inline-size", "--mod-dialog-width" ], "component": [ "--spectrum-dialog-confirm-border-radius", "--spectrum-dialog-confirm-buttongroup-padding-top", "--spectrum-dialog-confirm-close-button-padding", "--spectrum-dialog-confirm-close-button-size", "--spectrum-dialog-confirm-description-padding", "--spectrum-dialog-confirm-description-text-color", "--spectrum-dialog-confirm-description-text-size", "--spectrum-dialog-confirm-divider-block-spacing-end", "--spectrum-dialog-confirm-divider-block-spacing-start", "--spectrum-dialog-confirm-gap-size", "--spectrum-dialog-confirm-hero-height", "--spectrum-dialog-confirm-padding-grid", "--spectrum-dialog-confirm-title-text-size" ], "global": [ "--spectrum-component-bottom-to-text-300", "--spectrum-component-height-100", "--spectrum-component-pill-edge-to-text-100", "--spectrum-gray-800", "--spectrum-gray-900", "--spectrum-heading-sans-serif-font-weight", "--spectrum-line-height-100", "--spectrum-regular-font-weight", "--spectrum-spacing-200", "--spectrum-spacing-300", "--spectrum-spacing-50", "--spectrum-spacing-600" ], "system-theme": [], "passthroughs": [], "high-contrast": [] }