@stackoverflow/stacks 2.0.8 → 2.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/css/stacks.css +41 -8
  2. package/dist/css/stacks.min.css +1 -1
  3. package/lib/atomic/misc.less +1 -1
  4. package/lib/components/activity-indicator/activity-indicator.less +5 -5
  5. package/lib/components/progress-bar/progress-bar.less +1 -1
  6. package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +10 -0
  7. package/lib/exports/__snapshots__/color.less.test.ts.snap +33 -0
  8. package/lib/exports/color-mixins.less +2 -0
  9. package/lib/exports/color-sets.less +27 -0
  10. package/lib/tsconfig.json +3 -3
  11. package/package.json +11 -11
package/lib/atomic/misc.less CHANGED
@@ -267,7 +267,7 @@
267
267
  // $ OUTLINE
268
268
  // ----------------------------------------------------------------------------
269
269
  .outline-none { outline: 0 !important; }
270
- .outline-ring { outline: solid var(--su-static4) var(--focus-ring); }
270
+ .outline-ring { outline: solid var(--su-static4) var(--translucent-secondary); }
271
271
 
272
272
  .f\:outline-ring {
273
273
  &:focus,
package/lib/components/activity-indicator/activity-indicator.less CHANGED
@@ -1,5 +1,5 @@
1
1
  .s-activity-indicator {
2
- --_ai-focus-ring: var(--focus-ring);
2
+ --_ai-translucent: var(--translucent-secondary);
3
3
  --_ai-bg: var(--theme-secondary-400);
4
4
  --_ai-fc: var(--white);
5
5
 
@@ -10,7 +10,7 @@
10
10
  // VARIANTS
11
11
  &&__danger {
12
12
  --_ai-bg: var(--red-400);
13
- --_ai-focus-ring: var(--focus-ring-error);
13
+ --_ai-translucent: var(--translucent-error);
14
14
 
15
15
  .highcontrast-mode({
16
16
  --_ai-bg: var(--red-500);
@@ -19,7 +19,7 @@
19
19
 
20
20
  &&__success {
21
21
  --_ai-bg: var(--green-400);
22
- --_ai-focus-ring: var(--focus-ring-success);
22
+ --_ai-translucent: var(--translucent-success);
23
23
 
24
24
  .highcontrast-mode({
25
25
  --_ai-bg: var(--green-500);
@@ -29,7 +29,7 @@
29
29
  &&__warning {
30
30
  --_ai-bg: var(--yellow-400);
31
31
  --_ai-fc: var(--_black-static);
32
- --_ai-focus-ring: var(--focus-ring-warning);
32
+ --_ai-translucent: var(--translucent-warning);
33
33
 
34
34
  .highcontrast-mode({
35
35
  --_ai-bg: var(--yellow-500); // needs to be here to override default high contrast
@@ -38,7 +38,7 @@
38
38
  }
39
39
 
40
40
  background-color: var(--_ai-bg);
41
- box-shadow: 0 0 0 var(--su-static4) var(--_ai-focus-ring);
41
+ box-shadow: 0 0 0 var(--su-static4) var(--_ai-translucent);
42
42
  color: var(--_ai-fc);
43
43
 
44
44
  border-radius: 1000px;
package/lib/components/progress-bar/progress-bar.less CHANGED
@@ -170,7 +170,7 @@
170
170
 
171
171
  &--stop {
172
172
  background: var(--theme-secondary-400);
173
- box-shadow: 0 0 0 var(--su-static6) var(--focus-ring);
173
+ box-shadow: 0 0 0 var(--su-static6) var(--translucent-secondary);
174
174
  }
175
175
  }
176
176
  }
package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap CHANGED
@@ -354,6 +354,11 @@ body .themed {
354
354
  --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.06), 0 2px 6px hsla(0, 0%, 0%, 0.06), 0 3px 8px hsla(0, 0%, 0%, 0.09);
355
355
  --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.09), 0 3px 8px hsla(0, 0%, 0%, 0.09), 0 4px 13px hsla(0, 0%, 0%, 0.13);
356
356
  --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.05), 0 20px 48px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.1);
357
+ --translucent-secondary: var(--theme-secondary-custom-translucent, hsla(206, 100%, 40%, 0.15));
358
+ --translucent-success: hsla(140, 40%, 75%, 0.4);
359
+ --translucent-warning: hsla(47, 79%, 58%, 0.4);
360
+ --translucent-error: hsla(358, 62%, 47%, 0.15);
361
+ --translucent-muted: hsla(210, 8%, 15%, 0.1);
357
362
  --focus-ring: var(--theme-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.15));
358
363
  --focus-ring-success: hsla(140, 40%, 75%, 0.4);
359
364
  --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
@@ -401,6 +406,7 @@ body .themed {
401
406
  --theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (var(--theme-base-secondary-color-l) * -.6)));
402
407
  --theme-secondary-custom: var(--theme-secondary-custom-400);
403
408
  --theme-secondary-custom-focus-ring: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
409
+ --theme-secondary-custom-translucent: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
404
410
  color: var(--theme-body-font-color, var(--black-600));
405
411
  }
406
412
  "
@@ -432,6 +438,7 @@ create-custom-theme-hsl-rgb-variables(#29ff53, secondary, base) {
432
438
  --theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (var(--theme-base-secondary-color-l) * -.6)));
433
439
  --theme-secondary-custom: var(--theme-secondary-custom-400);
434
440
  --theme-secondary-custom-focus-ring: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
441
+ --theme-secondary-custom-translucent: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
435
442
  }
