@spectrum-web-components/styles 0.12.3-express.0 → 0.13.1

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 (36) hide show
  1. package/core-global.css +401 -124
  2. package/express/core-global.css +514 -156
  3. package/express/spectrum-scale-large.css +8 -9
  4. package/express/spectrum-scale-medium.css +10 -9
  5. package/express/theme-dark.css +265 -66
  6. package/express/theme-light.css +356 -157
  7. package/fonts.css +0 -15
  8. package/package.json +6 -6
  9. package/spectrum-scale-large.css +1 -3
  10. package/spectrum-scale-medium.css +1 -3
  11. package/src/spectrum-base.css +4 -3
  12. package/src/spectrum-base.css.js +1 -1
  13. package/src/spectrum-base.css.js.map +1 -1
  14. package/src/spectrum-body.css +10 -11
  15. package/src/spectrum-body.css.js +5 -5
  16. package/src/spectrum-body.css.js.map +1 -1
  17. package/src/spectrum-code.css +4 -3
  18. package/src/spectrum-code.css.js +1 -1
  19. package/src/spectrum-code.css.js.map +1 -1
  20. package/src/spectrum-detail.css +4 -3
  21. package/src/spectrum-detail.css.js +1 -1
  22. package/src/spectrum-detail.css.js.map +1 -1
  23. package/src/spectrum-heading.css +4 -3
  24. package/src/spectrum-heading.css.js +1 -1
  25. package/src/spectrum-heading.css.js.map +1 -1
  26. package/src/spectrum-lang.css +4 -3
  27. package/src/spectrum-lang.css.js +1 -1
  28. package/src/spectrum-lang.css.js.map +1 -1
  29. package/src/spectrum-typography.css +4 -3
  30. package/src/spectrum-typography.css.js +1 -1
  31. package/src/spectrum-typography.css.js.map +1 -1
  32. package/theme-dark.css +290 -115
  33. package/theme-darkest.css +295 -121
  34. package/theme-light.css +346 -172
  35. package/theme-lightest.css +245 -225
  36. package/typography.css +2 -5
package/theme-lightest.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- Copyright 2020 Adobe. All rights reserved.
2
+ Copyright 2022 Adobe. All rights reserved.
3
3
  This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
4
  you may not use this file except in compliance with the License. You may obtain a copy
5
5
  of the License at http://www.apache.org/licenses/LICENSE-2.0
@@ -10,7 +10,6 @@ OF ANY KIND, either express or implied. See the License for the specific languag
10
10
  governing permissions and limitations under the License.
11
11
  */
12
12
 
13
- /* stylelint-disable */
14
13
  :host,
