@stackoverflow/stacks 2.5.3 → 2.5.5

package/lib/test/visual-test-utils.ts

@@ -1,58 +1,58 @@
-import { html, fixture } from "@open-wc/testing";
-import { visualDiff } from "@web/test-runner-visual-regression";
-import { screen } from "@testing-library/dom";
-import { generateTestVariations, type TestVariationArgs } from "./test-utils";
-
-type VisualTestArgs = TestVariationArgs;
-
-const scheduleVisualTest = ({
-    element,
-    testid,
-    theme,
-}: {
-    element: ReturnType<typeof html>;
-    testid: string;
-    theme: string[];
-}) => {
-    it(`visual: ${testid} should not introduce visual regressions`, async () => {
-        document.body.className = "";
-
-        if (theme?.length) {
-            const prefixedThemes = theme.map((t) => `theme-${t}`);
-            document.body.classList.add(...prefixedThemes);
-        }
-
-        let retryAttempts = 3;
-
-        do {
-            await fixture(element);
-            const el = screen.getByTestId(testid);
-            try {
-                await visualDiff(el, testid);
-                return;
-            } catch (error) {
-                const e = error as Error;
-                // if the error is not a visual diff failure, retry
-                // this is to prevent flaky tests due to snapshot capturing
-                if (
-                    retryAttempts > 0 &&
-                    !e.message.includes("Visual diff failed.")
-                ) {
-                    retryAttempts--;
-                    continue;
-                } else {
-                    throw e;
-                }
-            } finally {
-                el.remove();
-            }
-        } while (retryAttempts > 0);
-    });
-};
-
-const runVisualTests = (args: VisualTestArgs) => {
-    const testVariations = generateTestVariations(args);
-    testVariations.forEach(scheduleVisualTest);
-};
-
-export { runVisualTests };
+import { html, fixture } from "@open-wc/testing";
+import { visualDiff } from "@web/test-runner-visual-regression";
+import { screen } from "@testing-library/dom";
+import { generateTestVariations, type TestVariationArgs } from "./test-utils";
+
+type VisualTestArgs = TestVariationArgs;
+
+const scheduleVisualTest = ({
+    element,
+    testid,
+    theme,
+}: {
+    element: ReturnType<typeof html>;
+    testid: string;
+    theme: string[];
+}) => {
+    it(`visual: ${testid} should not introduce visual regressions`, async () => {
+        document.body.className = "";
+
+        if (theme?.length) {
+            const prefixedThemes = theme.map((t) => `theme-${t}`);
+            document.body.classList.add(...prefixedThemes);
+        }
+
+        let retryAttempts = 3;
+
+        do {
+            await fixture(element);
+            const el = screen.getByTestId(testid);
+            try {
+                await visualDiff(el, testid);
+                return;
+            } catch (error) {
+                const e = error as Error;
+                // if the error is not a visual diff failure, retry
+                // this is to prevent flaky tests due to snapshot capturing
+                if (
+                    retryAttempts > 0 &&
+                    !e.message.includes("Visual diff failed.")
+                ) {
+                    retryAttempts--;
+                    continue;
+                } else {
+                    throw e;
+                }
+            } finally {
+                el.remove();
+            }
+        } while (retryAttempts > 0);
+    });
+};
+
+const runVisualTests = (args: VisualTestArgs) => {
+    const testVariations = generateTestVariations(args);
+    testVariations.forEach(scheduleVisualTest);
+};
+
+export { runVisualTests };

package/lib/tsconfig.build.json

@@ -1,4 +1,4 @@
-{
-    "extends": "./tsconfig.json",
-    "exclude": ["test/**/*.ts", "**/*.test.ts", "**/*.setup.ts"]
-}
+{
+    "extends": "./tsconfig.json",
+    "exclude": ["test/**/*.ts", "**/*.test.ts", "**/*.setup.ts"]
+}

package/lib/tsconfig.json

