@stackoverflow/stacks 2.0.0-rc.8 → 2.0.0-rc.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.
- package/dist/css/stacks.css +64 -23
- package/dist/css/stacks.min.css +1 -1
- package/lib/components/anchor/anchor.less +9 -5
- package/lib/components/link/link.less +8 -8
- package/lib/components/select/select.less +1 -1
- package/lib/exports/__snapshots__/color.less.test.ts.snap +40 -1
- package/lib/exports/color-sets.less +1 -1
- package/lib/exports/color.less +17 -1
- package/package.json +1 -1
package/dist/css/stacks.css
CHANGED
|
@@ -462,24 +462,28 @@ body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
|
|
|
462
462
|
}
|
|
463
463
|
.s-anchors.s-anchors__danger {
|
|
464
464
|
--_an-a-fc: var(--red-400);
|
|
465
|
-
--_an-a-fc-hover: var(--red-
|
|
465
|
+
--_an-a-fc-hover: var(--red-500);
|
|
466
|
+
--_an-a-fc-visited: var(--red-600);
|
|
466
467
|
}
|
|
467
468
|
.s-anchors.s-anchors__default {
|
|
468
469
|
--_an-a-fc: var(--theme-link-color, var(--theme-secondary-400));
|
|
469
|
-
--_an-a-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-
|
|
470
|
-
--_an-a-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-
|
|
470
|
+
--_an-a-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
|
|
471
|
+
--_an-a-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-600));
|
|
471
472
|
}
|
|
472
473
|
.s-anchors.s-anchors__grayscale {
|
|
473
|
-
--_an-a-fc: var(--black-
|
|
474
|
+
--_an-a-fc: var(--black-400);
|
|
474
475
|
--_an-a-fc-hover: var(--black-500);
|
|
476
|
+
--_an-a-fc-visited: var(--black-600);
|
|
475
477
|
}
|
|
476
478
|
.s-anchors.s-anchors__inherit {
|
|
477
479
|
--_an-a-fc: inherit;
|
|
478
480
|
--_an-a-fc-hover: inherit;
|
|
481
|
+
--_an-a-fc-visited: inherit;
|
|
479
482
|
}
|
|
480
483
|
.s-anchors.s-anchors__muted {
|
|
481
484
|
--_an-a-fc: var(--black-400);
|
|
482
|
-
--_an-a-fc-hover: var(--black-
|
|
485
|
+
--_an-a-fc-hover: var(--black-500);
|
|
486
|
+
--_an-a-fc-visited: var(--black-600);
|
|
483
487
|
}
|
|
484
488
|
.s-anchors.s-anchors__danger a:not(.s-link),
|
|
485
489
|
.s-anchors.s-anchors__default a:not(.s-link),
|
|
@@ -1315,8 +1319,8 @@ body.theme-highcontrast .s-btn-group.s-btn-group--radio .s-btn--radio:checked +
|
|
|
1315
1319
|
--_bu-focus-ring: none;
|
|
1316
1320
|
--_bu-p: 0;
|
|
1317
1321
|
--_li-fc: var(--theme-link-color, var(--theme-secondary-400));
|
|
1318
|
-
--_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-
|
|
1319
|
-
--_li-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-
|
|
1322
|
+
--_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
|
|
1323
|
+
--_li-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-600));
|
|
1320
1324
|
color: var(--_li-fc);
|
|
1321
1325
|
cursor: pointer;
|
|
1322
1326
|
text-decoration: none;
|
|
@@ -1386,13 +1390,13 @@ body.theme-highcontrast .s-btn.s-btn__link {
|
|
|
1386
1390
|
}
|
|
1387
1391
|
.s-btn.s-btn__link.s-link__danger {
|
|
1388
1392
|
--_li-fc: var(--red-400);
|
|
1389
|
-
--_li-fc-hover: var(--red-
|
|
1390
|
-
--_li-fc-visited: var(--red-
|
|
1393
|
+
--_li-fc-hover: var(--red-500);
|
|
1394
|
+
--_li-fc-visited: var(--red-600);
|
|
1391
1395
|
}
|
|
1392
1396
|
.s-btn.s-btn__link.s-link__grayscale {
|
|
1393
|
-
--_li-fc: var(--black-
|
|
1394
|
-
--_li-fc-hover: var(--black-
|
|
1395
|
-
--_li-fc-visited: var(--black-
|
|
1397
|
+
--_li-fc: var(--black-500);
|
|
1398
|
+
--_li-fc-hover: var(--black-400);
|
|
1399
|
+
--_li-fc-visited: var(--black-600);
|
|
1396
1400
|
}
|
|
1397
1401
|
.s-btn.s-btn__link.s-link__inherit {
|
|
1398
1402
|
--_li-fc: inherit !important;
|
|
@@ -1402,7 +1406,7 @@ body.theme-highcontrast .s-btn.s-btn__link {
|
|
|
1402
1406
|
.s-btn.s-btn__link.s-link__muted {
|
|
1403
1407
|
--_li-fc: var(--black-400);
|
|
1404
1408
|
--_li-fc-hover: var(--black-500);
|
|
1405
|
-
--_li-fc-visited: var(--black-
|
|
1409
|
+
--_li-fc-visited: var(--black-600);
|
|
1406
1410
|
}
|
|
1407
1411
|
fieldset[disabled] .s-btn.s-btn__link {
|
|
1408
1412
|
box-shadow: none !important;
|
|
@@ -2585,8 +2589,8 @@ body.theme-highcontrast .s-label--status {
|
|
|
2585
2589
|
a,
|
|
2586
2590
|
.s-link {
|
|
2587
2591
|
--_li-fc: var(--theme-link-color, var(--theme-secondary-400));
|
|
2588
|
-
--_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-
|
|
2589
|
-
--_li-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-
|
|
2592
|
+
--_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
|
|
2593
|
+
--_li-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-600));
|
|
2590
2594
|
color: var(--_li-fc);
|
|
2591
2595
|
cursor: pointer;
|
|
2592
2596
|
text-decoration: none;
|
|
@@ -2662,14 +2666,14 @@ a.s-link__visited,
|
|
|
2662
2666
|
a.s-link__danger,
|
|
2663
2667
|
.s-link.s-link__danger {
|
|
2664
2668
|
--_li-fc: var(--red-400);
|
|
2665
|
-
--_li-fc-hover: var(--red-
|
|
2666
|
-
--_li-fc-visited: var(--red-
|
|
2669
|
+
--_li-fc-hover: var(--red-500);
|
|
2670
|
+
--_li-fc-visited: var(--red-600);
|
|
2667
2671
|
}
|
|
2668
2672
|
a.s-link__grayscale,
|
|
2669
2673
|
.s-link.s-link__grayscale {
|
|
2670
|
-
--_li-fc: var(--black-
|
|
2671
|
-
--_li-fc-hover: var(--black-
|
|
2672
|
-
--_li-fc-visited: var(--black-
|
|
2674
|
+
--_li-fc: var(--black-500);
|
|
2675
|
+
--_li-fc-hover: var(--black-400);
|
|
2676
|
+
--_li-fc-visited: var(--black-600);
|
|
2673
2677
|
}
|
|
2674
2678
|
a.s-link__inherit,
|
|
2675
2679
|
.s-link.s-link__inherit {
|
|
@@ -2681,7 +2685,7 @@ a.s-link__muted,
|
|
|
2681
2685
|
.s-link.s-link__muted {
|
|
2682
2686
|
--_li-fc: var(--black-400);
|
|
2683
2687
|
--_li-fc-hover: var(--black-500);
|
|
2684
|
-
--_li-fc-visited: var(--black-
|
|
2688
|
+
--_li-fc-visited: var(--black-600);
|
|
2685
2689
|
}
|
|
2686
2690
|
fieldset[disabled] a,
|
|
2687
2691
|
fieldset[disabled] .s-link {
|
|
@@ -4687,7 +4691,7 @@ body.theme-highcontrast .s-prose {
|
|
|
4687
4691
|
.s-select {
|
|
4688
4692
|
--_se-arrow-bc: currentColor transparent;
|
|
4689
4693
|
--_se-arrow-size: var(--su-static4);
|
|
4690
|
-
--_se-select-bc: var(--bc-
|
|
4694
|
+
--_se-select-bc: var(--bc-darker);
|
|
4691
4695
|
--_se-select-bc-focus: var(--theme-secondary-400);
|
|
4692
4696
|
--_se-select-bs-focus: 0 0 0 var(--su-static4) var(--focus-ring);
|
|
4693
4697
|
--_se-select-bg: var(--white);
|
|
@@ -7382,6 +7386,22 @@ body {
|
|
|
7382
7386
|
--_o-disabled-static: 0.5;
|
|
7383
7387
|
--_black-static: hsl(0, 0%, 0%);
|
|
7384
7388
|
--_white-static: hsl(0, 0%, 100%);
|
|
7389
|
+
}
|
|
7390
|
+
body:not(.theme-dark),
|
|
7391
|
+
body.theme-highcontrast:not(.theme-dark),
|
|
7392
|
+
body:not(.theme-highcontrast):not(.theme-dark),
|
|
7393
|
+
body.theme-dark .theme-light__forced,
|
|
7394
|
+
body.theme-highcontrast.theme-dark .theme-light__forced,
|
|
7395
|
+
body:not(.theme-highcontrast).theme-dark .theme-light__forced,
|
|
7396
|
+
body.theme-system .theme-light__forced,
|
|
7397
|
+
body.theme-highcontrast.theme-system .theme-light__forced,
|
|
7398
|
+
body:not(.theme-highcontrast).theme-system .theme-light__forced,
|
|
7399
|
+
body.theme-dark,
|
|
7400
|
+
body.theme-highcontrast.theme-dark,
|
|
7401
|
+
body:not(.theme-highcontrast).theme-dark,
|
|
7402
|
+
body:not(.theme-dark) .theme-dark__forced,
|
|
7403
|
+
body.theme-highcontrast:not(.theme-dark) .theme-dark__forced,
|
|
7404
|
+
body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced {
|
|
7385
7405
|
--bg-error: var(--red-400);
|
|
7386
7406
|
--bg-danger: var(--red-400);
|
|
7387
7407
|
--bg-success: var(--green-400);
|
|
@@ -7395,9 +7415,30 @@ body {
|
|
|
7395
7415
|
--fc-dark: var(--black-600);
|
|
7396
7416
|
--fc-error: var(--red-400);
|
|
7397
7417
|
--fc-danger: var(--red-400);
|
|
7398
|
-
--fc-success: var(--green-
|
|
7418
|
+
--fc-success: var(--green-400);
|
|
7399
7419
|
--fc-warning: var(--yellow-500);
|
|
7400
7420
|
}
|
|
7421
|
+
@media (prefers-color-scheme: dark) {
|
|
7422
|
+
body.theme-system,
|
|
7423
|
+
body.theme-highcontrast.theme-system,
|
|
7424
|
+
body:not(.theme-highcontrast).theme-system {
|
|
7425
|
+
--bg-error: var(--red-400);
|
|
7426
|
+
--bg-danger: var(--red-400);
|
|
7427
|
+
--bg-success: var(--green-400);
|
|
7428
|
+
--bg-warning: var(--yellow-500);
|
|
7429
|
+
--bc-error: var(--red-400);
|
|
7430
|
+
--bc-danger: var(--red-400);
|
|
7431
|
+
--bc-success: var(--green-400);
|
|
7432
|
+
--bc-warning: var(--yellow-500);
|
|
7433
|
+
--fc-light: var(--black-400);
|
|
7434
|
+
--fc-medium: var(--black-500);
|
|
7435
|
+
--fc-dark: var(--black-600);
|
|
7436
|
+
--fc-error: var(--red-400);
|
|
7437
|
+
--fc-danger: var(--red-400);
|
|
7438
|
+
--fc-success: var(--green-400);
|
|
7439
|
+
--fc-warning: var(--yellow-500);
|
|
7440
|
+
}
|
|
7441
|
+
}
|
|
7401
7442
|
body:not(.theme-highcontrast):not(.theme-dark),
|
|
7402
7443
|
body:not(.theme-highcontrast).theme-dark .theme-light__forced,
|
|
7403
7444
|
body:not(.theme-highcontrast).theme-system .theme-light__forced,
|