@stackoverflow/stacks 2.0.0-rc.9 → 2.0.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 (35) hide show
  1. package/dist/css/stacks.css +268 -233
  2. package/dist/css/stacks.min.css +1 -1
  3. package/lib/atomic/typography.less +2 -2
  4. package/lib/components/activity-indicator/activity-indicator.less +1 -1
  5. package/lib/components/badge/badge.less +10 -10
  6. package/lib/components/checkbox_radio/checkbox_radio.less +14 -8
  7. package/lib/components/code-block/code-block.a11y.test.ts +1 -1
  8. package/lib/components/input-fill/input-fill.a11y.test.ts +22 -0
  9. package/lib/components/input-fill/input-fill.visual.test.ts +22 -0
  10. package/lib/components/input-message/input-message.a11y.test.ts +58 -0
  11. package/lib/components/input-message/input-message.visual.test.ts +59 -0
  12. package/lib/components/input_textarea/input_textarea.a11y.test.ts +112 -0
  13. package/lib/components/input_textarea/input_textarea.visual.test.ts +98 -0
  14. package/lib/components/label/label.less +1 -1
  15. package/lib/components/link-preview/link-preview.less +2 -2
  16. package/lib/components/modal/modal.less +1 -0
  17. package/lib/components/navigation/navigation.a11y.test.ts +0 -2
  18. package/lib/components/page-title/page-title.a11y.test.ts +29 -0
  19. package/lib/components/page-title/page-title.visual.test.ts +59 -0
  20. package/lib/components/post-summary/post-summary.less +5 -5
  21. package/lib/components/tag/tag.a11y.test.ts +29 -0
  22. package/lib/components/tag/tag.less +31 -17
  23. package/lib/components/tag/tag.visual.test.ts +46 -0
  24. package/lib/components/toggle-switch/toggle-switch.less +8 -1
  25. package/lib/components/topbar/topbar.less +30 -14
  26. package/lib/components/uploader/uploader.less +1 -1
  27. package/lib/components/user-card/user-card.less +2 -2
  28. package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +62 -62
  29. package/lib/exports/__snapshots__/color.less.test.ts.snap +137 -137
  30. package/lib/exports/color-mixins.less +15 -12
  31. package/lib/exports/color-sets.less +56 -56
  32. package/lib/exports/mixins.less +3 -14
  33. package/lib/exports/v1/__snapshots__/constants-colors.less.test.ts.snap +28 -28
  34. package/lib/test/test-utils.ts +1 -3
  35. package/package.json +9 -9
@@ -97,25 +97,25 @@
97
97
  100: hsl(27, 29%, 19%);
98
98
  200: hsl(27, 43%, 31%);
99
99
  300: hsl(27, 43%, 47%);
100
- 400: hsl(27, 80%, 80%);
101
- 500: hsl(27, 80%, 88%);
100
+ 400: hsl(27, 80%, 72%);
101
+ 500: hsl(27, 80%, 83%);
102
102
  600: hsl(27, 80%, 93%);
103
103
  }
104
104
  .set-orange-hc() {
105
- 100: hsl(22, 85%, 97%);
106
- 200: hsl(22, 85%, 97%);
105
+ 100: hsl(23, 87%, 97%);
106
+ 200: hsl(23, 87%, 97%);
107
107
  300: hsl(27, 90%, 55%);
108
108
  400: hsl(27, 90%, 55%);
109
109
  500: hsl(27, 80%, 28%);
110
110
  600: hsl(27, 80%, 28%);
111
111
  }
112
112
  .set-orange-hc-dark() {
113
- 100: hsl(27, 29%, 19%);
114
- 200: hsl(27, 29%, 19%);
115
- 300: hsl(27, 80%, 64%);
116
- 400: hsl(27, 80%, 80%);
117
- 500: hsl(27, 79%, 89%);
118
- 600: hsl(27, 80%, 93%);
113
+ 100: hsl(27, 30%, 19%);
114
+ 200: hsl(27, 30%, 19%);
115
+ 300: hsl(27, 80%, 72%);
116
+ 400: hsl(27, 80%, 72%);
117
+ 500: hsl(28, 78%, 93%);
118
+ 600: hsl(28, 78%, 93%);
119
119
  }
120
120
 
121
121
  // Blue
