@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.
- package/dist/css/stacks.css +268 -233
- package/dist/css/stacks.min.css +1 -1
- package/lib/atomic/typography.less +2 -2
- package/lib/components/activity-indicator/activity-indicator.less +1 -1
- package/lib/components/badge/badge.less +10 -10
- package/lib/components/checkbox_radio/checkbox_radio.less +14 -8
- package/lib/components/code-block/code-block.a11y.test.ts +1 -1
- package/lib/components/input-fill/input-fill.a11y.test.ts +22 -0
- package/lib/components/input-fill/input-fill.visual.test.ts +22 -0
- package/lib/components/input-message/input-message.a11y.test.ts +58 -0
- package/lib/components/input-message/input-message.visual.test.ts +59 -0
- package/lib/components/input_textarea/input_textarea.a11y.test.ts +112 -0
- package/lib/components/input_textarea/input_textarea.visual.test.ts +98 -0
- package/lib/components/label/label.less +1 -1
- package/lib/components/link-preview/link-preview.less +2 -2
- package/lib/components/modal/modal.less +1 -0
- package/lib/components/navigation/navigation.a11y.test.ts +0 -2
- package/lib/components/page-title/page-title.a11y.test.ts +29 -0
- package/lib/components/page-title/page-title.visual.test.ts +59 -0
- package/lib/components/post-summary/post-summary.less +5 -5
- package/lib/components/tag/tag.a11y.test.ts +29 -0
- package/lib/components/tag/tag.less +31 -17
- package/lib/components/tag/tag.visual.test.ts +46 -0
- package/lib/components/toggle-switch/toggle-switch.less +8 -1
- package/lib/components/topbar/topbar.less +30 -14
- package/lib/components/uploader/uploader.less +1 -1
- package/lib/components/user-card/user-card.less +2 -2
- package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +62 -62
- package/lib/exports/__snapshots__/color.less.test.ts.snap +137 -137
- package/lib/exports/color-mixins.less +15 -12
- package/lib/exports/color-sets.less +56 -56
- package/lib/exports/mixins.less +3 -14
- package/lib/exports/v1/__snapshots__/constants-colors.less.test.ts.snap +28 -28
- package/lib/test/test-utils.ts +1 -3
- 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%,
|
|
101
|
-
500: hsl(27, 80%,
|
|
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(
|
|
106
|
-
200: hsl(
|
|
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,
|
|
114
|
-
200: hsl(27,
|
|
115
|
-
300: hsl(27, 80%,
|
|
116
|
-
400: hsl(27, 80%,
|
|
117
|
-
500: hsl(
|
|
118
|
-
600: hsl(
|
|
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%,
|
|
135
|
-
500: hsl(210, 80%,
|
|
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,
|
|
148
|
-
200: hsl(209,
|
|
147
|
+
100: hsl(209, 30%, 19%);
|
|
148
|
+
200: hsl(209, 30%, 19%);
|
|
149
149
|
300: hsl(210, 80%, 72%);
|
|
150
|
-
400: hsl(210, 80%,
|
|
151
|
-
500: hsl(
|
|
152
|
-
600: hsl(210,
|
|
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%,
|
|
169
|
-
500: hsl(148, 40%,
|
|
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(
|
|
178
|
-
600: hsl(
|
|
177
|
+
500: hsl(146, 74%, 15%);
|
|
178
|
+
600: hsl(146, 74%, 15%);
|
|
179
179
|
}
|
|
180
180
|
.set-green-hc-dark() {
|
|
181
|
-
100: hsl(147,
|
|
182
|
-
200: hsl(147,
|
|
181
|
+
100: hsl(147, 30%, 19%);
|
|
182
|
+
200: hsl(147, 30%, 19%);
|
|
183
183
|
300: hsl(148, 40%, 62%);
|
|
184
|
-
400: hsl(148, 40%,
|
|
185
|
-
500: hsl(
|
|
186
|
-
600: hsl(
|
|
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%,
|
|
203
|
-
500: hsl(0, 73%,
|
|
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,
|
|
208
|
-
200: hsl(0,
|
|
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,
|
|
216
|
-
200: hsl(358,
|
|
215
|
+
100: hsl(358, 30%, 19%);
|
|
216
|
+
200: hsl(358, 30%, 19%);
|
|
217
217
|
300: hsl(0, 75%, 77%);
|
|
218
|
-
400: hsl(0, 73%,
|
|
219
|
-
500: hsl(0,
|
|
220
|
-
600: hsl(0,
|
|
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%,
|
|
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,
|
|
251
|
+
300: hsl(43, 75%, 75%);
|
|
252
252
|
400: hsl(43, 75%, 75%);
|
|
253
253
|
500: hsl(48, 74%, 91%);
|
|
254
|
-
600: hsl(
|
|
254
|
+
600: hsl(44, 74%, 91%);
|
|
255
255
|
}
|
|
256
256
|
|
|
257
257
|
// Purple
|
|
258
258
|
.set-purple() {
|
|
259
|
-
100: hsl(237,
|
|
260
|
-
200: hsl(237,
|
|
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,
|
|
268
|
-
200: hsl(237, 27%,
|
|
267
|
+
100: hsl(237, 24%, 23%);
|
|
268
|
+
200: hsl(237, 27%, 34%);
|
|
269
269
|
300: hsl(237, 32%, 56%);
|
|
270
|
-
400: hsl(237,
|
|
271
|
-
500: hsl(237, 60%,
|
|
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,
|
|
276
|
-
200: hsl(237,
|
|
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,
|
|
284
|
-
200: hsl(237,
|
|
285
|
-
300: hsl(237,
|
|
286
|
-
400: hsl(237,
|
|
287
|
-
500: hsl(237,
|
|
288
|
-
600: hsl(237,
|
|
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(
|
|
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(
|
|
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(
|
|
364
|
-
200: hsl(
|
|
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
|
}
|
package/lib/exports/mixins.less
CHANGED
|
@@ -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
|
-
|
|
159
|
-
|
|
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),
|
|
308
|
-
--theme-primary-legacy-050: hsl(var(--theme-primary-color-legacy-h),
|
|
309
|
-
--theme-primary-legacy-075: hsl(var(--theme-primary-color-legacy-h),
|
|
310
|
-
--theme-primary-legacy-100: hsl(var(--theme-primary-color-legacy-h),
|
|
311
|
-
--theme-primary-legacy-150: hsl(var(--theme-primary-color-legacy-h),
|
|
312
|
-
--theme-primary-legacy-200: hsl(var(--theme-primary-color-legacy-h),
|
|
313
|
-
--theme-primary-legacy-300: hsl(var(--theme-primary-color-legacy-h),
|
|
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),
|
|
322
|
-
--theme-secondary-legacy-050: hsl(var(--theme-secondary-color-legacy-h),
|
|
323
|
-
--theme-secondary-legacy-075: hsl(var(--theme-secondary-color-legacy-h),
|
|
324
|
-
--theme-secondary-legacy-100: hsl(var(--theme-secondary-color-legacy-h),
|
|
325
|
-
--theme-secondary-legacy-150: hsl(var(--theme-secondary-color-legacy-h),
|
|
326
|
-
--theme-secondary-legacy-200: hsl(var(--theme-secondary-color-legacy-h),
|
|
327
|
-
--theme-secondary-legacy-300: hsl(var(--theme-secondary-color-legacy-h),
|
|
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),
|
|
461
|
-
--theme-primary-legacy-050: hsl(var(--theme-primary-color-legacy-h),
|
|
462
|
-
--theme-primary-legacy-075: hsl(var(--theme-primary-color-legacy-h),
|
|
463
|
-
--theme-primary-legacy-100: hsl(var(--theme-primary-color-legacy-h),
|
|
464
|
-
--theme-primary-legacy-150: hsl(var(--theme-primary-color-legacy-h),
|
|
465
|
-
--theme-primary-legacy-200: hsl(var(--theme-primary-color-legacy-h),
|
|
466
|
-
--theme-primary-legacy-300: hsl(var(--theme-primary-color-legacy-h),
|
|
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),
|
|
475
|
-
--theme-secondary-legacy-050: hsl(var(--theme-secondary-color-legacy-h),
|
|
476
|
-
--theme-secondary-legacy-075: hsl(var(--theme-secondary-color-legacy-h),
|
|
477
|
-
--theme-secondary-legacy-100: hsl(var(--theme-secondary-color-legacy-h),
|
|
478
|
-
--theme-secondary-legacy-150: hsl(var(--theme-secondary-color-legacy-h),
|
|
479
|
-
--theme-secondary-legacy-200: hsl(var(--theme-secondary-color-legacy-h),
|
|
480
|
-
--theme-secondary-legacy-300: hsl(var(--theme-secondary-color-legacy-h),
|
|
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
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.
|
|
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.
|
|
52
|
-
"@stackoverflow/stacks-icons": "^
|
|
53
|
-
"@testing-library/dom": "^9.3.
|
|
54
|
-
"@testing-library/user-event": "^14.
|
|
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.
|
|
58
|
-
"@typescript-eslint/parser": "^6.
|
|
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.
|
|
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.
|
|
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",
|