436
443
 
437
444
  create-custom-theme-hsl-rgb-variables(#1c091d, primary, dark) {
@@ -459,6 +466,7 @@ create-custom-theme-hsl-rgb-variables(#49281f, secondary, dark) {
459
466
  --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * .8)));
460
467
  --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
461
468
  --theme-dark-secondary-custom-focus-ring: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
469
+ --theme-dark-secondary-custom-translucent: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
462
470
  }
463
471
  "
464
472
  `;
@@ -493,6 +501,7 @@ create-custom-theme-variables(secondary, base) {
493
501
  --theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (var(--theme-base-secondary-color-l) * -.6)));
494
502
  --theme-secondary-custom: var(--theme-secondary-custom-400);
495
503
  --theme-secondary-custom-focus-ring: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
504
+ --theme-secondary-custom-translucent: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
496
505
  }
497
506
 
498
507
  create-custom-theme-variables(secondary, base) {
@@ -504,6 +513,7 @@ create-custom-theme-variables(secondary, base) {
504
513
  --theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (var(--theme-base-secondary-color-l) * -.6)));
505
514
  --theme-secondary-custom: var(--theme-secondary-custom-400);
506
515
  --theme-secondary-custom-focus-ring: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
516
+ --theme-secondary-custom-translucent: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
507
517
  }
508
518
  "
509
519
  `;
package/lib/exports/__snapshots__/color.less.test.ts.snap CHANGED
@@ -142,6 +142,11 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
142
142
  --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.06), 0 2px 6px hsla(0, 0%, 0%, 0.06), 0 3px 8px hsla(0, 0%, 0%, 0.09);
143
143
  --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.09), 0 3px 8px hsla(0, 0%, 0%, 0.09), 0 4px 13px hsla(0, 0%, 0%, 0.13);
144
144
  --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.05), 0 20px 48px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.1);
145
+ --translucent-secondary: var(--theme-secondary-custom-translucent, hsla(206, 100%, 40%, 0.15));
146
+ --translucent-success: hsla(140, 40%, 75%, 0.4);
147
+ --translucent-warning: hsla(47, 79%, 58%, 0.4);
148
+ --translucent-error: hsla(358, 62%, 47%, 0.15);
149
+ --translucent-muted: hsla(210, 8%, 15%, 0.1);
145
150
  --focus-ring: var(--theme-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.15));
146
151
  --focus-ring-success: hsla(140, 40%, 75%, 0.4);
147
152
  --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
@@ -189,6 +194,7 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
189
194
  --theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (var(--theme-base-secondary-color-l) * -.6)));
190
195
  --theme-secondary-custom: var(--theme-secondary-custom-400);