15
14
  :root {
16
15
  --spectrum-global-color-status: Verified;
@@ -35,65 +34,242 @@ governing permissions and limitations under the License.
35
34
  --spectrum-global-color-opacity-5: 0.05;
36
35
  --spectrum-global-color-opacity-4: 0.04;
37
36
  --spectrum-global-color-opacity-0: 0;
38
- --spectrum-global-color-celery-400: #4bc35f;
39
- --spectrum-global-color-celery-500: #44b556;
40
- --spectrum-global-color-celery-600: #3da74e;
41
- --spectrum-global-color-celery-700: #379947;
42
- --spectrum-global-color-chartreuse-400: #8ede49;
43
- --spectrum-global-color-chartreuse-500: #85d044;
44
- --spectrum-global-color-chartreuse-600: #7cc33f;
45
- --spectrum-global-color-chartreuse-700: #73b53a;
46
- --spectrum-global-color-yellow-400: #edcc00;
47
- --spectrum-global-color-yellow-500: #dfbf00;
48
- --spectrum-global-color-yellow-600: #d2b200;
49
- --spectrum-global-color-yellow-700: #c4a600;
50
- --spectrum-global-color-magenta-400: #e2499d;
51
- --spectrum-global-color-magenta-500: #d83790;
52
- --spectrum-global-color-magenta-600: #ca2982;
53
- --spectrum-global-color-magenta-700: #bc1c74;
54
- --spectrum-global-color-fuchsia-400: #cf3edc;
55
- --spectrum-global-color-fuchsia-500: #c038cc;
56
- --spectrum-global-color-fuchsia-600: #b130bd;
57
- --spectrum-global-color-fuchsia-700: #a228ad;
58
- --spectrum-global-color-purple-400: #9d64e1;
59
- --spectrum-global-color-purple-500: #9256d9;
60
- --spectrum-global-color-purple-600: #864ccc;
61
- --spectrum-global-color-purple-700: #7a42bf;
62
- --spectrum-global-color-indigo-400: #7575f1;
63
- --spectrum-global-color-indigo-500: #6767ec;
64
- --spectrum-global-color-indigo-600: #5c5ce0;
65
- --spectrum-global-color-indigo-700: #5151d3;
66
- --spectrum-global-color-seafoam-400: #20a3a8;
67
- --spectrum-global-color-seafoam-500: #1b959a;
68
- --spectrum-global-color-seafoam-600: #16878c;
69
- --spectrum-global-color-seafoam-700: #0f797d;
70
- --spectrum-global-color-red-400: #ec5b62;
71
- --spectrum-global-color-red-500: #e34850;
72
- --spectrum-global-color-red-600: #d7373f;
73
- --spectrum-global-color-red-700: #c9252d;
74
- --spectrum-global-color-orange-400: #f29423;
75
- --spectrum-global-color-orange-500: #e68619;
76
- --spectrum-global-color-orange-600: #da7b11;
77
- --spectrum-global-color-orange-700: #cb6f10;
78
- --spectrum-global-color-green-400: #33ab84;
79
- --spectrum-global-color-green-500: #2d9d78;
80
- --spectrum-global-color-green-600: #268e6c;
81
- --spectrum-global-color-green-700: #12805c;
82
- --spectrum-global-color-blue-400: #378ef0;
83
- --spectrum-global-color-blue-500: #2680eb;
84
- --spectrum-global-color-blue-600: #1473e6;
85
- --spectrum-global-color-blue-700: #0d66d0;
86
- --spectrum-global-color-gray-50: #fff;
87
- --spectrum-global-color-gray-75: #fff;
88
- --spectrum-global-color-gray-100: #fff;
89
- --spectrum-global-color-gray-200: #f4f4f4;
90
- --spectrum-global-color-gray-300: #eaeaea;
91
- --spectrum-global-color-gray-400: #d3d3d3;
92
- --spectrum-global-color-gray-500: #bcbcbc;
93
- --spectrum-global-color-gray-600: #959595;
94
- --spectrum-global-color-gray-700: #747474;
95
- --spectrum-global-color-gray-800: #505050;
96
- --spectrum-global-color-gray-900: #323232;
37
+ --spectrum-global-color-celery-400-rgb: 48, 193, 61;
38
+ --spectrum-global-color-celery-400: rgb(
39
+ var(--spectrum-global-color-celery-400-rgb)
40
+ );
41
+ --spectrum-global-color-celery-500-rgb: 15, 172, 38;
42
+ --spectrum-global-color-celery-500: rgb(
43
+ var(--spectrum-global-color-celery-500-rgb)
44
+ );
45
+ --spectrum-global-color-celery-600-rgb: 0, 150, 20;
46
+ --spectrum-global-color-celery-600: rgb(
47
+ var(--spectrum-global-color-celery-600-rgb)
48
+ );
49
+ --spectrum-global-color-celery-700-rgb: 0, 128, 15;
50
+ --spectrum-global-color-celery-700: rgb(
51
+ var(--spectrum-global-color-celery-700-rgb)
52
+ );
53
+ --spectrum-global-color-chartreuse-400-rgb: 157, 203, 13;
54
+ --spectrum-global-color-chartreuse-400: rgb(
55
+ var(--spectrum-global-color-chartreuse-400-rgb)
56
+ );
57
+ --spectrum-global-color-chartreuse-500-rgb: 139, 182, 4;
58
+ --spectrum-global-color-chartreuse-500: rgb(
59
+ var(--spectrum-global-color-chartreuse-500-rgb)
60
+ );
61
+ --spectrum-global-color-chartreuse-600-rgb: 122, 162, 0;
62
+ --spectrum-global-color-chartreuse-600: rgb(
63
+ var(--spectrum-global-color-chartreuse-600-rgb)
64
+ );
65
+ --spectrum-global-color-chartreuse-700-rgb: 106, 141, 0;
66
+ --spectrum-global-color-chartreuse-700: rgb(
67
+ var(--spectrum-global-color-chartreuse-700-rgb)
68
+ );
69
+ --spectrum-global-color-yellow-400-rgb: 238, 205, 0;
70
+ --spectrum-global-color-yellow-400: rgb(
71
+ var(--spectrum-global-color-yellow-400-rgb)
72
+ );
73
+ --spectrum-global-color-yellow-500-rgb: 221, 185, 0;
74
+ --spectrum-global-color-yellow-500: rgb(
75
+ var(--spectrum-global-color-yellow-500-rgb)
76
+ );
77
+ --spectrum-global-color-yellow-600-rgb: 201, 164, 0;
78
+ --spectrum-global-color-yellow-600: rgb(
79
+ var(--spectrum-global-color-yellow-600-rgb)
80
+ );
81
+ --spectrum-global-color-yellow-700-rgb: 181, 144, 0;
82
+ --spectrum-global-color-yellow-700: rgb(
83
+ var(--spectrum-global-color-yellow-700-rgb)
84
+ );
85
+ --spectrum-global-color-magenta-400-rgb: 226, 68, 135;
86
+ --spectrum-global-color-magenta-400: rgb(
87
+ var(--spectrum-global-color-magenta-400-rgb)
88
+ );
89
+ --spectrum-global-color-magenta-500-rgb: 205, 40, 111;
90
+ --spectrum-global-color-magenta-500: rgb(
91
+ var(--spectrum-global-color-magenta-500-rgb)
92
+ );
93
+ --spectrum-global-color-magenta-600-rgb: 179, 15, 89;
94
+ --spectrum-global-color-magenta-600: rgb(
95
+ var(--spectrum-global-color-magenta-600-rgb)
96
+ );
97
+ --spectrum-global-color-magenta-700-rgb: 149, 0, 72;
98
+ --spectrum-global-color-magenta-700: rgb(
99
+ var(--spectrum-global-color-magenta-700-rgb)
100
+ );
101
+ --spectrum-global-color-fuchsia-400-rgb: 211, 63, 212;
102
+ --spectrum-global-color-fuchsia-400: rgb(
103
+ var(--spectrum-global-color-fuchsia-400-rgb)
104
+ );
105
+ --spectrum-global-color-fuchsia-500-rgb: 188, 39, 187;
106
+ --spectrum-global-color-fuchsia-500: rgb(
107
+ var(--spectrum-global-color-fuchsia-500-rgb)
108
+ );
109
+ --spectrum-global-color-fuchsia-600-rgb: 163, 10, 163;
110
+ --spectrum-global-color-fuchsia-600: rgb(
111
+ var(--spectrum-global-color-fuchsia-600-rgb)
112
+ );
113
+ --spectrum-global-color-fuchsia-700-rgb: 135, 0, 136;
114
+ --spectrum-global-color-fuchsia-700: rgb(
115
+ var(--spectrum-global-color-fuchsia-700-rgb)
116
+ );
117
+ --spectrum-global-color-purple-400-rgb: 161, 93, 246;
118
+ --spectrum-global-color-purple-400: rgb(
119
+ var(--spectrum-global-color-purple-400-rgb)
120
+ );
121
+ --spectrum-global-color-purple-500-rgb: 142, 67, 234;
122
+ --spectrum-global-color-purple-500: rgb(
123
+ var(--spectrum-global-color-purple-500-rgb)
124
+ );
125
+ --spectrum-global-color-purple-600-rgb: 120, 43, 216;
126
+ --spectrum-global-color-purple-600: rgb(
127
+ var(--spectrum-global-color-purple-600-rgb)
128
+ );
129
+ --spectrum-global-color-purple-700-rgb: 98, 23, 190;
130
+ --spectrum-global-color-purple-700: rgb(
131
+ var(--spectrum-global-color-purple-700-rgb)
132
+ );
133
+ --spectrum-global-color-indigo-400-rgb: 109, 115, 246;
134
+ --spectrum-global-color-indigo-400: rgb(
135
+ var(--spectrum-global-color-indigo-400-rgb)
136
+ );
137
+ --spectrum-global-color-indigo-500-rgb: 87, 93, 232;
138
+ --spectrum-global-color-indigo-500: rgb(
139
+ var(--spectrum-global-color-indigo-500-rgb)
140
+ );
141
+ --spectrum-global-color-indigo-600-rgb: 68, 74, 208;
142
+ --spectrum-global-color-indigo-600: rgb(
143
+ var(--spectrum-global-color-indigo-600-rgb)
144
+ );
145
+ --spectrum-global-color-indigo-700-rgb: 53, 58, 176;
146
+ --spectrum-global-color-indigo-700: rgb(
147
+ var(--spectrum-global-color-indigo-700-rgb)
148
+ );
149
+ --spectrum-global-color-seafoam-400-rgb: 0, 166, 160;
150
+ --spectrum-global-color-seafoam-400: rgb(
151
+ var(--spectrum-global-color-seafoam-400-rgb)
152
+ );
153
+ --spectrum-global-color-seafoam-500-rgb: 0, 145, 139;
154
+ --spectrum-global-color-seafoam-500: rgb(
155
+ var(--spectrum-global-color-seafoam-500-rgb)
156
+ );
157
+ --spectrum-global-color-seafoam-600-rgb: 0, 124, 118;
158
+ --spectrum-global-color-seafoam-600: rgb(
159
+ var(--spectrum-global-color-seafoam-600-rgb)
160
+ );
161
+ --spectrum-global-color-seafoam-700-rgb: 0, 103, 99;
162
+ --spectrum-global-color-seafoam-700: rgb(
163
+ var(--spectrum-global-color-seafoam-700-rgb)
164
+ );
165
+ --spectrum-global-color-red-400-rgb: 237, 64, 48;
166
+ --spectrum-global-color-red-400: rgb(
167
+ var(--spectrum-global-color-red-400-rgb)
168
+ );
169
+ --spectrum-global-color-red-500-rgb: 217, 28, 21;
170
+ --spectrum-global-color-red-500: rgb(
171
+ var(--spectrum-global-color-red-500-rgb)
172
+ );
173
+ --spectrum-global-color-red-600-rgb: 187, 2, 2;
174
+ --spectrum-global-color-red-600: rgb(
175
+ var(--spectrum-global-color-red-600-rgb)
176
+ );
177
+ --spectrum-global-color-red-700-rgb: 154, 0, 0;
178
+ --spectrum-global-color-red-700: rgb(
179
+ var(--spectrum-global-color-red-700-rgb)
180
+ );
181
+ --spectrum-global-color-orange-400-rgb: 250, 139, 26;
182
+ --spectrum-global-color-orange-400: rgb(
183
+ var(--spectrum-global-color-orange-400-rgb)
184
+ );
185
+ --spectrum-global-color-orange-500-rgb: 233, 117, 0;
186
+ --spectrum-global-color-orange-500: rgb(
187
+ var(--spectrum-global-color-orange-500-rgb)
188
+ );
189
+ --spectrum-global-color-orange-600-rgb: 209, 97, 0;
190
+ --spectrum-global-color-orange-600: rgb(
191
+ var(--spectrum-global-color-orange-600-rgb)
192
+ );
193
+ --spectrum-global-color-orange-700-rgb: 182, 80, 0;
194
+ --spectrum-global-color-orange-700: rgb(
195
+ var(--spectrum-global-color-orange-700-rgb)
196
+ );
197
+ --spectrum-global-color-green-400-rgb: 0, 148, 97;
198
+ --spectrum-global-color-green-400: rgb(
199
+ var(--spectrum-global-color-green-400-rgb)
200
+ );
201
+ --spectrum-global-color-green-500-rgb: 0, 126, 80;
202
+ --spectrum-global-color-green-500: rgb(
203
+ var(--spectrum-global-color-green-500-rgb)
204
+ );
205
+ --spectrum-global-color-green-600-rgb: 0, 105, 65;
206
+ --spectrum-global-color-green-600: rgb(
207
+ var(--spectrum-global-color-green-600-rgb)
208
+ );
209
+ --spectrum-global-color-green-700-rgb: 0, 86, 53;
210
+ --spectrum-global-color-green-700: rgb(
211
+ var(--spectrum-global-color-green-700-rgb)
212
+ );
213
+ --spectrum-global-color-blue-400-rgb: 27, 127, 245;
214
+ --spectrum-global-color-blue-400: rgb(
215
+ var(--spectrum-global-color-blue-400-rgb)
216
+ );
217
+ --spectrum-global-color-blue-500-rgb: 4, 105, 227;
218
+ --spectrum-global-color-blue-500: rgb(
219
+ var(--spectrum-global-color-blue-500-rgb)
220
+ );
221
+ --spectrum-global-color-blue-600-rgb: 0, 87, 190;
222
+ --spectrum-global-color-blue-600: rgb(
223
+ var(--spectrum-global-color-blue-600-rgb)
224
+ );
225
+ --spectrum-global-color-blue-700-rgb: 0, 72, 153;
226
+ --spectrum-global-color-blue-700: rgb(
227
+ var(--spectrum-global-color-blue-700-rgb)
228
+ );
229
+ --spectrum-global-color-gray-50-rgb: 255, 255, 255;
230
+ --spectrum-global-color-gray-50: rgb(
231
+ var(--spectrum-global-color-gray-50-rgb)
232
+ );
233
+ --spectrum-global-color-gray-75-rgb: 255, 255, 255;
234
+ --spectrum-global-color-gray-75: rgb(
235
+ var(--spectrum-global-color-gray-75-rgb)
236
+ );
237
+ --spectrum-global-color-gray-100-rgb: 255, 255, 255;
238
+ --spectrum-global-color-gray-100: rgb(
239
+ var(--spectrum-global-color-gray-100-rgb)
240
+ );
241
+ --spectrum-global-color-gray-200-rgb: 235, 235, 235;
242
+ --spectrum-global-color-gray-200: rgb(
243
+ var(--spectrum-global-color-gray-200-rgb)
244
+ );
245
+ --spectrum-global-color-gray-300-rgb: 217, 217, 217;
246
+ --spectrum-global-color-gray-300: rgb(
247
+ var(--spectrum-global-color-gray-300-rgb)
248
+ );
249
+ --spectrum-global-color-gray-400-rgb: 179, 179, 179;
250
+ --spectrum-global-color-gray-400: rgb(
251
+ var(--spectrum-global-color-gray-400-rgb)
252
+ );
253
+ --spectrum-global-color-gray-500-rgb: 146, 146, 146;
254
+ --spectrum-global-color-gray-500: rgb(
255
+ var(--spectrum-global-color-gray-500-rgb)
256
+ );
257
+ --spectrum-global-color-gray-600-rgb: 110, 110, 110;
258
+ --spectrum-global-color-gray-600: rgb(
259
+ var(--spectrum-global-color-gray-600-rgb)
260
+ );
261
+ --spectrum-global-color-gray-700-rgb: 71, 71, 71;
262
+ --spectrum-global-color-gray-700: rgb(
263
+ var(--spectrum-global-color-gray-700-rgb)
264
+ );
265
+ --spectrum-global-color-gray-800-rgb: 34, 34, 34;
266
+ --spectrum-global-color-gray-800: rgb(
267
+ var(--spectrum-global-color-gray-800-rgb)
268
+ );
269
+ --spectrum-global-color-gray-900-rgb: 0, 0, 0;
270
+ --spectrum-global-color-gray-900: rgb(
271
+ var(--spectrum-global-color-gray-900-rgb)
272
+ );
97
273
  --spectrum-alias-background-color-primary: var(
98
274
  --spectrum-global-color-gray-50
99
275
  );
@@ -105,18 +281,18 @@ governing permissions and limitations under the License.
105
281
  );
