@stackoverflow/stacks 2.0.2 → 2.0.4

package/lib/exports/color-sets.less

@@ -94,12 +94,12 @@
     600: hsl(27, 80%, 29%);
 }
 .set-orange-dark() {
-    100: hsl(27, 29%, 19%);
-    200: hsl(27, 43%, 31%);
-    300: hsl(27, 43%, 47%);
-    400: hsl(27, 80%, 72%);
-    500: hsl(27, 80%, 83%);
-    600: hsl(27, 80%, 93%);
+    100: hsl(27, 55%, 20%);
+    200: hsl(27, 50%, 33%);
+    300: hsl(27, 50%, 43%);
+    400: hsl(27, 90%, 68%);
+    500: hsl(27, 90%, 80%);
+    600: hsl(27, 90%, 90%);
 }
 .set-orange-hc() {
     100: hsl(23, 87%, 97%);
@@ -128,12 +128,12 @@
     600: hsl(210, 80%, 23%);
 }
 .set-blue-dark() {
-    100: hsl(209, 29%, 19%);
-    200: hsl(210, 29%, 35%);
-    300: hsl(210, 29%, 50%);
-    400: hsl(210, 80%, 75%);
-    500: hsl(210, 80%, 83%);
-    600: hsl(210, 80%, 93%);
+    100: hsl(210, 50%, 22%);
+    200: hsl(210, 50%, 36%);
+    300: hsl(210, 50%, 48%);
+    400: hsl(210, 89%, 77%);
+    500: hsl(210, 89%, 84%);
+    600: hsl(210, 89%, 92%);
 }
 .set-blue-hc() {
     100: hsl(210, 80%, 96%);
@@ -162,12 +162,12 @@
     600: hsl(148, 75%, 15%);
 }
 .set-green-dark() {
-    100: hsl(148, 29%, 19%);
-    200: hsl(148, 29%, 27%);
-    300: hsl(148, 25%, 40%);
-    400: hsl(148, 40%, 68%);
-    500: hsl(148, 40%, 80%);
-    600: hsl(148, 40%, 93%);
+    100: hsl(149, 51%, 15%);
+    200: hsl(149, 51%, 25%);
+    300: hsl(149, 51%, 36%);
+    400: hsl(149, 50%, 62%);
+    500: hsl(149, 50%, 74%);
+    600: hsl(149, 50%, 88%);
 }
 .set-green-hc() {
     100: hsl(147, 36%, 95%);
@@ -196,12 +196,12 @@
     600: hsl(0, 65%, 22%);
 }
 .set-red-dark() {
-    100: hsl(358, 29%, 19%);
-    200: hsl(0, 29%, 37%);
-    300: hsl(0, 34%, 54%);
-    400: hsl(0, 73%, 80%);
-    500: hsl(0, 73%, 88%);
-    600: hsl(0, 73%, 95%);
+    100: hsl(0, 43%, 22%);
+    200: hsl(0, 43%, 41%);
+    300: hsl(0, 43%, 56%);
+    400: hsl(0, 90%, 81%);
+    500: hsl(0, 90%, 88%);
+    600: hsl(0, 90%, 94%);
 }
 .set-red-hc() {
     100: hsl(0, 80%, 96%);
@@ -222,24 +222,24 @@
 
 // Yellow
 .set-yellow() {
-    100: hsl(43, 80%, 96%);
-    200: hsl(43, 80%, 88%);
+    100: hsl(43, 85%, 95%);
+    200: hsl(43, 85%, 88%);
     300: hsl(43, 85%, 72%);
     400: hsl(43, 85%, 50%);
     500: hsl(43, 85%, 33%);
-    600: hsl(43, 84%, 18%);
+    600: hsl(43, 85%, 18%);
 }
 .set-yellow-dark() {
-    100: hsl(43, 29%, 17%);
-    200: hsl(43, 29%, 25%);
-    300: hsl(43, 29%, 40%);
-    400: hsl(43, 75%, 75%);
-    500: hsl(43, 75%, 82%);
-    600: hsl(43, 75%, 91%);
+    100: hsl(43, 50%, 17%);
+    200: hsl(43, 50%, 28%);
+    300: hsl(43, 50%, 39%);
+    400: hsl(43, 90%, 75%);
+    500: hsl(43, 90%, 82%);
+    600: hsl(43, 90%, 91%);
 }
 .set-yellow-hc() {
-    100: hsl(41, 80%, 96%);
-    200: hsl(41, 80%, 96%);
+    100: hsl(41, 85%, 95%);
+    200: hsl(41, 85%, 95%);
     300: hsl(43, 85%, 50%);
     400: hsl(43, 85%, 50%);
     500: hsl(48, 85%, 18%);
@@ -264,12 +264,12 @@
     600: hsl(237, 50%, 32%);
 }
 .set-purple-dark() {
-    100: hsl(237, 24%, 23%);
-    200: hsl(237, 27%, 34%);
-    300: hsl(237, 32%, 56%);
-    400: hsl(237, 60%, 82%);
-    500: hsl(237, 60%, 88%);
-    600: hsl(237, 65%, 96%);
+    100: hsl(237, 43%, 37%);
+    200: hsl(237, 51%, 52%);
+    300: hsl(237, 63%, 62%);
+    400: hsl(237, 89%, 83%);
+    500: hsl(237, 89%, 89%);
+    600: hsl(237, 89%, 94%);
 }
 .set-purple-hc() {
     100: hsl(237, 83%, 98%);
@@ -512,13 +512,18 @@
     variable: hsl(62, 71%, 81%);
 }
 
-// Scrollbar (sets represents both light and dark mode)
 .set-scrollbar() {
     default: hsla(0, 0%, 0%, 0.2);
 }
+.set-scrollbar-dark() {
+    default: hsla(0, 0%, 100%, 0.2);
+}
 .set-scrollbar-hc() {
     default: var(--black);
 }
+.set-scrollbar-hc-dark() {
+    default: var(--black);
+}
 
 // Color sets
 .sets-mode() {
@@ -612,7 +617,7 @@
     bs: .set-bs-dark();
     focus-ring: .set-focus-dark();
     highlight: .set-highlight-dark();
-    scrollbar: .set-scrollbar();
+    scrollbar: .set-scrollbar-dark();
 }
 
 .sets-utility-hc() {
@@ -628,7 +633,7 @@
     bs: .set-bs-hc-dark();
     focus-ring: .set-focus-hc();
     highlight: .set-highlight-hc-dark();
-    scrollbar: .set-scrollbar-hc();
+    scrollbar: .set-scrollbar-hc-dark();
 }
 
 // Theme values

package/lib/test/test-utils.ts

@@ -3,13 +3,13 @@ import { screen } from "@testing-library/dom";
 import { visualDiff } from "@web/test-runner-visual-regression";
 import type { TemplateResult } from "lit-html";
 import axe from "axe-core";
-import registerAxeAPCA from "axe-apca";
+import registerAPCACheck from "apca-check";
 
 const customConformanceThresholdFn = (fontSize: string): number | null => {
     return parseFloat(fontSize) >= 32 ? 45 : 60;
 };
 
-registerAxeAPCA("custom", customConformanceThresholdFn);
+registerAPCACheck("custom", customConformanceThresholdFn);
 
 const colorThemes = ["dark", "light"];
 const baseThemes = ["", "highcontrast"];

package/package.json

@@ -5,7 +5,7 @@
         "type": "git",
         "url": "https://github.com/StackExchange/Stacks.git"
     },