191
196
  --theme-secondary-custom-focus-ring: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
197
+ --theme-secondary-custom-translucent: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
192
198
  color: var(--theme-body-font-color, var(--black-600));
193
199
  }
194
200
 
@@ -269,6 +275,11 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
269
275
  --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
270
276
  --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
271
277
  --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
278
+ --translucent-secondary: var(--theme-dark-secondary-custom-translucent, hsla(206, 100%, 40%, 0.25));
279
+ --translucent-success: hsla(140, 40%, 75%, 0.4);
280
+ --translucent-warning: hsla(47, 79%, 58%, 0.4);
281
+ --translucent-error: hsla(358, 62%, 47%, 0.15);
282
+ --translucent-muted: hsla(210, 8%, 15%, 0.1);
272
283
  --focus-ring: var(--theme-dark-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.25));
273
284
  --focus-ring-success: hsla(140, 40%, 75%, 0.4);
274
285
  --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
@@ -316,6 +327,7 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
316
327
  --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * .8)));
317
328
  --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
318
329
  --theme-dark-secondary-custom-focus-ring: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
330
+ --theme-dark-secondary-custom-translucent: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
319
331
  color: var(--theme-body-font-color, var(--black-600));
320
332
  }
321
333
 
@@ -394,6 +406,11 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
394
406
  --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
395
407
  --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
396
408
  --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
409
+ --translucent-secondary: var(--theme-dark-secondary-custom-translucent, hsla(206, 100%, 40%, 0.25));
410
+ --translucent-success: hsla(140, 40%, 75%, 0.4);
411
+ --translucent-warning: hsla(47, 79%, 58%, 0.4);
412
+ --translucent-error: hsla(358, 62%, 47%, 0.15);
413
+ --translucent-muted: hsla(210, 8%, 15%, 0.1);
397
414
  --focus-ring: var(--theme-dark-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.25));
398
415
  --focus-ring-success: hsla(140, 40%, 75%, 0.4);
399
416
  --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
@@ -441,6 +458,7 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
441
458
  --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * .8)));
442
459
  --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
443
460
  --theme-dark-secondary-custom-focus-ring: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
461
+ --theme-dark-secondary-custom-translucent: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
444
462
  color: var(--theme-body-font-color, var(--black-600));
445
463
  }
446
464
  }
@@ -519,6 +537,11 @@ body.theme-highcontrast.theme-system .theme-light__forced {
519
537
  --bs-md: none;
520
538
  --bs-lg: none;
521
539
  --bs-xl: none;
540
+ --translucent-secondary: hsla(206, 100%, 40%, 0.9);
541
+ --translucent-success: hsla(140, 40%, 40%, 0.9);
542
+ --translucent-warning: hsla(47, 76%, 46%, 0.9);
543
+ --translucent-error: hsla(358, 62%, 47%, 0.9);
544
+ --translucent-muted: hsla(210, 8%, 55%, 0.95);
522
545
  --focus-ring: hsla(206, 100%, 40%, 0.9);
523
546
  --focus-ring-success: hsla(140, 40%, 40%, 0.9);
524
547
  --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
@@ -627,6 +650,11 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
627
650
  --bs-md: none;
628
651
  --bs-lg: none;
629
652
  --bs-xl: none;
653
+ --translucent-secondary: hsla(206, 100%, 40%, 0.9);
654
+ --translucent-success: hsla(140, 40%, 40%, 0.9);
655
+ --translucent-warning: hsla(47, 76%, 46%, 0.9);
656
+ --translucent-error: hsla(358, 62%, 47%, 0.9);
657
+ --translucent-muted: hsla(210, 8%, 55%, 0.95);
630
658
  --focus-ring: hsla(206, 100%, 40%, 0.9);
631
659
  --focus-ring-success: hsla(140, 40%, 40%, 0.9);
632
660
  --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
@@ -735,6 +763,11 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
735
763
  --bs-md: none;
736
764
  --bs-lg: none;
737
765
  --bs-xl: none;
766
+ --translucent-secondary: hsla(206, 100%, 40%, 0.9);
767
+ --translucent-success: hsla(140, 40%, 40%, 0.9);
768
+ --translucent-warning: hsla(47, 76%, 46%, 0.9);
769
+ --translucent-error: hsla(358, 62%, 47%, 0.9);
770
+ --translucent-muted: hsla(210, 8%, 55%, 0.95);
738
771
  --focus-ring: hsla(206, 100%, 40%, 0.9);
739
772
  --focus-ring-success: hsla(140, 40%, 40%, 0.9);
740
773
  --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
package/lib/exports/color-mixins.less CHANGED
@@ -228,6 +228,7 @@
228
228
 
229
229
  & when (@tier = secondary) {
230
230
  @{varBase}-focus-ring: ~"hsla(@{focusRingHSLVars}, 0.15)";
231
+ @{varBase}-translucent: ~"hsla(@{focusRingHSLVars}, 0.15)";
231
232
  }
232
233
  }