106
282
  --spectrum-alias-background-color-modal-overlay: rgba(0, 0, 0, 0.4);
107
283
  --spectrum-alias-dropshadow-color: rgba(0, 0, 0, 0.15);
108
- --spectrum-alias-background-color-hover-overlay: rgba(50, 50, 50, 0.04);
109
- --spectrum-alias-highlight-hover: rgba(50, 50, 50, 0.06);
110
- --spectrum-alias-highlight-down: rgba(50, 50, 50, 0.1);
111
- --spectrum-alias-highlight-selected: rgba(38, 128, 235, 0.1);
112
- --spectrum-alias-highlight-selected-hover: rgba(38, 128, 235, 0.2);
113
- --spectrum-alias-text-highlight-color: rgba(38, 128, 235, 0.2);
284
+ --spectrum-alias-background-color-hover-overlay: rgba(0, 0, 0, 0.04);
285
+ --spectrum-alias-highlight-hover: rgba(0, 0, 0, 0.06);
286
+ --spectrum-alias-highlight-down: rgba(0, 0, 0, 0.1);
287
+ --spectrum-alias-highlight-selected: rgba(4, 105, 227, 0.1);
288
+ --spectrum-alias-highlight-selected-hover: rgba(4, 105, 227, 0.2);
289
+ --spectrum-alias-text-highlight-color: rgba(4, 105, 227, 0.2);
114
290
  --spectrum-alias-background-color-quickactions: hsla(0, 0%, 100%, 0.9);