@@ -131,8 +131,8 @@
131
131
  100: hsl(209, 29%, 19%);
132
132
  200: hsl(210, 29%, 35%);
133
133
  300: hsl(210, 29%, 50%);
134
- 400: hsl(210, 80%, 80%);
135
- 500: hsl(210, 80%, 88%);
134
+ 400: hsl(210, 80%, 75%);
135
+ 500: hsl(210, 80%, 83%);
136
136
  600: hsl(210, 80%, 93%);
137
137
  }
138
138
  .set-blue-hc() {
@@ -144,12 +144,12 @@
144
144
  600: hsl(210, 80%, 23%);
145
145
  }
146
146
  .set-blue-hc-dark() {
147
- 100: hsl(209, 29%, 19%);
148
- 200: hsl(209, 29%, 19%);
147
+ 100: hsl(209, 30%, 19%);
148
+ 200: hsl(209, 30%, 19%);
149
149
  300: hsl(210, 80%, 72%);
150
- 400: hsl(210, 80%, 80%);
151
- 500: hsl(209, 79%, 87%);
152
- 600: hsl(210, 80%, 93%);
150
+ 400: hsl(210, 80%, 75%);
151
+ 500: hsl(210, 78%, 93%);
152
+ 600: hsl(210, 78%, 93%);
153
153
  }
154
154
 
155
155
  // Green
@@ -165,8 +165,8 @@
165
165
  100: hsl(148, 29%, 19%);
166
166
  200: hsl(148, 29%, 27%);
167
167
  300: hsl(148, 25%, 40%);
168
- 400: hsl(148, 40%, 75%);
169
- 500: hsl(148, 40%, 85%);
168
+ 400: hsl(148, 40%, 68%);
169
+ 500: hsl(148, 40%, 80%);
170
170
  600: hsl(148, 40%, 93%);
171
171
  }
172
172
  .set-green-hc() {
@@ -174,16 +174,16 @@
174
174
  200: hsl(147, 36%, 95%);
175
175
  300: hsl(148, 70%, 31%);
176
176
  400: hsl(148, 75%, 22%);
177
- 500: hsl(147, 74%, 15%);
178
- 600: hsl(147, 74%, 15%);
177
+ 500: hsl(146, 74%, 15%);
178
+ 600: hsl(146, 74%, 15%);
179
179
  }
180
180
  .set-green-hc-dark() {
181
- 100: hsl(147, 29%, 19%);
182
- 200: hsl(147, 29%, 19%);
181
+ 100: hsl(147, 30%, 19%);
182
+ 200: hsl(147, 30%, 19%);
183
183
  300: hsl(148, 40%, 62%);
184
- 400: hsl(148, 40%, 75%);
185
- 500: hsl(148, 39%, 87%);
186
- 600: hsl(148, 40%, 93%);
184
+ 400: hsl(148, 40%, 68%);
185
+ 500: hsl(150, 39%, 93%);
186
+ 600: hsl(150, 39%, 93%);
187
187
  }
188
188
 
189
189
  // Red
@@ -199,25 +199,25 @@
199
199
  100: hsl(358, 29%, 19%);
200
200
  200: hsl(0, 29%, 37%);
201
201
  300: hsl(0, 34%, 54%);
202
- 400: hsl(0, 73%, 85%);
203
- 500: hsl(0, 73%, 91%);
202
+ 400: hsl(0, 73%, 80%);
203
+ 500: hsl(0, 73%, 88%);
204
204
  600: hsl(0, 73%, 95%);
205
205
  }
206
206
  .set-red-hc() {
207
- 100: hsl(0, 79%, 96%);
208
- 200: hsl(0, 79%, 96%);
207
+ 100: hsl(0, 80%, 96%);
208
+ 200: hsl(0, 80%, 96%);
209
209
  300: hsl(0, 60%, 49%);
210
210
  400: hsl(0, 65%, 37%);
211
211
  500: hsl(0, 66%, 24%);
212
212
  600: hsl(0, 66%, 24%);
213
213
  }
