@stackoverflow/stacks 2.0.0-rc.10 → 2.0.0-rc.12

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 (22) hide show
  1. package/dist/css/stacks.css +166 -136
  2. package/dist/css/stacks.min.css +1 -1
  3. package/lib/components/badge/badge.less +10 -10
  4. package/lib/components/checkbox_radio/checkbox_radio.less +14 -8
  5. package/lib/components/code-block/code-block.a11y.test.ts +1 -1
  6. package/lib/components/input_textarea/input_textarea.a11y.test.ts +112 -0
  7. package/lib/components/input_textarea/input_textarea.visual.test.ts +98 -0
  8. package/lib/components/modal/modal.less +1 -0
  9. package/lib/components/navigation/navigation.a11y.test.ts +0 -2
  10. package/lib/components/post-summary/post-summary.less +1 -1
  11. package/lib/components/tag/tag.a11y.test.ts +7 -1
  12. package/lib/components/toggle-switch/toggle-switch.less +8 -1
  13. package/lib/components/topbar/topbar.less +30 -14
  14. package/lib/components/user-card/user-card.less +2 -2
  15. package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +60 -60
  16. package/lib/exports/__snapshots__/color.less.test.ts.snap +68 -68
  17. package/lib/exports/color-mixins.less +12 -12
  18. package/lib/exports/color-sets.less +16 -16
  19. package/lib/exports/mixins.less +12 -7
  20. package/lib/exports/v1/__snapshots__/constants-colors.less.test.ts.snap +28 -28
  21. package/lib/test/test-utils.ts +1 -3
  22. package/package.json +1 -1
package/lib/exports/color-sets.less CHANGED
@@ -97,8 +97,8 @@
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() {
@@ -113,7 +113,7 @@
113
113
  100: hsl(27, 29%, 19%);
114
114
  200: hsl(27, 29%, 19%);
115
115
  300: hsl(27, 80%, 64%);
116
- 400: hsl(27, 80%, 80%);
116
+ 400: hsl(27, 80%, 72%);
117
117
  500: hsl(27, 79%, 89%);
118
118
  600: hsl(27, 80%, 93%);
119
119
  }
@@ -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() {
@@ -147,7 +147,7 @@
147
147
  100: hsl(209, 29%, 19%);
148
148
  200: hsl(209, 29%, 19%);
149
149
  300: hsl(210, 80%, 72%);
150
- 400: hsl(210, 80%, 80%);
150
+ 400: hsl(210, 80%, 75%);
151
151
  500: hsl(209, 79%, 87%);
152
152
  600: hsl(210, 80%, 93%);
153
153
  }
@@ -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() {
@@ -181,7 +181,7 @@
181
181
  100: hsl(147, 29%, 19%);
182
182
  200: hsl(147, 29%, 19%);
183
183
  300: hsl(148, 40%, 62%);
184
- 400: hsl(148, 40%, 75%);
184
+ 400: hsl(148, 40%, 68%);
185
185
  500: hsl(148, 39%, 87%);
186
186
  600: hsl(148, 40%, 93%);
187
187
  }
@@ -199,8 +199,8 @@
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() {
@@ -215,7 +215,7 @@
215
215
  100: hsl(358, 29%, 19%);
216
216
  200: hsl(358, 29%, 19%);
217
217
  300: hsl(0, 75%, 77%);
218
- 400: hsl(0, 73%, 85%);
218
+ 400: hsl(0, 73%, 80%);
219
219
  500: hsl(0, 70%, 92%);
220
220
  600: hsl(0, 73%, 95%);
221
221
  }
@@ -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() {
@@ -267,8 +267,8 @@
267
267
  100: hsl(237, 25%, 24%);
268
268
  200: hsl(237, 27%, 38%);
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() {
@@ -283,7 +283,7 @@
283
283
  100: hsl(237, 25%, 24%);
284
284
  200: hsl(237, 25%, 24%);
285
285
  300: hsl(237, 58%, 86%);
286
- 400: hsl(237, 58%, 86%);
286
+ 400: hsl(237, 60%, 82%);
287
287
  500: hsl(237, 65%, 96%);
288
288
  600: hsl(237, 65%, 96%);
289
289
  }
package/lib/exports/mixins.less CHANGED
@@ -138,16 +138,20 @@
138
138
  calc(var(~"--@{color-prefix}-l") + @amountPercentage));
139
139
  }
140
140
 
141
+ // Alter the lightness of a color in the HSL color space
142
+ .native-lightness(@color-prefix, @lMod: 0) {
143
+ .native-saturation-lightness(@color-prefix, 0, @lMod);
144
+ }
141
145
 
142
- .native-lightness(@color-prefix, @lMod: 0, @min: 0, @max: 100) {
143
- .native-saturation-lightness(@color-prefix, 0, @lMod, @min, @max);
146
+ .native-lightness-static(@color-prefix, @l: 0) {
147
+ @result: hsl(var(~"--@{color-prefix}-h"), var(~"--@{color-prefix}-s"), calc(@l * 1%));
144
148
  }
145
149
 
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) {
150
+ // Alter the saturation and lightness of a color in the HSL color space
151
+ .native-saturation-lightness(@color-prefix, @sMod: 0, @lMod: 0) {
148
152
  @result: hsl(var(~"--@{color-prefix}-h"),
149
153
  calc(var(~"--@{color-prefix}-s") + @sMod * 1%),
150
- clamp(@min * 1%, calc(var(~"--@{color-prefix}-l") + @lMod * 1%), @max * 1%));
154
+ calc(var(~"--@{color-prefix}-l") + @lMod * 1%));
151
155
  }
152
156
 
153
157
  // Decrease the lightness and saturation of a color in the HSL color space by absolute amounts.
@@ -155,10 +159,11 @@
155
159
  @darkenAmountPercentage: .load-color-variables(@darken-amount)[@amountPercentage];
156
160
  @desaturateAmountPercentage: .load-color-variables(@desaturate-amount)[@amountPercentage];
157
161
  @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%));
162
+ calc(var(~"--@{color-prefix}-s") - @desaturateAmountPercentage),
163
+ calc(var(~"--@{color-prefix}-l") - @darkenAmountPercentage));
160
164
  }
161
165
 
166
+
162
167
  // Decrease the lightness of a color in the HSL color space by an absolute amount.
163
168
  .native-darken(@color-prefix, @amount) {
164
169
  .load-color-variables(@amount);
package/lib/exports/v1/__snapshots__/constants-colors.less.test.ts.snap CHANGED
@@ -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));
package/lib/test/test-utils.ts CHANGED
@@ -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.10",
8
+ "version": "2.0.0-rc.12",
9
9
  "files": [
10
10
  "dist",
11
11
  "lib"