115
291
  --spectrum-alias-border-color-selected: var(
116
292
  --spectrum-global-color-blue-500
117
293
  );
118
- --spectrum-alias-border-color-translucent: rgba(50, 50, 50, 0.1);
119
- --spectrum-alias-radial-reaction-color-default: rgba(80, 80, 80, 0.6);
294
+ --spectrum-alias-border-color-translucent: rgba(0, 0, 0, 0.1);
295
+ --spectrum-alias-radial-reaction-color-default: rgba(34, 34, 34, 0.6);
120
296
  --spectrum-alias-pasteboard-background-color: var(
121
297
  --spectrum-global-color-gray-300
122
298
  );
@@ -126,160 +302,4 @@ governing permissions and limitations under the License.
126
302
  --spectrum-alias-appframe-separator-color: var(
127
303
  --spectrum-global-color-gray-300
128
304
  );
129
- --spectrum-slider-s-tick-editable-radial-reaction-color: rgba(
130
- 80,
131
- 80,
132
- 80,
133
- 0.6
134
- );
135
- --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: rgba(
136
- 80,
137
- 80,
138
- 80,
139
- 0.6
140
- );
141
- --spectrum-slider-s-range-tick-editable-radial-reaction-color: rgba(
142
- 80,
143
- 80,
144
- 80,
145
- 0.6
146
- );
147
- --spectrum-slider-s-tick-radial-reaction-color: rgba(80, 80, 80, 0.6);
148
- --spectrum-slider-s-ramp-tick-radial-reaction-color: rgba(80, 80, 80, 0.6);
149
- --spectrum-slider-s-range-tick-radial-reaction-color: rgba(80, 80, 80, 0.6);
150
- --spectrum-slider-s-editable-radial-reaction-color: rgba(80, 80, 80, 0.6);
151
- --spectrum-slider-s-ramp-editable-radial-reaction-color: rgba(
152
- 80,
153
- 80,
154
- 80,
155
- 0.6
156
- );
157
- --spectrum-slider-s-range-editable-radial-reaction-color: rgba(
158
- 80,
159
- 80,
160
- 80,
161
- 0.6
162
- );
163
- --spectrum-slider-s-radial-reaction-color: rgba(80, 80, 80, 0.6);
164
- --spectrum-slider-s-ramp-radial-reaction-color: rgba(80, 80, 80, 0.6);
165
- --spectrum-slider-s-range-radial-reaction-color: rgba(80, 80, 80, 0.6);
166
- --spectrum-slider-m-tick-editable-radial-reaction-color: rgba(
167
- 80,
168
- 80,
169
- 80,
170
- 0.6
171
- );
172
- --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: rgba(
173
- 80,
174
- 80,
175
- 80,
176
- 0.6
177
- );
178
- --spectrum-slider-m-range-tick-editable-radial-reaction-color: rgba(
179
- 80,
180
- 80,
181
- 80,
182
- 0.6
183
- );
184
- --spectrum-slider-m-tick-radial-reaction-color: rgba(80, 80, 80, 0.6);
185
- --spectrum-slider-m-ramp-tick-radial-reaction-color: rgba(80, 80, 80, 0.6);
186
- --spectrum-slider-m-range-tick-radial-reaction-color: rgba(80, 80, 80, 0.6);
187
- --spectrum-slider-m-editable-radial-reaction-color: rgba(80, 80, 80, 0.6);
188
- --spectrum-slider-m-ramp-editable-radial-reaction-color: rgba(
189
- 80,
190
- 80,
191
- 80,
192
- 0.6
193
- );
194
- --spectrum-slider-m-range-editable-radial-reaction-color: rgba(
195
- 80,
196
- 80,
197
- 80,
198
- 0.6
199
- );
200
- --spectrum-slider-m-radial-reaction-color: rgba(80, 80, 80, 0.6);
201
- --spectrum-slider-m-ramp-radial-reaction-color: rgba(80, 80, 80, 0.6);
202
- --spectrum-slider-m-range-radial-reaction-color: rgba(80, 80, 80, 0.6);
203
- --spectrum-slider-l-tick-editable-radial-reaction-color: rgba(
204
- 80,
205
- 80,
206
- 80,
207
- 0.6
208
- );
209
- --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: rgba(
210
- 80,
211
- 80,
212
- 80,
213
- 0.6
214
- );
215
- --spectrum-slider-l-range-tick-editable-radial-reaction-color: rgba(
216
- 80,
217
- 80,
218
- 80,
219
- 0.6
220
- );
221
- --spectrum-slider-l-tick-radial-reaction-color: rgba(80, 80, 80, 0.6);
222
- --spectrum-slider-l-ramp-tick-radial-reaction-color: rgba(80, 80, 80, 0.6);
223
- --spectrum-slider-l-range-tick-radial-reaction-color: rgba(80, 80, 80, 0.6);
224
- --spectrum-slider-l-editable-radial-reaction-color: rgba(80, 80, 80, 0.6);
225
- --spectrum-slider-l-ramp-editable-radial-reaction-color: rgba(
226
- 80,
227
- 80,
228
- 80,
229
- 0.6
230
- );
231
- --spectrum-slider-l-range-editable-radial-reaction-color: rgba(
232
- 80,
233
- 80,
234
- 80,
235
- 0.6
236
- );
237
- --spectrum-slider-l-radial-reaction-color: rgba(80, 80, 80, 0.6);
238
- --spectrum-slider-l-ramp-radial-reaction-color: rgba(80, 80, 80, 0.6);
239
- --spectrum-slider-l-range-radial-reaction-color: rgba(80, 80, 80, 0.6);
240
- --spectrum-slider-xl-tick-editable-radial-reaction-color: rgba(
241
- 80,
242
- 80,
243
- 80,
244
- 0.6
245
- );
246
- --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: rgba(
247
- 80,
248
- 80,
249
- 80,
250
- 0.6
251
- );
252
- --spectrum-slider-xl-range-tick-editable-radial-reaction-color: rgba(
253
- 80,
254
- 80,
255
- 80,
256
- 0.6
257
- );
258
- --spectrum-slider-xl-tick-radial-reaction-color: rgba(80, 80, 80, 0.6);
259
- --spectrum-slider-xl-ramp-tick-radial-reaction-color: rgba(80, 80, 80, 0.6);
260
- --spectrum-slider-xl-range-tick-radial-reaction-color: rgba(
261
- 80,
262
- 80,
263
- 80,
264
- 0.6
265
- );
266
- --spectrum-slider-xl-editable-radial-reaction-color: rgba(80, 80, 80, 0.6);
267
- --spectrum-slider-xl-ramp-editable-radial-reaction-color: rgba(
268
- 80,
269
- 80,
270
- 80,
271
- 0.6
272
- );
273
- --spectrum-slider-xl-range-editable-radial-reaction-color: rgba(
274
- 80,
275
- 80,
276
- 80,
277
- 0.6
278
- );
279
- --spectrum-slider-xl-radial-reaction-color: rgba(80, 80, 80, 0.6);
280
- --spectrum-slider-xl-ramp-radial-reaction-color: rgba(80, 80, 80, 0.6);
281
- --spectrum-slider-xl-range-radial-reaction-color: rgba(80, 80, 80, 0.6);
282
- --spectrum-well-background-color: rgba(80, 80, 80, 0.02);
283
- --spectrum-well-border-color: rgba(50, 50, 50, 0.05);
284
305
  }