214
214
  .set-red-hc-dark() {
215
- 100: hsl(358, 29%, 19%);
216
- 200: hsl(358, 29%, 19%);
215
+ 100: hsl(358, 30%, 19%);
216
+ 200: hsl(358, 30%, 19%);
217
217
  300: hsl(0, 75%, 77%);
218
- 400: hsl(0, 73%, 85%);
219
- 500: hsl(0, 70%, 92%);
220
- 600: hsl(0, 73%, 95%);
218
+ 400: hsl(0, 73%, 80%);
219
+ 500: hsl(0, 76%, 95%);
220
+ 600: hsl(0, 76%, 95%);
221
221
  }
222
222
 
223
223
  // Yellow
@@ -234,7 +234,7 @@
234
234
  200: hsl(43, 29%, 25%);
235
235
  300: hsl(43, 29%, 40%);
236
236
  400: hsl(43, 75%, 75%);
237
- 500: hsl(43, 75%, 85%);
237
+ 500: hsl(43, 75%, 82%);
238
238
  600: hsl(43, 75%, 91%);
239
239
  }
240
240
  .set-yellow-hc() {
@@ -248,44 +248,44 @@
248
248
  .set-yellow-hc-dark() {
249
249
  100: hsl(43, 29%, 17%);
250
250
  200: hsl(43, 29%, 17%);
251
- 300: hsl(43, 59%, 64%);
251
+ 300: hsl(43, 75%, 75%);
252
252
  400: hsl(43, 75%, 75%);
253
253
  500: hsl(48, 74%, 91%);
254
- 600: hsl(43, 75%, 91%);
254
+ 600: hsl(44, 74%, 91%);
255
255
  }
256
256
 
257
257
  // Purple
258
258
  .set-purple() {
259
- 100: hsl(237, 80%, 96%);
260
- 200: hsl(237, 77%, 92%);
259
+ 100: hsl(237, 83%, 98%);
260
+ 200: hsl(237, 78%, 93%);
261
261
  300: hsl(237, 60%, 83%);
262
262
  400: hsl(237, 55%, 57%);
263
263
  500: hsl(237, 50%, 45%);
264
264
  600: hsl(237, 50%, 32%);
265
265
  }
266
266
  .set-purple-dark() {
267
- 100: hsl(237, 25%, 24%);
268
- 200: hsl(237, 27%, 38%);
267
+ 100: hsl(237, 24%, 23%);
268
+ 200: hsl(237, 27%, 34%);
269
269
  300: hsl(237, 32%, 56%);
270
- 400: hsl(237, 58%, 86%);
271
- 500: hsl(237, 60%, 91%);
270
+ 400: hsl(237, 60%, 82%);
271
+ 500: hsl(237, 60%, 88%);
272
272
  600: hsl(237, 65%, 96%);
273
273
  }
274
274
  .set-purple-hc() {
275
- 100: hsl(237, 80%, 96%);
276
- 200: hsl(237, 80%, 96%);
275
+ 100: hsl(237, 83%, 98%);
276
+ 200: hsl(237, 83%, 98%);
277
277
  300: hsl(237, 55%, 57%);
278
278
  400: hsl(237, 55%, 57%);
279
279
  500: hsl(237, 50%, 32%);
280
280
  600: hsl(237, 50%, 32%);
281
281
  }
282
282
  .set-purple-hc-dark() {
283
- 100: hsl(237, 25%, 24%);
284
- 200: hsl(237, 25%, 24%);
285
- 300: hsl(237, 58%, 86%);
286
- 400: hsl(237, 58%, 86%);
287
- 500: hsl(237, 65%, 96%);
288
- 600: hsl(237, 65%, 96%);
283
+ 100: hsl(237, 24%, 23%);
284
+ 200: hsl(237, 24%, 23%);
285
+ 300: hsl(237, 60%, 82%);
286
+ 400: hsl(237, 60%, 82%);
287
+ 500: hsl(237, 62%, 96%);
288
+ 600: hsl(237, 62%, 96%);
289
289
  }
290
290
 
291
291
  // gold
@@ -331,12 +331,12 @@
331
331
  100: hsl(0, 0%, 95%);
332
332
  200: hsl(0, 0%, 95%);
333
333
  300: hsl(210, 5%, 68%);
334
- 400: hsl(216, 2%, 40%);
334
+ 400: hsl(210, 2%, 40%);
335
335
  }
