@spectrum-web-components/styles 0.12.1 → 0.12.2-express.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/express/core-global.css +3034 -0
  2. package/express/scale-large.css +18 -0
  3. package/express/scale-medium.css +18 -0
  4. package/express/spectrum-scale-large.css +6386 -0
  5. package/express/spectrum-scale-medium.css +6440 -0
  6. package/express/theme-dark.css +302 -0
  7. package/express/theme-light.css +297 -0
  8. package/package.json +3 -2
  9. package/test/styles.test-vrt.js +15 -0
  10. package/test/styles.test-vrt.js.map +1 -0
  11. package/typography.css +2 -1
package/express/theme-dark.css ADDED
@@ -0,0 +1,302 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+
13
+ /* stylelint-disable */
14
+ :host,
15
+ :root {
16
+ --spectrum-global-color-status: Verified;
17
+ --spectrum-global-color-version: 5.1.0;
18
+ --spectrum-global-color-gray-50: #000;
19
+ --spectrum-global-color-gray-75: #0f0f0f;
20
+ --spectrum-global-color-gray-100: #1d1d1d;
21
+ --spectrum-global-color-gray-200: #2e2e2e;
22
+ --spectrum-global-color-gray-300: #444;
23
+ --spectrum-global-color-gray-400: #616161;
24
+ --spectrum-global-color-gray-500: #878787;
25
+ --spectrum-global-color-gray-600: #afafaf;
26
+ --spectrum-global-color-gray-700: #d2d2d2;
27
+ --spectrum-global-color-gray-800: #ebebeb;
28
+ --spectrum-global-color-gray-900: #fff;
29
+ --spectrum-global-color-green-400: #008d5d;
30
+ --spectrum-global-color-green-500: #0a9d6a;
31
+ --spectrum-global-color-green-600: #27ae79;
32
+ --spectrum-global-color-blue-400: #1277f3;
33
+ --spectrum-global-color-blue-500: #2d8af5;
34
+ --spectrum-global-color-blue-600: #4a9cf5;
35
+ --spectrum-global-color-red-400: #e83326;
36
+ --spectrum-global-color-red-500: #f44f3c;
37
+ --spectrum-global-color-red-600: #fd6a54;
38
+ --spectrum-global-color-seafoam-400: #0099a1;
39
+ --spectrum-global-color-seafoam-500: #00aab0;
40
+ --spectrum-global-color-seafoam-600: #2abbbf;
41
+ --spectrum-global-color-seafoam-700: #4bccce;
42
+ --spectrum-global-color-indigo-400: #777cfa;
43
+ --spectrum-global-color-indigo-500: #8a8eff;
44
+ --spectrum-global-color-indigo-600: #9da0ff;
45
+ --spectrum-global-color-indigo-700: #b1b4ff;
46
+ --spectrum-global-color-purple-400: #a968f9;
47
+ --spectrum-global-color-purple-500: #b67efc;
48
+ --spectrum-global-color-purple-600: #c393fd;
49
+ --spectrum-global-color-purple-700: #d0a9fe;
50
+ --spectrum-global-color-fuchsia-400: #db4add;
51
+ --spectrum-global-color-fuchsia-500: #e862e9;
52
+ --spectrum-global-color-fuchsia-600: #f17df0;
53
+ --spectrum-global-color-fuchsia-700: #f898f5;
54
+ --spectrum-global-color-magenta-400: #ea4f91;
55
+ --spectrum-global-color-magenta-500: #f567a1;
56
+ --spectrum-global-color-magenta-600: #fe80b1;
57
+ --spectrum-global-color-magenta-700: #ff9cc1;
58
+ --spectrum-global-color-orange-400: #ee7903;
59
+ --spectrum-global-color-orange-500: #fc8c1c;
60
+ --spectrum-global-color-orange-600: #ffa640;
61
+ --spectrum-global-color-orange-700: #ffc06c;
62
+ --spectrum-global-color-yellow-400: #caa500;
63
+ --spectrum-global-color-yellow-500: #dbb700;
64
+ --spectrum-global-color-yellow-600: #ecca00;
65
+ --spectrum-global-color-yellow-700: #fbdf17;
66
+ --spectrum-global-color-chartreuse-400: #76bb26;
67
+ --spectrum-global-color-chartreuse-500: #8acc39;
68
+ --spectrum-global-color-chartreuse-600: #a1dd53;
69
+ --spectrum-global-color-chartreuse-700: #beed78;
70
+ --spectrum-global-color-celery-400: #15b12b;
71
+ --spectrum-global-color-celery-500: #32c23e;
72
+ --spectrum-global-color-celery-600: #55d356;
73
+ --spectrum-global-color-celery-700: #79e36f;
74
+ --spectrum-global-color-opacity-100: 1;
75
+ --spectrum-global-color-opacity-90: 0.9;
76
+ --spectrum-global-color-opacity-80: 0.8;
77
+ --spectrum-global-color-opacity-70: 0.7;
78
+ --spectrum-global-color-opacity-60: 0.6;
79
+ --spectrum-global-color-opacity-55: 0.55;
80
+ --spectrum-global-color-opacity-50: 0.5;
81
+ --spectrum-global-color-opacity-42: 0.42;
82
+ --spectrum-global-color-opacity-40: 0.4;
83
+ --spectrum-global-color-opacity-30: 0.3;
84
+ --spectrum-global-color-opacity-25: 0.25;
85
+ --spectrum-global-color-opacity-20: 0.2;
86
+ --spectrum-global-color-opacity-15: 0.15;
87
+ --spectrum-global-color-opacity-10: 0.1;
88
+ --spectrum-global-color-opacity-8: 0.08;
89
+ --spectrum-global-color-opacity-7: 0.07;
90
+ --spectrum-global-color-opacity-6: 0.06;
91
+ --spectrum-global-color-opacity-5: 0.05;
92
+ --spectrum-global-color-opacity-4: 0.04;
93
+ --spectrum-global-color-opacity-0: 0;
94
+ --spectrum-global-color-red-700: #ff7b82;
95
+ --spectrum-global-color-green-700: #3fc89c;
96
+ --spectrum-global-color-blue-700: #5aa9fa;
97
+ --spectrum-alias-avatar-border-color-default: hsla(0, 0%, 100%, 0.1);
98
+ --spectrum-alias-avatar-border-color-hover: hsla(0, 0%, 100%, 0.25);
99
+ --spectrum-alias-avatar-border-color-down: hsla(0, 0%, 100%, 0.4);
100
+ --spectrum-alias-avatar-border-color-key-focus: hsla(0, 0%, 100%, 0.25);
101
+ --spectrum-alias-avatar-border-color-selected-disabled: hsla(
102
+ 0,
103
+ 0%,
104
+ 100%,
105
+ 0.1
106
+ );
107
+ --spectrum-alias-border-color-selected: hsla(0, 0%, 100%, 0.9);
108
+ --spectrum-alias-background-color-primary: var(
109
+ --spectrum-global-color-gray-100
110
+ );
111
+ --spectrum-alias-background-color-secondary: var(
112
+ --spectrum-global-color-gray-75
113
+ );
114
+ --spectrum-alias-background-color-tertiary: var(
115
+ --spectrum-global-color-gray-50
116
+ );
117
+ --spectrum-alias-background-color-modal-overlay: rgba(0, 0, 0, 0.5);
118
+ --spectrum-alias-dropshadow-color: rgba(0, 0, 0, 0.5);
119
+ --spectrum-alias-background-color-hover-overlay: hsla(0, 0%, 100%, 0.06);
120
+ --spectrum-alias-highlight-hover: hsla(0, 0%, 100%, 0.07);
121
+ --spectrum-alias-highlight-down: hsla(0, 0%, 100%, 0.1);
122
+ --spectrum-alias-highlight-selected: rgba(45, 138, 245, 0.15);
123
+ --spectrum-alias-highlight-selected-hover: rgba(45, 138, 245, 0.25);
124
+ --spectrum-alias-text-highlight-color: rgba(45, 138, 245, 0.25);
125
+ --spectrum-alias-background-color-quickactions: rgba(29, 29, 29, 0.9);
126
+ --spectrum-alias-border-color-translucent: hsla(0, 0%, 100%, 0.1);
127
+ --spectrum-alias-radial-reaction-color-default: hsla(0, 0%, 92%, 0.6);
128
+ --spectrum-alias-pasteboard-background-color: var(
129
+ --spectrum-global-color-gray-50
130
+ );
131
+ --spectrum-alias-appframe-border-color: var(
132
+ --spectrum-global-color-gray-50
133
+ );
134
+ --spectrum-alias-appframe-separator-color: var(
135
+ --spectrum-global-color-gray-50
136
+ );
137
+ --spectrum-scrollbar-mac-s-track-background-color: var(
138
+ --spectrum-global-color-gray-100
139
+ );
140
+ --spectrum-scrollbar-mac-m-track-background-color: var(
141
+ --spectrum-global-color-gray-100
142
+ );
143
+ --spectrum-scrollbar-mac-l-track-background-color: var(
144
+ --spectrum-global-color-gray-100
145
+ );
146
+ --spectrum-slider-s-tick-editable-radial-reaction-color: hsla(
147
+ 0,
148
+ 0%,
149
+ 92%,
150
+ 0.6
151
+ );
152
+ --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: hsla(
153
+ 0,
154
+ 0%,
155
+ 92%,
156
+ 0.6
157
+ );
158
+ --spectrum-slider-s-range-tick-editable-radial-reaction-color: hsla(
159
+ 0,
160
+ 0%,
161
+ 92%,
162
+ 0.6
163
+ );
164
+ --spectrum-slider-s-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
165
+ --spectrum-slider-s-ramp-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
166
+ --spectrum-slider-s-range-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
167
+ --spectrum-slider-s-editable-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
168
+ --spectrum-slider-s-ramp-editable-radial-reaction-color: hsla(
169
+ 0,
170
+ 0%,
171
+ 92%,
172
+ 0.6
173
+ );
174
+ --spectrum-slider-s-range-editable-radial-reaction-color: hsla(
175
+ 0,
176
+ 0%,
177
+ 92%,
178
+ 0.6
179
+ );
180
+ --spectrum-slider-s-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
181
+ --spectrum-slider-s-ramp-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
182
+ --spectrum-slider-s-range-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
183
+ --spectrum-slider-m-tick-editable-radial-reaction-color: hsla(
184
+ 0,
185
+ 0%,
186
+ 92%,
187
+ 0.6
188
+ );
189
+ --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: hsla(
190
+ 0,
191
+ 0%,
192
+ 92%,
193
+ 0.6
194
+ );
195
+ --spectrum-slider-m-range-tick-editable-radial-reaction-color: hsla(
196
+ 0,
197
+ 0%,
198
+ 92%,
199
+ 0.6
200
+ );
201
+ --spectrum-slider-m-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
202
+ --spectrum-slider-m-ramp-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
203
+ --spectrum-slider-m-range-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
204
+ --spectrum-slider-m-editable-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
205
+ --spectrum-slider-m-ramp-editable-radial-reaction-color: hsla(
206
+ 0,
207
+ 0%,
208
+ 92%,
209
+ 0.6
210
+ );
211
+ --spectrum-slider-m-range-editable-radial-reaction-color: hsla(
212
+ 0,
213
+ 0%,
214
+ 92%,
215
+ 0.6
216
+ );
217
+ --spectrum-slider-m-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
218
+ --spectrum-slider-m-ramp-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
219
+ --spectrum-slider-m-range-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
220
+ --spectrum-slider-l-tick-editable-radial-reaction-color: hsla(
221
+ 0,
222
+ 0%,
223
+ 92%,
224
+ 0.6
225
+ );
226
+ --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: hsla(
227
+ 0,
228
+ 0%,
229
+ 92%,
230
+ 0.6
231
+ );
232
+ --spectrum-slider-l-range-tick-editable-radial-reaction-color: hsla(
233
+ 0,
234
+ 0%,
235
+ 92%,
236
+ 0.6
237
+ );
238
+ --spectrum-slider-l-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
239
+ --spectrum-slider-l-ramp-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
240
+ --spectrum-slider-l-range-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
241
+ --spectrum-slider-l-editable-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
242
+ --spectrum-slider-l-ramp-editable-radial-reaction-color: hsla(
243
+ 0,
244
+ 0%,
245
+ 92%,
246
+ 0.6
247
+ );
248
+ --spectrum-slider-l-range-editable-radial-reaction-color: hsla(
249
+ 0,
250
+ 0%,
251
+ 92%,
252
+ 0.6
253
+ );
254
+ --spectrum-slider-l-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
255
+ --spectrum-slider-l-ramp-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
256
+ --spectrum-slider-l-range-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
257
+ --spectrum-slider-xl-tick-editable-radial-reaction-color: hsla(
258
+ 0,
259
+ 0%,
260
+ 92%,
261
+ 0.6
262
+ );
263
+ --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: hsla(
264
+ 0,
265
+ 0%,
266
+ 92%,
267
+ 0.6
268
+ );
269
+ --spectrum-slider-xl-range-tick-editable-radial-reaction-color: hsla(
270
+ 0,
271
+ 0%,
272
+ 92%,
273
+ 0.6
274
+ );
275
+ --spectrum-slider-xl-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
276
+ --spectrum-slider-xl-ramp-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
277
+ --spectrum-slider-xl-range-tick-radial-reaction-color: hsla(
278
+ 0,
279
+ 0%,
280
+ 92%,
281
+ 0.6
282
+ );
283
+ --spectrum-slider-xl-editable-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
284
+ --spectrum-slider-xl-ramp-editable-radial-reaction-color: hsla(
285
+ 0,
286
+ 0%,
287
+ 92%,
288
+ 0.6
289
+ );
290
+ --spectrum-slider-xl-range-editable-radial-reaction-color: hsla(
291
+ 0,
292
+ 0%,
293
+ 92%,
294
+ 0.6
295
+ );
296
+ --spectrum-slider-xl-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
297
+ --spectrum-slider-xl-ramp-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
298
+ --spectrum-slider-xl-range-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
299
+ --spectrum-well-background-color: hsla(0, 0%, 92%, 0.02);
300
+ --spectrum-well-border-color: hsla(0, 0%, 100%, 0.05);
301
+ }
302
+ /* stylelint-enable */
package/express/theme-light.css ADDED
@@ -0,0 +1,297 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+
13
+ /* stylelint-disable */
14
+ :host,
15
+ :root {
16
+ --spectrum-global-color-status: Verified;
17
+ --spectrum-global-color-version: 5.1.0;
18
+ --spectrum-global-color-gray-50: #fff;
19
+ --spectrum-global-color-gray-75: #fbfbfb;
20
+ --spectrum-global-color-gray-100: #f8f8f8;
21
+ --spectrum-global-color-gray-200: #e6e6e6;
22
+ --spectrum-global-color-gray-300: #d5d5d5;
23
+ --spectrum-global-color-gray-400: #b0b0b0;
24
+ --spectrum-global-color-gray-500: #909090;
25
+ --spectrum-global-color-gray-600: #6c6c6c;
26
+ --spectrum-global-color-gray-700: #464646;
27
+ --spectrum-global-color-gray-800: #212121;
28
+ --spectrum-global-color-gray-900: #000;
29
+ --spectrum-global-color-green-400: #009260;
30
+ --spectrum-global-color-green-500: #008254;
31
+ --spectrum-global-color-green-600: #007248;
32
+ --spectrum-global-color-blue-400: #187df5;
33
+ --spectrum-global-color-blue-500: #076ce9;
34
+ --spectrum-global-color-blue-600: #015ece;
35
+ --spectrum-global-color-red-400: #ed3d2e;
36
+ --spectrum-global-color-red-500: #de2219;
37
+ --spectrum-global-color-red-600: #c80a08;
38
+ --spectrum-global-color-seafoam-400: #007e8a;
39
+ --spectrum-global-color-seafoam-500: #006d79;
40
+ --spectrum-global-color-seafoam-600: #005e6a;
41
+ --spectrum-global-color-seafoam-700: #044f5a;
42
+ --spectrum-global-color-indigo-400: #5c60ed;
43
+ --spectrum-global-color-indigo-500: #4c50dc;
44
+ --spectrum-global-color-indigo-600: #3f43c5;
45
+ --spectrum-global-color-indigo-700: #3337aa;
46
+ --spectrum-global-color-purple-400: #9247ee;
47
+ --spectrum-global-color-purple-500: #8133e1;
48
+ --spectrum-global-color-purple-600: #7022cf;
49
+ --spectrum-global-color-purple-700: #5e14b8;
50
+ --spectrum-global-color-fuchsia-400: #c02bc0;
51
+ --spectrum-global-color-fuchsia-500: #ad16ae;
52
+ --spectrum-global-color-fuchsia-600: #99009a;
53
+ --spectrum-global-color-fuchsia-700: #820082;
54
+ --spectrum-global-color-magenta-400: #d22c74;
55
+ --spectrum-global-color-magenta-500: #be1961;
56
+ --spectrum-global-color-magenta-600: #a80353;
57
+ --spectrum-global-color-magenta-700: #8f0046;
58
+ --spectrum-global-color-orange-400: #f6830f;
59
+ --spectrum-global-color-orange-500: #e26e00;
60
+ --spectrum-global-color-orange-600: #cf5f00;
61
+ --spectrum-global-color-orange-700: #bb5300;
62
+ --spectrum-global-color-yellow-400: #e9c600;
63
+ --spectrum-global-color-yellow-500: #d6b100;
64
+ --spectrum-global-color-yellow-600: #c39d00;
65
+ --spectrum-global-color-yellow-700: #af8a00;
66
+ --spectrum-global-color-chartreuse-400: #82c631;
67
+ --spectrum-global-color-chartreuse-500: #6eb31f;
68
+ --spectrum-global-color-chartreuse-600: #5f9f14;
69
+ --spectrum-global-color-chartreuse-700: #538f0f;
70
+ --spectrum-global-color-celery-400: #23ba34;
71
+ --spectrum-global-color-celery-500: #04a51e;
72
+ --spectrum-global-color-celery-600: #009413;
73
+ --spectrum-global-color-celery-700: #008410;
74
+ --spectrum-global-color-opacity-100: 1;
75
+ --spectrum-global-color-opacity-90: 0.9;
76
+ --spectrum-global-color-opacity-80: 0.8;
77
+ --spectrum-global-color-opacity-70: 0.7;
78
+ --spectrum-global-color-opacity-60: 0.6;
79
+ --spectrum-global-color-opacity-55: 0.55;
80
+ --spectrum-global-color-opacity-50: 0.5;
81
+ --spectrum-global-color-opacity-42: 0.42;
82
+ --spectrum-global-color-opacity-40: 0.4;
83
+ --spectrum-global-color-opacity-30: 0.3;
84
+ --spectrum-global-color-opacity-25: 0.25;
85
+ --spectrum-global-color-opacity-20: 0.2;
86
+ --spectrum-global-color-opacity-15: 0.15;
87
+ --spectrum-global-color-opacity-10: 0.1;
88
+ --spectrum-global-color-opacity-8: 0.08;
89
+ --spectrum-global-color-opacity-7: 0.07;
90
+ --spectrum-global-color-opacity-6: 0.06;
91
+ --spectrum-global-color-opacity-5: 0.05;
92
+ --spectrum-global-color-opacity-4: 0.04;
93
+ --spectrum-global-color-opacity-0: 0;
94
+ --spectrum-global-color-red-700: #bb121a;
95
+ --spectrum-global-color-green-700: #107154;
96
+ --spectrum-global-color-blue-700: #095aba;
97
+ --spectrum-alias-avatar-border-color-default: rgba(0, 0, 0, 0.1);
98
+ --spectrum-alias-avatar-border-color-hover: rgba(0, 0, 0, 0.25);
99
+ --spectrum-alias-avatar-border-color-down: rgba(0, 0, 0, 0.4);
100
+ --spectrum-alias-avatar-border-color-key-focus: rgba(0, 0, 0, 0.25);
101
+ --spectrum-alias-avatar-border-color-selected-disabled: rgba(0, 0, 0, 0.1);
102
+ --spectrum-alias-border-color-selected: rgba(0, 0, 0, 0.9);
103
+ --spectrum-alias-background-color-primary: var(
104
+ --spectrum-global-color-gray-50
105
+ );
106
+ --spectrum-alias-background-color-secondary: var(
107
+ --spectrum-global-color-gray-100
108
+ );
109
+ --spectrum-alias-background-color-tertiary: var(
110
+ --spectrum-global-color-gray-300
111
+ );
112
+ --spectrum-alias-background-color-modal-overlay: rgba(0, 0, 0, 0.4);
113
+ --spectrum-alias-dropshadow-color: rgba(0, 0, 0, 0.15);
114
+ --spectrum-alias-background-color-hover-overlay: rgba(0, 0, 0, 0.04);
115
+ --spectrum-alias-highlight-hover: rgba(0, 0, 0, 0.06);
116
+ --spectrum-alias-highlight-down: rgba(0, 0, 0, 0.1);
117
+ --spectrum-alias-highlight-selected: rgba(7, 108, 233, 0.1);
118
+ --spectrum-alias-highlight-selected-hover: rgba(7, 108, 233, 0.2);
119
+ --spectrum-alias-text-highlight-color: rgba(7, 108, 233, 0.2);
120
+ --spectrum-alias-background-color-quickactions: hsla(0, 0%, 97%, 0.9);
121
+ --spectrum-alias-border-color-translucent: rgba(0, 0, 0, 0.1);
122
+ --spectrum-alias-radial-reaction-color-default: rgba(33, 33, 33, 0.6);
123
+ --spectrum-alias-pasteboard-background-color: var(
124
+ --spectrum-global-color-gray-300
125
+ );
126
+ --spectrum-alias-appframe-border-color: var(
127
+ --spectrum-global-color-gray-300
128
+ );
129
+ --spectrum-alias-appframe-separator-color: var(
130
+ --spectrum-global-color-gray-300
131
+ );
132
+ --spectrum-scrollbar-mac-s-track-background-color: var(
133
+ --spectrum-global-color-gray-75
134
+ );
135
+ --spectrum-scrollbar-mac-m-track-background-color: var(
136
+ --spectrum-global-color-gray-75
137
+ );
138
+ --spectrum-scrollbar-mac-l-track-background-color: var(
139
+ --spectrum-global-color-gray-75
140
+ );
141
+ --spectrum-slider-s-tick-editable-radial-reaction-color: rgba(
142
+ 33,
143
+ 33,
144
+ 33,
145
+ 0.6
146
+ );
147
+ --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: rgba(
148
+ 33,
149
+ 33,
150
+ 33,
151
+ 0.6
152
+ );
153
+ --spectrum-slider-s-range-tick-editable-radial-reaction-color: rgba(
154
+ 33,
155
+ 33,
156
+ 33,
157
+ 0.6
158
+ );
159
+ --spectrum-slider-s-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
160
+ --spectrum-slider-s-ramp-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
161
+ --spectrum-slider-s-range-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
162
+ --spectrum-slider-s-editable-radial-reaction-color: rgba(33, 33, 33, 0.6);
163
+ --spectrum-slider-s-ramp-editable-radial-reaction-color: rgba(
164
+ 33,
165
+ 33,
166
+ 33,
167
+ 0.6
168
+ );
169
+ --spectrum-slider-s-range-editable-radial-reaction-color: rgba(
170
+ 33,
171
+ 33,
172
+ 33,
173
+ 0.6
174
+ );
175
+ --spectrum-slider-s-radial-reaction-color: rgba(33, 33, 33, 0.6);
176
+ --spectrum-slider-s-ramp-radial-reaction-color: rgba(33, 33, 33, 0.6);
177
+ --spectrum-slider-s-range-radial-reaction-color: rgba(33, 33, 33, 0.6);
178
+ --spectrum-slider-m-tick-editable-radial-reaction-color: rgba(
179
+ 33,
180
+ 33,
181
+ 33,
182
+ 0.6
183
+ );
184
+ --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: rgba(
185
+ 33,
186
+ 33,
187
+ 33,
188
+ 0.6
189
+ );
190
+ --spectrum-slider-m-range-tick-editable-radial-reaction-color: rgba(
191
+ 33,
192
+ 33,
193
+ 33,
194
+ 0.6
195
+ );
196
+ --spectrum-slider-m-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
197
+ --spectrum-slider-m-ramp-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
198
+ --spectrum-slider-m-range-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
199
+ --spectrum-slider-m-editable-radial-reaction-color: rgba(33, 33, 33, 0.6);
200
+ --spectrum-slider-m-ramp-editable-radial-reaction-color: rgba(
201
+ 33,
202
+ 33,
203
+ 33,
204
+ 0.6
205
+ );
206
+ --spectrum-slider-m-range-editable-radial-reaction-color: rgba(
207
+ 33,
208
+ 33,
209
+ 33,
210
+ 0.6
211
+ );
212
+ --spectrum-slider-m-radial-reaction-color: rgba(33, 33, 33, 0.6);
213
+ --spectrum-slider-m-ramp-radial-reaction-color: rgba(33, 33, 33, 0.6);
214
+ --spectrum-slider-m-range-radial-reaction-color: rgba(33, 33, 33, 0.6);
215
+ --spectrum-slider-l-tick-editable-radial-reaction-color: rgba(
216
+ 33,
217
+ 33,
218
+ 33,
219
+ 0.6
220
+ );
221
+ --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: rgba(
222
+ 33,
223
+ 33,
224
+ 33,
225
+ 0.6
226
+ );
227
+ --spectrum-slider-l-range-tick-editable-radial-reaction-color: rgba(
228
+ 33,
229
+ 33,
230
+ 33,
231
+ 0.6
232
+ );
233
+ --spectrum-slider-l-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
234
+ --spectrum-slider-l-ramp-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
235
+ --spectrum-slider-l-range-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
236
+ --spectrum-slider-l-editable-radial-reaction-color: rgba(33, 33, 33, 0.6);
237
+ --spectrum-slider-l-ramp-editable-radial-reaction-color: rgba(
238
+ 33,
239
+ 33,
240
+ 33,
241
+ 0.6
242
+ );
243
+ --spectrum-slider-l-range-editable-radial-reaction-color: rgba(
244
+ 33,
245
+ 33,
246
+ 33,
247
+ 0.6
248
+ );
249
+ --spectrum-slider-l-radial-reaction-color: rgba(33, 33, 33, 0.6);
250
+ --spectrum-slider-l-ramp-radial-reaction-color: rgba(33, 33, 33, 0.6);
251
+ --spectrum-slider-l-range-radial-reaction-color: rgba(33, 33, 33, 0.6);
252
+ --spectrum-slider-xl-tick-editable-radial-reaction-color: rgba(
253
+ 33,
254
+ 33,
255
+ 33,
256
+ 0.6
257
+ );
258
+ --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: rgba(
259
+ 33,
260
+ 33,
261
+ 33,
262
+ 0.6
263
+ );
264
+ --spectrum-slider-xl-range-tick-editable-radial-reaction-color: rgba(
265
+ 33,
266
+ 33,
267
+ 33,
268
+ 0.6
269
+ );
270
+ --spectrum-slider-xl-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
271
+ --spectrum-slider-xl-ramp-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
272
+ --spectrum-slider-xl-range-tick-radial-reaction-color: rgba(
273
+ 33,
274
+ 33,
275
+ 33,
276
+ 0.6
277
+ );
278
+ --spectrum-slider-xl-editable-radial-reaction-color: rgba(33, 33, 33, 0.6);
279
+ --spectrum-slider-xl-ramp-editable-radial-reaction-color: rgba(
280
+ 33,
281
+ 33,
282
+ 33,
283
+ 0.6
284
+ );
285
+ --spectrum-slider-xl-range-editable-radial-reaction-color: rgba(
286
+ 33,
287
+ 33,
288
+ 33,
289
+ 0.6
290
+ );
291
+ --spectrum-slider-xl-radial-reaction-color: rgba(33, 33, 33, 0.6);
292
+ --spectrum-slider-xl-ramp-radial-reaction-color: rgba(33, 33, 33, 0.6);
293
+ --spectrum-slider-xl-range-radial-reaction-color: rgba(33, 33, 33, 0.6);
294
+ --spectrum-well-background-color: rgba(33, 33, 33, 0.02);
295
+ --spectrum-well-border-color: rgba(0, 0, 0, 0.05);
296
+ }
297
+ /* stylelint-enable */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/styles",
3
- "version": "0.12.1",
3
+ "version": "0.12.2-express.6+374824f06",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -73,6 +73,7 @@
73
73
  },