285
- /* stylelint-enable */
package/typography.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- Copyright 2020 Adobe. All rights reserved.
2
+ Copyright 2022 Adobe. All rights reserved.
3
3
  This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
4
  you may not use this file except in compliance with the License. You may obtain a copy
5
5
  of the License at http://www.apache.org/licenses/LICENSE-2.0
@@ -10,7 +10,6 @@ OF ANY KIND, either express or implied. See the License for the specific languag
10
10
  governing permissions and limitations under the License.
11
11
  */
12
12
 
13
- /* stylelint-disable */
14
13
  :host,
15
14
  :root {
16
15
  font-family: var(
@@ -22,8 +21,7 @@ governing permissions and limitations under the License.
22
21
  var(--spectrum-global-dimension-font-size-100)
23
22
  );
24
23
  }
25
- :root,
26
- :host:lang(ar) {
24
+ .spectrum:lang(ar) {
27
25
  font-family: var(
28
26
  --spectrum-alias-font-family-ar,
29
27
  var(--spectrum-global-font-font-family-ar)
@@ -2655,4 +2653,3 @@ governing permissions and limitations under the License.
2655
2653
  .spectrum-Body {
2656
2654
  color: var(--spectrum-body-m-text-color, var(--spectrum-alias-text-color));
2657
2655
  }
2658
- /* stylelint-enable */