336
336
  .set-silver-hc-dark() {
337
337
  100: hsl(220, 2%, 26%);
338
338
  200: hsl(220, 2%, 26%);
339
- 300: hsl(216, 4%, 69%);
339
+ 300: hsl(220, 4%, 69%);
340
340
  400: hsl(214, 8%, 83%);
341
341
  }
342
342
 
@@ -360,8 +360,8 @@
360
360
  400: hsl(28, 43%, 39%);
361
361
  }
362
362
  .set-bronze-hc-dark() {
363
- 100: hsl(28, 13%, 27%);
364
- 200: hsl(28, 13%, 27%);
363
+ 100: hsl(27, 13%, 27%);
364
+ 200: hsl(27, 13%, 27%);
365
365
  300: hsl(28, 58%, 67%);
366
366
  400: hsl(28, 59%, 83%);
367
367
  }
@@ -138,27 +138,16 @@
138
138
  calc(var(~"--@{color-prefix}-l") + @amountPercentage));
139
139
  }
140
140
 
141
-
142
- .native-lightness(@color-prefix, @lMod: 0, @min: 0, @max: 100) {
143
- .native-saturation-lightness(@color-prefix, 0, @lMod, @min, @max);
144
- }
145
-
146
- // Increase the lightness of a color in the HSL color space by an absolute amount and include custom clamp values.
147
- .native-saturation-lightness(@color-prefix, @sMod: 0, @lMod: 0, @min: 0, @max: 100) {
148
- @result: hsl(var(~"--@{color-prefix}-h"),
149
- calc(var(~"--@{color-prefix}-s") + @sMod * 1%),
150
- clamp(@min * 1%, calc(var(~"--@{color-prefix}-l") + @lMod * 1%), @max * 1%));
151
- }
152
-
153
141
  // Decrease the lightness and saturation of a color in the HSL color space by absolute amounts.
154
142
  .native-darken-desaturate(@color-prefix, @darken-amount, @desaturate-amount) {
155
143
  @darkenAmountPercentage: .load-color-variables(@darken-amount)[@amountPercentage];
156
144
  @desaturateAmountPercentage: .load-color-variables(@desaturate-amount)[@amountPercentage];
157
145
  @result: hsl(var(~"--@{color-prefix}-h"),
158
- clamp(10%, calc(var(~"--@{color-prefix}-s") - @desaturateAmountPercentage), 90%),
159
- clamp(20%, calc(var(~"--@{color-prefix}-l") - @darkenAmountPercentage), 100%));
146
+ calc(var(~"--@{color-prefix}-s") - @desaturateAmountPercentage),
147
+ calc(var(~"--@{color-prefix}-l") - @darkenAmountPercentage));
160
148
  }
161
149
 
150
+
162
151
  // Decrease the lightness of a color in the HSL color space by an absolute amount.
163
152
  .native-darken(@color-prefix, @amount) {
164
153
  .load-color-variables(@amount);
@@ -304,13 +304,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
304
304
  --theme-secondary-color-legacy-b: var(--theme-dark-secondary-color-legacy-b, var(--theme-base-secondary-color-legacy-b));
305
305
  --theme-primary-color-legacy: hsl(var(--theme-primary-color-legacy-h), var(--theme-primary-color-legacy-s), var(--theme-primary-color-legacy-l));
306
306
  --theme-secondary-color-legacy: hsl(var(--theme-secondary-color-legacy-h), var(--theme-secondary-color-legacy-s), var(--theme-secondary-color-legacy-l));
307
- --theme-primary-legacy-025: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 73.3%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 31%), 100%));
308
- --theme-primary-legacy-050: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 47%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 15%), 100%));
309
- --theme-primary-legacy-075: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 39%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 13%), 100%));
310
- --theme-primary-legacy-100: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 32%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 11%), 100%));
311
- --theme-primary-legacy-150: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 23%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 9%), 100%));
312
- --theme-primary-legacy-200: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 15%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 7%), 100%));
313
- --theme-primary-legacy-300: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 7%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 5%), 100%));
307
+ --theme-primary-legacy-025: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 73.3%), calc(var(--theme-primary-color-legacy-l) - 31%));
308
+ --theme-primary-legacy-050: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 47%), calc(var(--theme-primary-color-legacy-l) - 15%));
309
+ --theme-primary-legacy-075: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 39%), calc(var(--theme-primary-color-legacy-l) - 13%));
310
+ --theme-primary-legacy-100: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 32%), calc(var(--theme-primary-color-legacy-l) - 11%));
311
+ --theme-primary-legacy-150: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 23%), calc(var(--theme-primary-color-legacy-l) - 9%));
312
+ --theme-primary-legacy-200: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 15%), calc(var(--theme-primary-color-legacy-l) - 7%));
313
+ --theme-primary-legacy-300: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 7%), calc(var(--theme-primary-color-legacy-l) - 5%));
314
314
  --theme-primary-legacy-350: var(--theme-primary-color-legacy);