233
234
 
@@ -244,6 +245,7 @@
244
245
 
245
246
  & when (@tier = secondary) {
246
247
  @{varBaseDark}-focus-ring: ~"hsla(@{focusRingHSLVars}, 0.25)";
248
+ @{varBaseDark}-translucent: ~"hsla(@{focusRingHSLVars}, 0.25)";
247
249
  }
248
250
  }
249
251
  }
package/lib/exports/color-sets.less CHANGED
@@ -430,6 +430,29 @@
430
430
  warning: var(--yellow-500);
431
431
  }
432
432
 
433
+ // translucent utility colors (HC set represents both light and dark HC modes)
434
+ .set-translucent() {
435
+ secondary: var(--theme-secondary-custom-translucent, hsla(206, 100%, 40%, 0.15));
436
+ success: hsla(140, 40%, 75%, 0.4);
437
+ warning: hsla(47, 79%, 58%, 0.4);
438
+ error: hsla(358, 62%, 47%, 0.15);
439
+ muted: hsla(210, 8%, 15%, 0.1);
440
+ }
441
+ .set-translucent-dark() {
442
+ secondary: var(--theme-dark-secondary-custom-translucent, hsla(206, 100%, 40%, 0.25));
443
+ success: hsla(140, 40%, 75%, 0.4);
444
+ warning: hsla(47, 79%, 58%, 0.4);
445
+ error: hsla(358, 62%, 47%, 0.15);
446
+ muted: hsla(210, 8%, 15%, 0.1);
447
+ }
448
+ .set-translucent-hc() {
449
+ secondary: hsla(206, 100%, 40%, 0.9);
450
+ success: hsla(140, 40%, 40%, 0.9);
451
+ warning: hsla(47, 76%, 46%, 0.9);
452
+ error: hsla(358, 62%, 47%, 0.9);
453
+ muted: hsla(210, 8%, 55%, 0.95);
454
+ }
455
+
433
456
  // focus (sets represents both light and dark mode)
434
457
  .set-focus() {
435
458
  default: var(--theme-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.15));
