@stackoverflow/stacks 2.0.0-rc.3 → 2.0.0-rc.5

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 (21) hide show
  1. package/dist/components/code-block/code-block.fixtures.d.ts +2 -0
  2. package/dist/css/stacks.css +53 -22
  3. package/dist/css/stacks.min.css +1 -1
  4. package/lib/atomic/__snapshots__/color.less.test.ts.snap +246 -0
  5. package/lib/components/anchor/anchor.visual.test.ts +1 -1
  6. package/lib/components/avatar/avatar.visual.test.ts +1 -1
  7. package/lib/components/button/button.a11y.test.ts +1 -1
  8. package/lib/components/button/button.visual.test.ts +1 -1
  9. package/lib/components/code-block/code-block.a11y.test.ts +30 -0
  10. package/lib/components/code-block/code-block.fixtures.ts +88 -0
  11. package/lib/components/code-block/code-block.visual.test.ts +20 -0
  12. package/lib/components/navigation/navigation.a11y.test.ts +80 -0
  13. package/lib/components/navigation/navigation.visual.test.ts +101 -0
  14. package/lib/components/notice/notice.a11y.test.ts +1 -1
  15. package/lib/components/pagination/pagination.a11y.test.ts +1 -1
  16. package/lib/components/toast/toast.a11y.test.ts +1 -1
  17. package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +16 -10
  18. package/lib/exports/__snapshots__/color.less.test.ts.snap +215 -147
  19. package/lib/exports/color-sets.less +2 -2
  20. package/lib/exports/color.less +17 -3
  21. package/package.json +3 -3
package/dist/components/code-block/code-block.fixtures.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const highlightedFixtures: Record<string, string>;
2
+ export default highlightedFixtures;
package/dist/css/stacks.css CHANGED
@@ -7384,21 +7384,42 @@ body {
7384
7384
  --_o-disabled-static: 0.5;
7385
7385
  --_black-static: hsl(0, 0%, 0%);
7386
7386
  --_white-static: hsl(0, 0%, 100%);
7387
- --bg-error: var(--red-400);
7388
- --bg-danger: var(--red-400);
7389
- --bg-success: var(--green-400);
7390
- --bg-warning: var(--yellow-500);
7391
- --bc-error: var(--red-400);
7392
- --bc-danger: var(--red-400);
7393
- --bc-success: var(--green-400);
7394
- --bc-warning: var(--yellow-500);
7395
- --fc-light: var(--black-400);
7396
- --fc-medium: var(--black-500);
7397
- --fc-dark: var(--black-600);
7398
- --fc-error: var(--red-400);
7399
- --fc-danger: var(--red-400);
7400
- --fc-success: var(--green-500);
7401
- --fc-warning: var(--yellow-500);
7387
+ }
7388
+ body,
7389
+ body.themed,
7390
+ body .themed {
7391
+ color: var(--theme-body-font-color, var(--black-600));
7392
+ }
7393
+ body:not(.theme-highcontrast):not(.theme-dark),
7394
+ body.theme-highcontrast:not(.theme-dark),
7395
+ body:not(.theme-highcontrast).theme-dark .theme-light__forced,
7396
+ body.theme-highcontrast.theme-dark .theme-light__forced,
7397
+ body:not(.theme-highcontrast).theme-system .theme-light__forced,
7398
+ body.theme-highcontrast.theme-system .theme-light__forced,
7399
+ body:not(.theme-highcontrast).theme-dark,
7400
+ body.theme-highcontrast.theme-dark,
7401
+ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced,
7402
+ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced,
7403
+ body:not(.theme-highcontrast):not(.theme-dark).themed,
7404
+ body.theme-highcontrast:not(.theme-dark).themed,
7405
+ body:not(.theme-highcontrast).theme-dark .theme-light__forced.themed,
7406
+ body.theme-highcontrast.theme-dark .theme-light__forced.themed,
7407
+ body:not(.theme-highcontrast).theme-system .theme-light__forced.themed,
7408
+ body.theme-highcontrast.theme-system .theme-light__forced.themed,
7409
+ body:not(.theme-highcontrast).theme-dark.themed,
7410
+ body.theme-highcontrast.theme-dark.themed,
7411
+ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced.themed,
7412
+ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced.themed,
7413
+ body:not(.theme-highcontrast):not(.theme-dark) .themed,
7414
+ body.theme-highcontrast:not(.theme-dark) .themed,
7415
+ body:not(.theme-highcontrast).theme-dark .theme-light__forced .themed,
7416
+ body.theme-highcontrast.theme-dark .theme-light__forced .themed,
7417
+ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed,
7418
+ body.theme-highcontrast.theme-system .theme-light__forced .themed,
7419
+ body:not(.theme-highcontrast).theme-dark .themed,
7420
+ body.theme-highcontrast.theme-dark .themed,
7421
+ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed,
7422
+ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced .themed {
7402
7423
  --theme-body-font-color: var(--black-600);
7403
7424
  --theme-background-color: var(--white);
7404
7425
  --theme-link-color: var(--theme-secondary-400);
@@ -7459,11 +7480,21 @@ body {
7459
7480
  --theme-post-title-color-visited: var(--theme-link-color-visited);
7460
7481
  --theme-post-title-font-family: var(--theme-body-font-family);
7461
7482
  --theme-post-body-font-family: var(--theme-body-font-family);
7462
- }
7463
- body,
7464
- body.themed,
7465
- body .themed {
7466
- color: var(--theme-body-font-color, var(--black-600));
7483
+ --bg-error: var(--red-400);
7484
+ --bg-danger: var(--red-400);
7485
+ --bg-success: var(--green-400);
7486
+ --bg-warning: var(--yellow-500);
7487
+ --bc-error: var(--red-400);
7488
+ --bc-danger: var(--red-400);
7489
+ --bc-success: var(--green-400);
7490
+ --bc-warning: var(--yellow-500);
7491
+ --fc-light: var(--black-400);
7492
+ --fc-medium: var(--black-500);
7493
+ --fc-dark: var(--black-600);
7494
+ --fc-error: var(--red-400);
7495
+ --fc-danger: var(--red-400);
7496
+ --fc-success: var(--green-500);
7497
+ --fc-warning: var(--yellow-500);
7467
7498
  }
7468
7499
  body:not(.theme-highcontrast):not(.theme-dark),
7469
7500
  body:not(.theme-highcontrast).theme-dark .theme-light__forced,
@@ -7505,7 +7536,7 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
7505
7536
  --green-400: hsl(148, 70%, 31%);
7506
7537
  --green-500: hsl(148, 75%, 22%);
7507
7538
  --green-600: hsl(148, 75%, 15%);
7508
- --red-100: hsl(0, 78%, 96%);
7539
+ --red-100: hsl(0, 72%, 96%);
7509
7540
  --red-200: hsl(0, 70%, 93%);
7510
7541
  --red-300: hsl(0, 65%, 76%);
7511
7542
  --red-400: hsl(0, 60%, 49%);
@@ -7552,7 +7583,7 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
7552
7583
  --focus-ring-muted: hsla(210, 8%, 15%, 0.1);
7553
7584
  --highlight-addition: var(--green-500);
7554
7585
  --highlight-attribute: hsl(206, 98.5%, 29%);
7555
- --highlight-bg: var(--black-100);
7586
+ --highlight-bg: hsl(0, 0%, 96.5%);
7556
7587
  --highlight-color: var(--black-600);
7557
7588
  --highlight-comment: hsl(210, 8%, 43.5%);
7558
7589
  --highlight-deletion: var(--red-500);