315
315
  --theme-primary-legacy-400: rgb(calc(53.55 + var(--theme-primary-color-legacy-r) * 0.79), calc(53.55 + var(--theme-primary-color-legacy-g) * 0.79), calc(53.55 + var(--theme-primary-color-legacy-b) * 0.79));
316
316
  --theme-primary-legacy-500: rgb(calc(91.8 + var(--theme-primary-color-legacy-r) * 0.64), calc(91.8 + var(--theme-primary-color-legacy-g) * 0.64), calc(91.8 + var(--theme-primary-color-legacy-b) * 0.64));
@@ -318,13 +318,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
318
318
  --theme-primary-legacy-700: rgb(calc(168.3 + var(--theme-primary-color-legacy-r) * 0.34), calc(168.3 + var(--theme-primary-color-legacy-g) * 0.34), calc(168.3 + var(--theme-primary-color-legacy-b) * 0.34));
319
319
  --theme-primary-legacy-800: rgb(calc(206.55 + var(--theme-primary-color-legacy-r) * 0.19), calc(206.55 + var(--theme-primary-color-legacy-g) * 0.19), calc(206.55 + var(--theme-primary-color-legacy-b) * 0.19));
320
320
  --theme-primary-legacy-900: rgb(calc(244.8 + var(--theme-primary-color-legacy-r) * 0.04), calc(244.8 + var(--theme-primary-color-legacy-g) * 0.04), calc(244.8 + var(--theme-primary-color-legacy-b) * 0.04));
321
- --theme-secondary-legacy-025: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 73.3%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 31%), 100%));
322
- --theme-secondary-legacy-050: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 47%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 15%), 100%));
323
- --theme-secondary-legacy-075: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 39%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 13%), 100%));
324
- --theme-secondary-legacy-100: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 32%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 11%), 100%));
325
- --theme-secondary-legacy-150: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 23%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 9%), 100%));
326
- --theme-secondary-legacy-200: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 15%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 7%), 100%));
327
- --theme-secondary-legacy-300: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 7%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 5%), 100%));
321
+ --theme-secondary-legacy-025: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 73.3%), calc(var(--theme-secondary-color-legacy-l) - 31%));
322
+ --theme-secondary-legacy-050: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 47%), calc(var(--theme-secondary-color-legacy-l) - 15%));
323
+ --theme-secondary-legacy-075: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 39%), calc(var(--theme-secondary-color-legacy-l) - 13%));
324
+ --theme-secondary-legacy-100: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 32%), calc(var(--theme-secondary-color-legacy-l) - 11%));
325
+ --theme-secondary-legacy-150: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 23%), calc(var(--theme-secondary-color-legacy-l) - 9%));
326
+ --theme-secondary-legacy-200: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 15%), calc(var(--theme-secondary-color-legacy-l) - 7%));
327
+ --theme-secondary-legacy-300: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 7%), calc(var(--theme-secondary-color-legacy-l) - 5%));
328
328
  --theme-secondary-legacy-350: var(--theme-secondary-color-legacy);
329
329
  --theme-secondary-legacy-400: rgb(calc(53.55 + var(--theme-secondary-color-legacy-r) * 0.79), calc(53.55 + var(--theme-secondary-color-legacy-g) * 0.79), calc(53.55 + var(--theme-secondary-color-legacy-b) * 0.79));
330
330
  --theme-secondary-legacy-500: rgb(calc(91.8 + var(--theme-secondary-color-legacy-r) * 0.64), calc(91.8 + var(--theme-secondary-color-legacy-g) * 0.64), calc(91.8 + var(--theme-secondary-color-legacy-b) * 0.64));