-    "version": "2.0.2",
+    "version": "2.0.4",
     "files": [
         "dist",
         "lib"
@@ -46,30 +46,30 @@
         "@11ty/eleventy": "^2.0.1",
         "@highlightjs/cdn-assets": "^11.9.0",
         "@open-wc/testing": "^3.2.0",
-        "@rollup/plugin-commonjs": "^25.0.4",
+        "@rollup/plugin-commonjs": "^25.0.7",
         "@rollup/plugin-replace": "^5.0.4",
         "@stackoverflow/stacks-editor": "^0.9.0",
         "@stackoverflow/stacks-icons": "^6.0.0",
         "@testing-library/dom": "^9.3.3",
         "@testing-library/user-event": "^14.5.1",
-        "@types/cssbeautify": "^0.3.2",
-        "@types/less": "^3.0.3",
-        "@typescript-eslint/eslint-plugin": "^6.7.4",
-        "@typescript-eslint/parser": "^6.7.5",
-        "@web/dev-server-esbuild": "^0.4.1",
-        "@web/dev-server-rollup": "^0.5.2",
-        "@web/test-runner": "^0.17.1",
-        "@web/test-runner-playwright": "^0.10.1",
+        "@types/cssbeautify": "^0.3.4",
+        "@types/less": "^3.0.5",
+        "@typescript-eslint/eslint-plugin": "^6.9.0",
+        "@typescript-eslint/parser": "^6.9.0",
+        "@web/dev-server-esbuild": "^0.4.3",
+        "@web/dev-server-rollup": "^0.5.4",
+        "@web/test-runner": "^0.17.2",
+        "@web/test-runner-playwright": "^0.10.2",
         "@web/test-runner-visual-regression": "^0.8.2",
-        "axe-apca": "^0.0.3",
-        "concurrently": "^8.2.1",
+        "apca-check": "^0.1.0",
+        "concurrently": "^8.2.2",
         "css-loader": "^6.8.1",
         "cssbeautify": "^0.3.1",
         "cssnano": "^6.0.1",
         "docsearch.js": "^2.6.3",
         "eleventy-plugin-highlightjs": "^1.1.0",
         "eleventy-plugin-nesting-toc": "^1.3.0",
-        "eslint": "^8.50.0",
+        "eslint": "^8.52.0",
         "eslint-config-prettier": "^9.0.0",
         "eslint-plugin-no-unsanitized": "^4.0.2",
         "jquery": "^3.7.1",
@@ -81,16 +81,16 @@
         "postcss-loader": "^7.3.3",
         "prettier": "^3.0.3",
         "rollup-plugin-postcss": "^4.0.2",
-        "stylelint": "^15.10.3",
+        "stylelint": "^15.11.0",
         "stylelint-config-recommended": "^13.0.0",
         "stylelint-config-standard": "^34.0.0",
         "terser-webpack-plugin": "^5.3.9",
         "ts-loader": "^9.5.0",
         "typescript": "^5.2.2",
-        "vitest": "^0.33.0",
-        "webpack": "^5.88.2",
+        "vitest": "^0.34.6",
+        "webpack": "^5.89.0",
         "webpack-cli": "^5.1.4",
-        "webpack-merge": "^5.9.0"
+        "webpack-merge": "^5.10.0"
     },
     "browserslist": [
         "last 2 versions",