@stackoverflow/stacks 1.9.0 → 1.9.2

package/lib/tsconfig.build.json

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

package/lib/tsconfig.json

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

package/package.json

@@ -1,105 +1,106 @@
-{
-  "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": "1.9.0",
-  "files": [
-    "dist",
-    "lib"
-  ],
-  "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": "web-test-runner",
-    "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": "web-test-runner --group=visual",
-    "test:visual:update": "web-test-runner --group=visual --update-visual-baseline",
-    "prepublishOnly": "npm run build",
-    "lint": "concurrently -n w: npm:lint:*",
-    "lint:ts": "eslint ./lib/**/*.ts",
-    "lint:css": "stylelint ./lib/*",
-    "lint:format": "prettier --check ./lib"
-  },
-  "license": "MIT",
-  "dependencies": {
-    "@hotwired/stimulus": "^3.2.1",
-    "@popperjs/core": "^2.11.6"
-  },
-  "devDependencies": {
-    "@11ty/eleventy": "^2.0.0",
-    "@highlightjs/cdn-assets": "^11.7.0",
-    "@open-wc/testing": "^3.1.7",
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-replace": "^5.0.2",
-    "@stackoverflow/stacks-editor": "^0.8.6",
-    "@stackoverflow/stacks-icons": "^5.3.1",
-    "@testing-library/dom": "^9.0.1",
-    "@testing-library/user-event": "^14.4.3",
-    "@typescript-eslint/eslint-plugin": "^5.56.0",
-    "@typescript-eslint/parser": "^5.54.0",
-    "@web/dev-server-esbuild": "^0.3.4",
-    "@web/dev-server-rollup": "^0.4.0",
-    "@web/test-runner": "^0.15.1",
-    "@web/test-runner-playwright": "^0.9.0",
-    "@web/test-runner-visual-regression": "^0.7.0",
-    "concurrently": "^7.6.0",
-    "css-loader": "^6.7.3",
-    "cssnano": "^5.1.15",
-    "docsearch.js": "^2.6.3",
-    "eleventy-plugin-highlightjs": "^1.1.0",
-    "eleventy-plugin-nesting-toc": "^1.3.0",
-    "eslint": "^8.36.0",
-    "eslint-config-prettier": "^8.7.0",
-    "eslint-plugin-no-unsanitized": "^4.0.2",
-    "jquery": "^3.6.4",
-    "less-loader": "^11.1.0",
-    "list.js": "^2.3.1",
-    "markdown-it": "^13.0.1",
-    "mini-css-extract-plugin": "^2.7.2",
-    "postcss-less": "^6.0.0",
-    "postcss-loader": "^7.0.2",
-    "prettier": "^2.8.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "stylelint": "^15.3.0",
-    "stylelint-config-recommended": "^10.0.1",
-    "stylelint-config-standard": "^30.0.1",
-    "terser-webpack-plugin": "^5.3.6",
-    "ts-loader": "^9.4.2",
-    "typescript": "^4.9.5",
-    "webpack": "^5.76.1",
-    "webpack-cli": "^5.0.1",
-    "webpack-merge": "^5.8.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": "1.9.2",
+    "files": [
+        "dist",
+        "lib"
+    ],
+    "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": "web-test-runner",
+        "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": "web-test-runner --group=visual",
+        "test:visual:update": "web-test-runner --group=visual --update-visual-baseline",
+        "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.1",
+        "@popperjs/core": "^2.11.7"
+    },
+    "devDependencies": {
+        "@11ty/eleventy": "^2.0.1",
+        "@highlightjs/cdn-assets": "^11.7.0",
+        "@open-wc/testing": "^3.1.8",
+        "@rollup/plugin-commonjs": "^24.1.0",
+        "@rollup/plugin-replace": "^5.0.2",
+        "@stackoverflow/stacks-editor": "^0.8.7",
+        "@stackoverflow/stacks-icons": "^5.3.1",
+        "@testing-library/dom": "^9.2.0",
+        "@testing-library/user-event": "^14.4.3",
+        "@typescript-eslint/eslint-plugin": "^5.59.2",
+        "@typescript-eslint/parser": "^5.59.1",
+        "@web/dev-server-esbuild": "^0.4.1",
+        "@web/dev-server-rollup": "^0.4.0",
+        "@web/test-runner": "^0.16.1",
+        "@web/test-runner-playwright": "^0.10.0",
+        "@web/test-runner-visual-regression": "^0.8.0",
+        "concurrently": "^8.0.1",
+        "css-loader": "^6.7.3",
+        "cssnano": "^6.0.0",
+        "docsearch.js": "^2.6.3",
+        "eleventy-plugin-highlightjs": "^1.1.0",
+        "eleventy-plugin-nesting-toc": "^1.3.0",
+        "eslint": "^8.38.0",
+        "eslint-config-prettier": "^8.8.0",
+        "eslint-plugin-no-unsanitized": "^4.0.2",
+        "jquery": "^3.6.4",
+        "less-loader": "^11.1.0",
+        "list.js": "^2.3.1",
+        "markdown-it": "^13.0.1",
+        "mini-css-extract-plugin": "^2.7.5",
+        "postcss-less": "^6.0.0",
+        "postcss-loader": "^7.2.4",
+        "prettier": "^2.8.8",
+        "rollup-plugin-postcss": "^4.0.2",
+        "stylelint": "^15.6.1",
+        "stylelint-config-recommended": "^12.0.0",
+        "stylelint-config-standard": "^33.0.0",
+        "terser-webpack-plugin": "^5.3.6",
+        "ts-loader": "^9.4.2",
+        "typescript": "^5.0.4",
+        "webpack": "^5.82.0",
+        "webpack-cli": "^5.0.2",
+        "webpack-merge": "^5.8.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"
+    }
+}