@@ -457,13 +457,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
457
457
  --theme-secondary-color-legacy-b: var(--theme-dark-secondary-color-legacy-b, var(--theme-base-secondary-color-legacy-b));
458
458
  --theme-primary-color-legacy: hsl(var(--theme-primary-color-legacy-h), var(--theme-primary-color-legacy-s), var(--theme-primary-color-legacy-l));
459
459
  --theme-secondary-color-legacy: hsl(var(--theme-secondary-color-legacy-h), var(--theme-secondary-color-legacy-s), var(--theme-secondary-color-legacy-l));
460
- --theme-primary-legacy-025: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 73.3%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 31%), 100%));
461
- --theme-primary-legacy-050: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 47%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 15%), 100%));
462
- --theme-primary-legacy-075: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 39%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 13%), 100%));
463
- --theme-primary-legacy-100: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 32%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 11%), 100%));
464
- --theme-primary-legacy-150: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 23%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 9%), 100%));
465
- --theme-primary-legacy-200: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 15%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 7%), 100%));
466
- --theme-primary-legacy-300: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 7%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 5%), 100%));
460
+ --theme-primary-legacy-025: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 73.3%), calc(var(--theme-primary-color-legacy-l) - 31%));
461
+ --theme-primary-legacy-050: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 47%), calc(var(--theme-primary-color-legacy-l) - 15%));
462
+ --theme-primary-legacy-075: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 39%), calc(var(--theme-primary-color-legacy-l) - 13%));
463
+ --theme-primary-legacy-100: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 32%), calc(var(--theme-primary-color-legacy-l) - 11%));
464
+ --theme-primary-legacy-150: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 23%), calc(var(--theme-primary-color-legacy-l) - 9%));
465
+ --theme-primary-legacy-200: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 15%), calc(var(--theme-primary-color-legacy-l) - 7%));
466
+ --theme-primary-legacy-300: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 7%), calc(var(--theme-primary-color-legacy-l) - 5%));
467
467
  --theme-primary-legacy-350: var(--theme-primary-color-legacy);
468
468
  --theme-primary-legacy-400: rgb(calc(53.55 + var(--theme-primary-color-legacy-r) * 0.79), calc(53.55 + var(--theme-primary-color-legacy-g) * 0.79), calc(53.55 + var(--theme-primary-color-legacy-b) * 0.79));
469
469
  --theme-primary-legacy-500: rgb(calc(91.8 + var(--theme-primary-color-legacy-r) * 0.64), calc(91.8 + var(--theme-primary-color-legacy-g) * 0.64), calc(91.8 + var(--theme-primary-color-legacy-b) * 0.64));
@@ -471,13 +471,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
471
471
  --theme-primary-legacy-700: rgb(calc(168.3 + var(--theme-primary-color-legacy-r) * 0.34), calc(168.3 + var(--theme-primary-color-legacy-g) * 0.34), calc(168.3 + var(--theme-primary-color-legacy-b) * 0.34));
472
472
  --theme-primary-legacy-800: rgb(calc(206.55 + var(--theme-primary-color-legacy-r) * 0.19), calc(206.55 + var(--theme-primary-color-legacy-g) * 0.19), calc(206.55 + var(--theme-primary-color-legacy-b) * 0.19));
473
473
  --theme-primary-legacy-900: rgb(calc(244.8 + var(--theme-primary-color-legacy-r) * 0.04), calc(244.8 + var(--theme-primary-color-legacy-g) * 0.04), calc(244.8 + var(--theme-primary-color-legacy-b) * 0.04));
474
- --theme-secondary-legacy-025: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 73.3%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 31%), 100%));
475
- --theme-secondary-legacy-050: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 47%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 15%), 100%));
476
- --theme-secondary-legacy-075: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 39%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 13%), 100%));
477
- --theme-secondary-legacy-100: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 32%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 11%), 100%));
478
- --theme-secondary-legacy-150: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 23%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 9%), 100%));
479
- --theme-secondary-legacy-200: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 15%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 7%), 100%));
480
- --theme-secondary-legacy-300: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 7%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 5%), 100%));
474
+ --theme-secondary-legacy-025: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 73.3%), calc(var(--theme-secondary-color-legacy-l) - 31%));
475
+ --theme-secondary-legacy-050: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 47%), calc(var(--theme-secondary-color-legacy-l) - 15%));
476
+ --theme-secondary-legacy-075: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 39%), calc(var(--theme-secondary-color-legacy-l) - 13%));
477
+ --theme-secondary-legacy-100: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 32%), calc(var(--theme-secondary-color-legacy-l) - 11%));
478
+ --theme-secondary-legacy-150: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 23%), calc(var(--theme-secondary-color-legacy-l) - 9%));
479
+ --theme-secondary-legacy-200: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 15%), calc(var(--theme-secondary-color-legacy-l) - 7%));
480
+ --theme-secondary-legacy-300: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 7%), calc(var(--theme-secondary-color-legacy-l) - 5%));
481
481
  --theme-secondary-legacy-350: var(--theme-secondary-color-legacy);