@@ -1,17 +1,17 @@
-{
-    "compilerOptions": {
-        "strict": true,
-        "target": "es6",
-        "lib": ["dom", "es6", "dom.iterable", "scripthost"],
-        "outDir": "../dist",
-        "sourceMap": true,
-        "moduleResolution": "node",
-        "skipLibCheck": true,
-        "declaration": true,
-        "allowSyntheticDefaultImports": true,
-        "paths": {
-            "@open-wc/testing": ["./test/open-wc-testing-patch.d.ts"]
-        }
-    },
-    "include": ["**/*.ts"]
-}
+{
+    "compilerOptions": {
+        "strict": true,
+        "target": "es6",
+        "lib": ["dom", "es6", "dom.iterable", "scripthost"],
+        "outDir": "../dist",
+        "sourceMap": true,
+        "moduleResolution": "node",
+        "skipLibCheck": true,
+        "declaration": true,
+        "allowSyntheticDefaultImports": true,
+        "paths": {
+            "@open-wc/testing": ["./test/open-wc-testing-patch.d.ts"]
+        }
+    },
+    "include": ["**/*.ts"]
+}

package/package.json

@@ -1,115 +1,115 @@
-{
-    "name": "@stackoverflow/stacks",
-    "description": "Stack Overflow’s CSS and Design Pattern Library. Stacks is an atomic CSS library with classes and components for rapidly building Stack Overflow.",
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/StackExchange/Stacks.git"
-    },
-    "version": "2.5.3",
-    "files": [
-        "dist",
-        "lib",
-        "!lib/**/*.test.*"
-    ],
-    "main": "./dist/js/stacks.js",
-    "types": "./dist/index.d.ts",
-    "style": "./dist/css/stacks.css",
-    "less": "./lib/stacks.less",
-    "unpkg": "dist/css/stacks.min.css",
-    "scripts": {
-        "start": "concurrently -n w: npm:start:*",
-        "build": "concurrently -n w: npm:build:*",
-        "build:bundle": "webpack --mode=production",
-        "build:docs": "webpack --mode=production --config ./docs/webpack.config.js && cd ./docs && eleventy",
-        "start:webpack": "webpack --watch --config ./docs/webpack.config.js",
-        "start:eleventy": "cd ./docs && eleventy --serve",
-        "test": "npm run test:less && npm run test:unit && npm run test:a11y && npm run test:visual",
-        "test:a11y": "web-test-runner --group=a11y",
-        "test:unit": "web-test-runner --group=unit",
-        "test:unit:watch": "web-test-runner --group=unit --watch",
-        "test:visual": "pwsh run-test-visual.ps1 npx web-test-runner --group=visual",
-        "test:less": "vitest run .less.test.ts",
-        "test:less:update": "npm run test:less -- -u",
-        "prepublishOnly": "npm run build",
-        "format": "prettier --write ./lib",
-        "lint": "concurrently -n w: npm:lint:*",
-        "lint:ts": "eslint ./lib",
-        "lint:css": "stylelint ./lib",
-        "lint:format": "prettier --check ./lib"
-    },
-    "license": "MIT",
-    "dependencies": {
-        "@hotwired/stimulus": "^3.2.2",
-        "@popperjs/core": "^2.11.8"
-    },
-    "devDependencies": {
-        "@11ty/eleventy": "^2.0.1",
-        "@highlightjs/cdn-assets": "^11.9.0",
-        "@open-wc/testing": "^4.0.0",
-        "@rollup/plugin-commonjs": "^25.0.8",
-        "@rollup/plugin-replace": "^5.0.5",
-        "@stackoverflow/stacks-editor": "^0.10.6",
-        "@stackoverflow/stacks-icons": "^6.0.2",
-        "@testing-library/dom": "^10.1.0",
-        "@testing-library/user-event": "^14.5.2",
-        "@types/cssbeautify": "^0.3.5",
-        "@types/less": "^3.0.6",
-        "@types/mocha": "^10.0.6",
-        "@typescript-eslint/eslint-plugin": "^7.11.0",
-        "@typescript-eslint/parser": "^7.11.0",
-        "@web/dev-server-esbuild": "^1.0.2",
-        "@web/dev-server-rollup": "^0.6.3",
-        "@web/test-runner": "^0.18.2",
-        "@web/test-runner-playwright": "^0.11.0",
-        "@web/test-runner-visual-regression": "^0.9.0",
-        "apca-check": "^0.1.0",
-        "colorjs.io": "^0.5.0",
-        "concurrently": "^8.2.2",
-        "css-loader": "^7.1.2",
-        "cssbeautify": "^0.3.1",
-        "cssnano": "^7.0.1",
-        "docsearch.js": "^2.6.3",
-        "eleventy-plugin-highlightjs": "^1.1.0",
-        "eleventy-plugin-nesting-toc": "^1.3.0",
-        "eslint": "^8.57.0",
-        "eslint-config-prettier": "^9.1.0",
-        "eslint-plugin-no-unsanitized": "^4.0.2",
-        "jquery": "^3.7.1",
-        "less-loader": "^12.2.0",
-        "list.js": "^2.3.1",
-        "markdown-it": "^14.1.0",
-        "mini-css-extract-plugin": "^2.9.0",
-        "postcss-less": "^6.0.0",
-        "postcss-loader": "^8.1.1",
-        "prettier": "^3.3.0",
-        "rollup-plugin-postcss": "^4.0.2",
-        "stylelint": "^16.6.1",
-        "stylelint-config-recommended": "^14.0.0",
-        "stylelint-config-standard": "^36.0.0",
-        "terser-webpack-plugin": "^5.3.10",
-        "ts-loader": "^9.5.1",
-        "typescript": "^5.4.5",
-        "vitest": "^1.6.0",
-        "webpack": "^5.91.0",
-        "webpack-cli": "^5.1.4",
-        "webpack-merge": "^5.10.0"
-    },
-    "browserslist": [
-        "last 2 versions",
-        "not dead",
-        "not ie > 0",
-        "not op_mini all",
-        "not baidu > 0",
-        "not and_ff > 0",
-        "not and_qq > 0",
-        "not kaios > 0",
-        "not op_mob > 0",
-        "not ie_mob > 0",
-        "not and_uc > 0",
-        "not Samsung > 0",
-        "not Android > 0"
-    ],
-    "overrides": {
-        "aria-query": "~5.0.0"
-    }
-}
+{
+    "name": "@stackoverflow/stacks",
+    "description": "Stack Overflow’s CSS and Design Pattern Library. Stacks is an atomic CSS library with classes and components for rapidly building Stack Overflow.",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/StackExchange/Stacks.git"
+    },
+    "version": "2.5.5",
+    "files": [
+        "dist",
+        "lib",
+        "!lib/**/*.test.*"
+    ],
+    "main": "./dist/js/stacks.js",
+    "types": "./dist/index.d.ts",
+    "style": "./dist/css/stacks.css",
+    "less": "./lib/stacks.less",
+    "unpkg": "dist/css/stacks.min.css",
+    "scripts": {
+        "start": "concurrently -n w: npm:start:*",
+        "build": "concurrently -n w: npm:build:*",
+        "build:bundle": "webpack --mode=production",
+        "build:docs": "webpack --mode=production --config ./docs/webpack.config.js && cd ./docs && eleventy",
+        "start:webpack": "webpack --watch --config ./docs/webpack.config.js",
+        "start:eleventy": "cd ./docs && eleventy --serve",
+        "test": "npm run test:less && npm run test:unit && npm run test:a11y && npm run test:visual",
+        "test:a11y": "web-test-runner --group=a11y",
+        "test:unit": "web-test-runner --group=unit",
+        "test:unit:watch": "web-test-runner --group=unit --watch",
+        "test:visual": "pwsh run-test-visual.ps1 npx web-test-runner --group=visual",
+        "test:less": "vitest run .less.test.ts",
+        "test:less:update": "npm run test:less -- -u",
+        "prepublishOnly": "npm run build",
+        "format": "prettier --write ./lib",
+        "lint": "concurrently -n w: npm:lint:*",
+        "lint:ts": "eslint ./lib",
+        "lint:css": "stylelint ./lib",
+        "lint:format": "prettier --check ./lib"
+    },
+    "license": "MIT",
+    "dependencies": {
+        "@hotwired/stimulus": "^3.2.2",
+        "@popperjs/core": "^2.11.8"
+    },
+    "devDependencies": {
+        "@11ty/eleventy": "^2.0.1",
+        "@highlightjs/cdn-assets": "^11.10.0",
+        "@open-wc/testing": "^4.0.0",
+        "@rollup/plugin-commonjs": "^26.0.1",
+        "@rollup/plugin-replace": "^5.0.7",
+        "@stackoverflow/stacks-editor": "^0.10.6",
+        "@stackoverflow/stacks-icons": "^6.0.2",
+        "@testing-library/dom": "^10.4.0",
+        "@testing-library/user-event": "^14.5.2",
+        "@types/cssbeautify": "^0.3.5",
+        "@types/less": "^3.0.6",
+        "@types/mocha": "^10.0.7",
+        "@typescript-eslint/eslint-plugin": "^7.17.0",
+        "@typescript-eslint/parser": "^7.17.0",
+        "@web/dev-server-esbuild": "^1.0.2",
+        "@web/dev-server-rollup": "^0.6.4",
+        "@web/test-runner": "^0.18.2",
+        "@web/test-runner-playwright": "^0.11.0",
+        "@web/test-runner-visual-regression": "^0.9.0",
+        "apca-check": "^0.1.0",
+        "colorjs.io": "^0.5.2",
+        "concurrently": "^8.2.2",
+        "css-loader": "^7.1.2",
+        "cssbeautify": "^0.3.1",
+        "cssnano": "^7.0.4",
+        "docsearch.js": "^2.6.3",
+        "eleventy-plugin-highlightjs": "^1.1.0",
+        "eleventy-plugin-nesting-toc": "^1.3.0",
+        "eslint": "^8.57.0",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-plugin-no-unsanitized": "^4.0.2",
+        "jquery": "^3.7.1",
+        "less-loader": "^12.2.0",
+        "list.js": "^2.3.1",
+        "markdown-it": "^14.1.0",
+        "mini-css-extract-plugin": "^2.9.0",
+        "postcss-less": "^6.0.0",
+        "postcss-loader": "^8.1.1",
+        "prettier": "^3.3.3",
+        "rollup-plugin-postcss": "^4.0.2",
+        "stylelint": "^16.7.0",
+        "stylelint-config-recommended": "^14.0.1",
+        "stylelint-config-standard": "^36.0.1",
+        "terser-webpack-plugin": "^5.3.10",
+        "ts-loader": "^9.5.1",
+        "typescript": "^5.5.4",
+        "vitest": "^2.0.4",
+        "webpack": "^5.93.0",
+        "webpack-cli": "^5.1.4",
+        "webpack-merge": "^6.0.1"
+    },
+    "browserslist": [
+        "last 2 versions",
+        "not dead",
+        "not ie > 0",
+        "not op_mini all",
+        "not baidu > 0",
+        "not and_ff > 0",
+        "not and_qq > 0",
+        "not kaios > 0",
+        "not op_mob > 0",
+        "not ie_mob > 0",
+        "not and_uc > 0",
+        "not Samsung > 0",
+        "not Android > 0"
+    ],
+    "overrides": {
+        "aria-query": "~5.0.0"
+    }
+}