package/dist/components/activity-indicator/activity-indicator.a11y.test.d.ts

@@ -1 +0,0 @@
-import "../../index";

package/dist/components/activity-indicator/activity-indicator.visual.test.d.ts

@@ -1 +0,0 @@
-import "../../index";

package/dist/components/avatar/avatar.a11y.test.d.ts

@@ -1 +0,0 @@
-import "../../index";

package/dist/components/avatar/avatar.visual.test.d.ts

@@ -1 +0,0 @@
-import "../../index";

package/dist/components/banner/banner.test.d.ts

@@ -1 +0,0 @@
-import "../../index";

package/dist/components/banner/banner.visual.test.d.ts

@@ -1 +0,0 @@
-import "../../index";

package/dist/components/button/button.a11y.test.d.ts

@@ -1 +0,0 @@
-import "../../index";

package/dist/components/button/button.visual.test.d.ts

@@ -1 +0,0 @@
-import "../../index";

package/dist/components/expandable/expandable.test.d.ts

@@ -1 +0,0 @@
-import "../../index";

package/dist/components/popover/tooltip.test.d.ts

@@ -1 +0,0 @@
-import "../../index";

package/dist/components/popover/tooltip.visual.test.d.ts

@@ -1 +0,0 @@
-import "../../index";

package/dist/components/toast/toast.test.d.ts

@@ -1 +0,0 @@
-import "../../index";

package/dist/components/toast/toast.visual.test.d.ts

@@ -1 +0,0 @@
-import "../../index";

package/dist/test/test-utils.d.ts

@@ -1,136 +0,0 @@
-import { html } from "@open-wc/testing";
-import type { TemplateResult } from "lit-html";
-type Themes = ["light" | "dark" | "highcontrast" | ""];
-type TestTypes = "visual" | "a11y";
-type TestOptions = {
-    /**
-     * Enable tests for all color themes
-     * default: true
-     */
-    testColorThemes: boolean;
-    /**
-     * Enable tests for high contrast
-     * default: true
-     */
-    testHighContrast: boolean;
-    /**
-     * Include tests for the component without any variants applied
-     * default: true
-     */
-    includeNullVariant: boolean;
-    /**
-     * Include tests for the component without any modifiers applied
-     * default: true
-     */
-    includeNullModifier: boolean;
-};
-interface ComponentTestVariationArgs {
-    /**
-     * Base class of the component
-     * (e.g. "s-component")
-     */
-    baseClass: string;
-    /**
-     * Variants of the component
-     * (e.g. ["primary", "secondary"])
-     */
-    variants?: string[];
-    /**
-     * Modifiers of the component
-     * (e.g. { primary: ["filled", "outlined"], secondary: ["xs", "sm", "md"] })
-     */
-    modifiers?: ComponentTestModifiers;
-    /**
-     * Options for the test
-     */
-    options?: TestOptions;
-}
-type ComponentTestArgs = {
-    /**
-     * The element to test
-     * use the `html` template tag to render the element
-     */
-    element: TemplateResult;
-    /**
-     * testid of the test
-     * (e.g. "s-component-primary-important")
-     */
-    testid: string;
-    /**
-     * Theme to apply to the test element
-     */
-    theme?: Themes;
-    /**
-     * Type of test to run
-     */
-    type: TestTypes;
-};
-interface ComponentTestsArgs extends ComponentTestVariationArgs {
-    /**
-     * Additional html attributes applied to the test element
-     * (e.g. { role: "button",  id: "id" } -> <element role="button" id="id">  )
-     */
-    attributes?: Record<string, string>;
-    /**
-     * Child elements to render inside the test element
-     * (if key `default` is used, the testid will not include the child name)
-     */
-    children?: {
-        [key: string]: string;
-    };
-    /**
-     * testids of tests to exclude from testing
-     */
-    excludedTestids?: (string | RegExp)[];
-    /**
-     * testids of tests to skip
-     */
-    skippedTestids?: (string | RegExp)[];
-    /**
-     * HTML tag name of the test element
-     */
-    tag?: string;
-    /**
-     * Function that returns a template for the test element
-     * used to wrap the component test element in a container
-     */
-    template?: (args: {
-        component: unknown;
-        tag?: string;
-        testid: string;
-    }) => ReturnType<typeof html>;
-    /**
-     * Type of test to run
-     */
-    type: TestTypes;
-}
-type ComponentTestModifiers = {
-    /**
-     * Primary grouping of modifiers to test
-     * The base class will be used as a prefix for these modifiers
-     */
-    primary?: string[];
-    /**
-     * Secondary grouping of modifiers to test
-     * The base class will be used as a prefix for these modifiers
-     */
-    secondary?: string[];
-    /**
-     * Grouping of modifers to test that will not be prefixed with the base class
-     */
-    global?: string[];
-    /**
-     * Modifiers to test individually
-     * The base class will be used as a prefix for these modifiers
-     */
-    standalone?: string[];
-};
-/**
- * Constructs and runs an individual test for a component
- */
-declare const runComponentTest: ({ element, testid, theme, type, }: ComponentTestArgs) => void;
-/**
- * Constructs and runs tests for a component with a each provided combination
- */
-declare const runComponentTests: ({ baseClass, variants, modifiers, options, attributes, children, excludedTestids, skippedTestids, tag, template, type, }: ComponentTestsArgs) => void;
-export { runComponentTest, runComponentTests };