UNPKG

@spectrum-css/search

Version:

The Spectrum CSS search component

opensource.adobe.com/spectrum-css/

adobe/spectrum-css

204 lines (203 loc) • 8.05 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
{ "sourceFile": "index.css", "selectors": [ ".spectrum-Search", ".spectrum-Search .spectrum-HelpText", ".spectrum-Search .spectrum-Search-clearButton .spectrum-ClearButton-fill", ".spectrum-Search .spectrum-Search-textfield", ".spectrum-Search .spectrum-Search-textfield .spectrum-Search-input", ".spectrum-Search--quiet", ".spectrum-Search--quiet .spectrum-Search-input", ".spectrum-Search--sizeL", ".spectrum-Search--sizeS", ".spectrum-Search--sizeXL", ".spectrum-Search-clearButton", ".spectrum-Search-clearButton .spectrum-ClearButton-fill", ".spectrum-Search-icon", ".spectrum-Search-input", ".spectrum-Search-input::-webkit-search-cancel-button", ".spectrum-Search-input::-webkit-search-decoration", ".spectrum-Search-textfield", ".spectrum-Search-textfield.is-disabled .spectrum-Search-icon", ".spectrum-Search-textfield.is-disabled:hover .spectrum-Search-icon", ".spectrum-Search-textfield.is-focused .spectrum-Search-icon", ".spectrum-Search-textfield.is-focused:hover .spectrum-Search-icon", ".spectrum-Search-textfield.is-keyboardFocused .spectrum-Search-icon", ".spectrum-Search-textfield:hover .spectrum-Search-icon", ".spectrum-Search.is-disabled .spectrum-Search-clearButton", ".spectrum-Search.spectrum-Search--sizeL", ".spectrum-Search.spectrum-Search--sizeM", ".spectrum-Search.spectrum-Search--sizeS", ".spectrum-Search.spectrum-Search--sizeXL", ".spectrum-Search:not(.spectrum-Search--quiet) .spectrum-Search-icon", ".spectrum-Search:not(.spectrum-Search--quiet) .spectrum-Search-input" ], "modifiers": [ "--mod-search-background-color", "--mod-search-background-color-disabled", "--mod-search-block-size", "--mod-search-border-color-default", "--mod-search-border-color-disabled", "--mod-search-border-color-focus", "--mod-search-border-color-focus-hover", "--mod-search-border-color-hover", "--mod-search-border-color-key-focus", "--mod-search-border-radius", "--mod-search-border-width", "--mod-search-bottom-to-text", "--mod-search-button-inline-size", "--mod-search-color-default", "--mod-search-color-disabled", "--mod-search-color-focus", "--mod-search-color-focus-hover", "--mod-search-color-hover", "--mod-search-color-key-focus", "--mod-search-edge-to-visual", "--mod-search-focus-indicator-color", "--mod-search-focus-indicator-gap", "--mod-search-focus-indicator-thickness", "--mod-search-font-family", "--mod-search-font-style", "--mod-search-font-weight", "--mod-search-icon-size", "--mod-search-inline-size", "--mod-search-line-height", "--mod-search-min-inline-size", "--mod-search-text-to-icon", "--mod-search-to-help-text", "--mod-search-top-to-text" ], "component": [ "--spectrum-search-background-color", "--spectrum-search-background-color-disabled", "--spectrum-search-block-size", "--spectrum-search-border-color-default", "--spectrum-search-border-color-disabled", "--spectrum-search-border-color-focus", "--spectrum-search-border-color-focus-hover", "--spectrum-search-border-color-hover", "--spectrum-search-border-color-key-focus", "--spectrum-search-border-radius", "--spectrum-search-border-width", "--spectrum-search-bottom-to-text", "--spectrum-search-button-inline-size", "--spectrum-search-color", "--spectrum-search-color-default", "--spectrum-search-color-disabled", "--spectrum-search-color-focus", "--spectrum-search-color-focus-hover", "--spectrum-search-color-hover", "--spectrum-search-color-key-focus", "--spectrum-search-edge-to-visual", "--spectrum-search-field-minimum-width-multiplier", "--spectrum-search-focus-indicator-color", "--spectrum-search-focus-indicator-gap", "--spectrum-search-focus-indicator-thickness", "--spectrum-search-font-family", "--spectrum-search-font-style", "--spectrum-search-font-weight", "--spectrum-search-icon-size", "--spectrum-search-inline-size", "--spectrum-search-line-height", "--spectrum-search-min-inline-size", "--spectrum-search-text-to-icon", "--spectrum-search-to-help-text", "--spectrum-search-top-to-text" ], "global": [ "--spectrum-border-width-100", "--spectrum-component-bottom-to-text-100", "--spectrum-component-edge-to-visual-100", "--spectrum-component-edge-to-visual-200", "--spectrum-component-edge-to-visual-300", "--spectrum-component-edge-to-visual-75", "--spectrum-component-height-100", "--spectrum-component-height-200", "--spectrum-component-height-300", "--spectrum-component-height-75", "--spectrum-component-top-to-text-100", "--spectrum-corner-radius-100", "--spectrum-default-font-style", "--spectrum-disabled-border-color", "--spectrum-disabled-content-color", "--spectrum-field-edge-to-visual-quiet", "--spectrum-field-width", "--spectrum-focus-indicator-color", "--spectrum-focus-indicator-gap", "--spectrum-focus-indicator-thickness", "--spectrum-gray-25", "--spectrum-gray-300", "--spectrum-gray-500", "--spectrum-gray-600", "--spectrum-gray-800", "--spectrum-gray-900", "--spectrum-help-text-to-component", "--spectrum-line-height-100", "--spectrum-neutral-content-color-default", "--spectrum-neutral-content-color-focus", "--spectrum-neutral-content-color-focus-hover", "--spectrum-neutral-content-color-hover", "--spectrum-neutral-content-color-key-focus", "--spectrum-regular-font-weight", "--spectrum-sans-font-family-stack", "--spectrum-text-to-visual-100", "--spectrum-text-to-visual-200", "--spectrum-text-to-visual-300", "--spectrum-text-to-visual-75", "--spectrum-workflow-icon-size-100", "--spectrum-workflow-icon-size-200", "--spectrum-workflow-icon-size-300", "--spectrum-workflow-icon-size-75" ], "system-theme": [ "--system-search-background-color", "--system-search-background-color-disabled", "--system-search-border-color-default", "--system-search-border-color-disabled", "--system-search-border-color-focus", "--system-search-border-color-focus-hover", "--system-search-border-color-hover", "--system-search-border-color-key-focus", "--system-search-border-radius", "--system-search-edge-to-visual", "--system-search-quiet-background-color-disabled", "--system-search-quiet-border-color-disabled", "--system-search-size-l-border-radius", "--system-search-size-l-edge-to-visual", "--system-search-size-m-border-radius", "--system-search-size-m-edge-to-visual", "--system-search-size-s-border-radius", "--system-search-size-s-edge-to-visual", "--system-search-size-xl-border-radius", "--system-search-size-xl-edge-to-visual" ], "passthroughs": [ "--mod-textfield-background-color", "--mod-textfield-background-color-disabled", "--mod-textfield-border-color", "--mod-textfield-border-color-disabled", "--mod-textfield-border-color-focus", "--mod-textfield-border-color-focus-hover", "--mod-textfield-border-color-hover", "--mod-textfield-border-color-keyboard-focus", "--mod-textfield-border-width", "--mod-textfield-corner-radius", "--mod-textfield-focus-indicator-color", "--mod-textfield-focus-indicator-gap", "--mod-textfield-focus-indicator-width", "--mod-textfield-font-family", "--mod-textfield-font-weight", "--mod-textfield-text-color-default", "--mod-textfield-text-color-disabled", "--mod-textfield-text-color-focus", "--mod-textfield-text-color-focus-hover", "--mod-textfield-text-color-hover", "--mod-textfield-text-color-keyboard-focus" ], "high-contrast": [ "--highcontrast-search-color-default", "--highcontrast-search-color-disabled", "--highcontrast-search-color-focus", "--highcontrast-search-color-hover" ] }