482
482
  --theme-secondary-legacy-400: rgb(calc(53.55 + var(--theme-secondary-color-legacy-r) * 0.79), calc(53.55 + var(--theme-secondary-color-legacy-g) * 0.79), calc(53.55 + var(--theme-secondary-color-legacy-b) * 0.79));
483
483
  --theme-secondary-legacy-500: rgb(calc(91.8 + var(--theme-secondary-color-legacy-r) * 0.64), calc(91.8 + var(--theme-secondary-color-legacy-g) * 0.64), calc(91.8 + var(--theme-secondary-color-legacy-b) * 0.64));
@@ -205,9 +205,7 @@ const buildTestElement = ({
205
205
  <${unsafe.tag}
206
206
  ${unsafe.attributes}
207
207
  data-testid="${testid}"
208
- >
209
- ${unsafe.children}
210
- </${unsafe.tag}>
208
+ >${unsafe.children}</${unsafe.tag}>
211
209
  `;
212
210
  };
213
211
 
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "type": "git",
6
6
  "url": "https://github.com/StackExchange/Stacks.git"
7
7
  },
8
- "version": "2.0.0-rc.9",
8
+ "version": "2.0.1",
9
9
  "files": [
10
10
  "dist",
11
11
  "lib"
@@ -48,14 +48,14 @@
48
48
  "@open-wc/testing": "^3.2.0",
49
49
  "@rollup/plugin-commonjs": "^25.0.4",
50
50
  "@rollup/plugin-replace": "^5.0.2",
51
- "@stackoverflow/stacks-editor": "^0.8.8",
52
- "@stackoverflow/stacks-icons": "^5.5.0",
53
- "@testing-library/dom": "^9.3.1",
54
- "@testing-library/user-event": "^14.4.3",
51
+ "@stackoverflow/stacks-editor": "^0.8.9",
52
+ "@stackoverflow/stacks-icons": "^6.0.0",
53
+ "@testing-library/dom": "^9.3.3",
54
+ "@testing-library/user-event": "^14.5.1",
55
55
  "@types/cssbeautify": "^0.3.2",
56
56
  "@types/less": "^3.0.3",
57
- "@typescript-eslint/eslint-plugin": "^6.7.0",
58
- "@typescript-eslint/parser": "^6.6.0",
57
+ "@typescript-eslint/eslint-plugin": "^6.7.4",
58
+ "@typescript-eslint/parser": "^6.7.4",
59
59
  "@web/dev-server-esbuild": "^0.4.1",
60
60
  "@web/dev-server-rollup": "^0.5.2",
61
61
  "@web/test-runner": "^0.17.1",
@@ -69,13 +69,13 @@
69
69
  "docsearch.js": "^2.6.3",
70
70
  "eleventy-plugin-highlightjs": "^1.1.0",
71
71
  "eleventy-plugin-nesting-toc": "^1.3.0",
72
- "eslint": "^8.49.0",
72
+ "eslint": "^8.50.0",
73
73
  "eslint-config-prettier": "^9.0.0",
74
74
  "eslint-plugin-no-unsanitized": "^4.0.2",
75
75
  "jquery": "^3.7.1",
76
76
  "less-loader": "^11.1.3",
77
77
  "list.js": "^2.3.1",
78
- "markdown-it": "^13.0.1",
78
+ "markdown-it": "^13.0.2",
79
79
  "mini-css-extract-plugin": "^2.7.6",
80
80
  "postcss-less": "^6.0.0",
81
81
  "postcss-loader": "^7.3.3",