74
74
  "devDependencies": {
75
75
  "@spectrum-css/commons": "^3.0.5",
76
+ "@spectrum-css/expressvars": "^1.0.0-beta.24",
76
77
  "@spectrum-css/typography": "^4.0.12",
77
78
  "@spectrum-css/vars": "^7.0.0"
78
79
  },
@@ -81,5 +82,5 @@
81
82
  "./*.css"
82
83
  ],
83
84
  "style": "all-medium-lightest.css",
84
- "gitHead": "caf12727e7f91dcf961e1fadacc727eea9ece27b"
85
+ "gitHead": "374824f06c36278e67f1616e9eae688b94a306a5"
85
86
  }
package/test/styles.test-vrt.js ADDED
@@ -0,0 +1,15 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+ import * as stories from '../stories/styles.stories.js';
13
+ import { regressVisuals } from '../../../test/visual/test.js';
14
+ regressVisuals('StylesStories', stories);
15
+ //# sourceMappingURL=styles.test-vrt.js.map
package/test/styles.test-vrt.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.test-vrt.js","sourceRoot":"","sources":["styles.test-vrt.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,cAAc,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/styles.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('StylesStories', stories);\n"]}
package/typography.css CHANGED
@@ -22,7 +22,8 @@ governing permissions and limitations under the License.
22
22
  var(--spectrum-global-dimension-font-size-100)
23
23
  );
24
24
  }
25
- .spectrum:lang(ar) {
25
+ :root,
26
+ :host:lang(ar) {
26
27
  font-family: var(
27
28
  --spectrum-alias-font-family-ar,
28
29
  var(--spectrum-global-font-font-family-ar)