UNPKG

@spectrum-css/accordion

Version:

The Spectrum CSS accordion component

opensource.adobe.com/spectrum-css/

adobe/spectrum-css

209 lines (208 loc) • 9.76 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
{ "sourceFile": "index.css", "selectors": [ ".spectrum-Accordion", ".spectrum-Accordion--compact", ".spectrum-Accordion--compact.spectrum-Accordion--sizeL", ".spectrum-Accordion--compact.spectrum-Accordion--sizeS", ".spectrum-Accordion--compact.spectrum-Accordion--sizeXL", ".spectrum-Accordion--sizeL", ".spectrum-Accordion--sizeS", ".spectrum-Accordion--sizeXL", ".spectrum-Accordion--spacious", ".spectrum-Accordion--spacious.spectrum-Accordion--sizeL", ".spectrum-Accordion--spacious.spectrum-Accordion--sizeS", ".spectrum-Accordion--spacious.spectrum-Accordion--sizeXL", ".spectrum-Accordion-item", ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemContent", ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader", ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader + .spectrum-Accordion-itemIconContainer", ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader:focus-visible", ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader:hover", ".spectrum-Accordion-item.is-open .spectrum-Accordion-itemHeader:hover", ".spectrum-Accordion-item.is-open > .spectrum-Accordion-itemContent", ".spectrum-Accordion-item.is-open > .spectrum-Accordion-itemHeading > .spectrum-Accordion-itemIconContainer > .spectrum-Accordion-itemIndicator", ".spectrum-Accordion-item.is-open > .spectrum-Accordion-itemIconContainer > .spectrum-Accordion-itemIndicator", ".spectrum-Accordion-item:first-child", ".spectrum-Accordion-itemContent", ".spectrum-Accordion-itemHeader", ".spectrum-Accordion-itemHeader:active", ".spectrum-Accordion-itemHeader:after", ".spectrum-Accordion-itemHeader:focus", ".spectrum-Accordion-itemHeader:focus-visible", ".spectrum-Accordion-itemHeader:focus:after", ".spectrum-Accordion-itemHeader:hover", ".spectrum-Accordion-itemHeader:hover + .spectrum-Accordion-itemIconContainer", ".spectrum-Accordion-itemHeading", ".spectrum-Accordion-itemIconContainer", ".spectrum-Accordion-itemIconContainer:dir(rtl)", ".spectrum-Accordion:dir(rtl)", ".spectrum-Accordion:lang(ja)", ".spectrum-Accordion:lang(ko)", ".spectrum-Accordion:lang(zh)", "[dir=\"rtl\"] .spectrum-Accordion", "[dir=\"rtl\"] .spectrum-Accordion-itemIconContainer" ], "modifiers": [ "--mod-accordion-background-color-default", "--mod-accordion-background-color-down", "--mod-accordion-background-color-hover", "--mod-accordion-background-color-key-focus", "--mod-accordion-component-edge-to-text", "--mod-accordion-corner-radius", "--mod-accordion-disclosure-indicator-height", "--mod-accordion-disclosure-indicator-to-text-space", "--mod-accordion-divider-color", "--mod-accordion-divider-thickness", "--mod-accordion-edge-to-disclosure-indicator-space", "--mod-accordion-edge-to-text-space", "--mod-accordion-focus-indicator-color", "--mod-accordion-focus-indicator-gap", "--mod-accordion-focus-indicator-thickness", "--mod-accordion-item-content-area-bottom-to-content", "--mod-accordion-item-content-area-top-to-content", "--mod-accordion-item-content-color", "--mod-accordion-item-content-disabled-color", "--mod-accordion-item-content-font", "--mod-accordion-item-content-font-size", "--mod-accordion-item-content-font-style", "--mod-accordion-item-content-font-weight", "--mod-accordion-item-content-line-height", "--mod-accordion-item-header-bottom-to-text-space", "--mod-accordion-item-header-color-default", "--mod-accordion-item-header-color-down", "--mod-accordion-item-header-color-hover", "--mod-accordion-item-header-color-key-focus", "--mod-accordion-item-header-disabled-color", "--mod-accordion-item-header-font", "--mod-accordion-item-header-font-size", "--mod-accordion-item-header-font-style", "--mod-accordion-item-header-font-weight", "--mod-accordion-item-header-line-height", "--mod-accordion-item-header-top-to-text-space", "--mod-accordion-item-height", "--mod-accordion-item-width", "--mod-accordion-min-block-size" ], "component": [ "--spectrum-accordion-background-color-default", "--spectrum-accordion-background-color-down", "--spectrum-accordion-background-color-hover", "--spectrum-accordion-background-color-key-focus", "--spectrum-accordion-bottom-to-text-compact-extra-large", "--spectrum-accordion-bottom-to-text-compact-large", "--spectrum-accordion-bottom-to-text-compact-medium", "--spectrum-accordion-bottom-to-text-compact-small", "--spectrum-accordion-bottom-to-text-regular-extra-large", "--spectrum-accordion-bottom-to-text-regular-large", "--spectrum-accordion-bottom-to-text-regular-medium", "--spectrum-accordion-bottom-to-text-regular-small", "--spectrum-accordion-bottom-to-text-spacious-extra-large", "--spectrum-accordion-bottom-to-text-spacious-large", "--spectrum-accordion-bottom-to-text-spacious-medium", "--spectrum-accordion-bottom-to-text-spacious-small", "--spectrum-accordion-component-edge-to-text", "--spectrum-accordion-content-area-bottom-to-content", "--spectrum-accordion-content-area-top-to-content", "--spectrum-accordion-corner-radius", "--spectrum-accordion-disclosure-indicator-height", "--spectrum-accordion-disclosure-indicator-to-text", "--spectrum-accordion-disclosure-indicator-to-text-space", "--spectrum-accordion-divider-color", "--spectrum-accordion-edge-to-disclosure-indicator", "--spectrum-accordion-edge-to-disclosure-indicator-space", "--spectrum-accordion-edge-to-text", "--spectrum-accordion-edge-to-text-space", "--spectrum-accordion-focus-indicator-color", "--spectrum-accordion-focus-indicator-gap", "--spectrum-accordion-focus-indicator-thickness", "--spectrum-accordion-item-content-area-bottom-to-content", "--spectrum-accordion-item-content-area-top-to-content", "--spectrum-accordion-item-content-color", "--spectrum-accordion-item-content-disabled-color", "--spectrum-accordion-item-content-font", "--spectrum-accordion-item-content-font-size", "--spectrum-accordion-item-content-font-style", "--spectrum-accordion-item-content-font-weight", "--spectrum-accordion-item-content-line-height", "--spectrum-accordion-item-header-bottom-to-text-space", "--spectrum-accordion-item-header-color-default", "--spectrum-accordion-item-header-color-down", "--spectrum-accordion-item-header-color-hover", "--spectrum-accordion-item-header-color-key-focus", "--spectrum-accordion-item-header-disabled-color", "--spectrum-accordion-item-header-font", "--spectrum-accordion-item-header-font-size", "--spectrum-accordion-item-header-font-style", "--spectrum-accordion-item-header-font-weight", "--spectrum-accordion-item-header-line-height", "--spectrum-accordion-item-header-top-to-text-space", "--spectrum-accordion-item-height", "--spectrum-accordion-item-width", "--spectrum-accordion-min-block-size", "--spectrum-accordion-minimum-width", "--spectrum-accordion-small-top-to-text-spacious", "--spectrum-accordion-top-to-text-compact-extra-large", "--spectrum-accordion-top-to-text-compact-large", "--spectrum-accordion-top-to-text-compact-medium", "--spectrum-accordion-top-to-text-compact-small", "--spectrum-accordion-top-to-text-regular-extra-large", "--spectrum-accordion-top-to-text-regular-large", "--spectrum-accordion-top-to-text-regular-medium", "--spectrum-accordion-top-to-text-regular-small", "--spectrum-accordion-top-to-text-spacious-extra-large", "--spectrum-accordion-top-to-text-spacious-large", "--spectrum-accordion-top-to-text-spacious-medium" ], "global": [ "--spectrum-background-opacity-default", "--spectrum-background-opacity-down", "--spectrum-background-opacity-hover", "--spectrum-background-opacity-key-focus", "--spectrum-body-color", "--spectrum-body-sans-serif-font-style", "--spectrum-body-sans-serif-font-weight", "--spectrum-body-size-l", "--spectrum-body-size-m", "--spectrum-body-size-s", "--spectrum-body-size-xs", "--spectrum-bold-font-weight", "--spectrum-cjk-line-height-100", "--spectrum-component-edge-to-text-100", "--spectrum-component-edge-to-text-200", "--spectrum-component-edge-to-text-50", "--spectrum-component-edge-to-text-75", "--spectrum-component-height-100", "--spectrum-component-height-200", "--spectrum-component-height-300", "--spectrum-component-height-400", "--spectrum-component-height-75", "--spectrum-corner-radius-100", "--spectrum-default-font-style", "--spectrum-disabled-content-color", "--spectrum-divider-thickness-small", "--spectrum-focus-indicator-color", "--spectrum-focus-indicator-gap", "--spectrum-focus-indicator-thickness", "--spectrum-font-size-200", "--spectrum-font-size-300", "--spectrum-font-size-500", "--spectrum-font-size-700", "--spectrum-gray-200", "--spectrum-gray-900-rgb", "--spectrum-line-height-100", "--spectrum-logical-rotation", "--spectrum-neutral-content-color-default", "--spectrum-neutral-content-color-down", "--spectrum-neutral-content-color-hover", "--spectrum-neutral-content-color-key-focus", "--spectrum-sans-font-family-stack" ], "system-theme": [ "--system-accordion-divider-color", "--system-accordion-item-content-color", "--system-accordion-item-content-disabled-color" ], "passthroughs": [], "high-contrast": [] }