@@ -607,6 +630,7 @@
607
630
  .sets-utility() {
608
631
  bc: .set-bc();
609
632
  bs: .set-bs();
633
+ translucent: .set-translucent();
610
634
  focus-ring: .set-focus();
611
635
  highlight: .set-highlight();
612
636
  scrollbar: .set-scrollbar();
@@ -615,6 +639,7 @@
615
639
  .sets-utility-dark() {
616
640
  bc: .set-bc();
617
641
  bs: .set-bs-dark();
642
+ translucent: .set-translucent-dark();
618
643
  focus-ring: .set-focus-dark();
619
644
  highlight: .set-highlight-dark();
620
645
  scrollbar: .set-scrollbar-dark();
@@ -623,6 +648,7 @@
623
648
  .sets-utility-hc() {
624
649
  bc: .set-bc-hc();
625
650
  bs: .set-bs-hc();
651
+ translucent: .set-translucent-hc();
626
652
  focus-ring: .set-focus-hc();
627
653
  highlight: .set-highlight-hc();
628
654
  scrollbar: .set-scrollbar-hc();
@@ -631,6 +657,7 @@
631
657
  .sets-utility-dark-hc() {
632
658
  bc: .set-bc-hc();
633
659
  bs: .set-bs-hc-dark();
660
+ translucent: .set-translucent-hc();
634
661
  focus-ring: .set-focus-hc();
635
662
  highlight: .set-highlight-hc-dark();
636
663
  scrollbar: .set-scrollbar-hc-dark();
package/lib/tsconfig.json CHANGED
@@ -10,8 +10,8 @@
10
10
  "declaration": true,
11
11
  "allowSyntheticDefaultImports": true,
12
12
  "paths": {
13
- "@open-wc/testing": ["./test/open-wc-testing-patch.d.ts"]
14
- }
13
+ "@open-wc/testing": ["./test/open-wc-testing-patch.d.ts"],
14
+ },
15
15
  },
16
- "include": ["**/*.ts"]
16
+ "include": ["**/*.ts"],
17
17
  }
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",
8
+ "version": "2.0.9",
9
9
  "files": [
10
10
  "dist",
11
11
  "lib"
@@ -50,13 +50,13 @@
50
50
  "@rollup/plugin-replace": "^5.0.5",
51
51
  "@stackoverflow/stacks-editor": "^0.9.1",
52
52
  "@stackoverflow/stacks-icons": "^6.0.0",
53
- "@testing-library/dom": "^9.3.3",
53
+ "@testing-library/dom": "^9.3.4",
54
54
  "@testing-library/user-event": "^14.5.2",
55
55
  "@types/cssbeautify": "^0.3.5",
56
56
  "@types/less": "^3.0.6",
57
57
  "@types/mocha": "^10.0.6",
58
- "@typescript-eslint/eslint-plugin": "^6.18.0",
59
- "@typescript-eslint/parser": "^6.18.0",
58
+ "@typescript-eslint/eslint-plugin": "^6.19.0",
59
+ "@typescript-eslint/parser": "^6.19.0",
60
60
  "@web/dev-server-esbuild": "^1.0.1",
61
61
  "@web/dev-server-rollup": "^0.6.1",
62
62
  "@web/test-runner": "^0.18.0",
@@ -65,7 +65,7 @@
65
65
  "apca-check": "^0.1.0",
66
66
  "colorjs.io": "^0.4.5",
67
67
  "concurrently": "^8.2.2",
68
- "css-loader": "^6.8.1",
68
+ "css-loader": "^6.9.1",
69
69
  "cssbeautify": "^0.3.1",
70
70
  "cssnano": "^6.0.3",
71
71
  "docsearch.js": "^2.6.3",
@@ -75,21 +75,21 @@
75
75
  "eslint-config-prettier": "^9.1.0",
76
76
  "eslint-plugin-no-unsanitized": "^4.0.2",
77
77
  "jquery": "^3.7.1",
78
- "less-loader": "^11.1.4",
78
+ "less-loader": "^12.1.0",
79
79
  "list.js": "^2.3.1",
80
80
  "markdown-it": "^14.0.0",
81
- "mini-css-extract-plugin": "^2.7.6",
81
+ "mini-css-extract-plugin": "^2.7.7",
82
82
  "postcss-less": "^6.0.0",
83
- "postcss-loader": "^7.3.4",
84
- "prettier": "^3.1.1",
83
+ "postcss-loader": "^8.0.0",
84
+ "prettier": "^3.2.4",
85
85
  "rollup-plugin-postcss": "^4.0.2",
86
- "stylelint": "^16.1.0",
86
+ "stylelint": "^16.2.0",
87
87
  "stylelint-config-recommended": "^14.0.0",
88
88
  "stylelint-config-standard": "^36.0.0",
89
89
  "terser-webpack-plugin": "^5.3.10",
90
90
  "ts-loader": "^9.5.1",
91
91
  "typescript": "^5.3.3",
92
- "vitest": "^1.1.3",
92
+ "vitest": "^1.2.1",
93
93
  "webpack": "^5.89.0",
94
94
  "webpack-cli": "^5.1.4",
95
95
  "webpack-merge": "^5.10.0"