@stackoverflow/stacks 0.75.0 → 0.76.0

package/package.json

@@ -1,71 +1,87 @@
-{
-  "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": "0.75.0",
-  "files": [
-    "dist",
-    "lib"
-  ],
-  "unpkg": "dist/css/stacks.min.css",
-  "scripts": {
-    "start": "grunt",
-    "build": "grunt build",
-    "test": "backstop test",
-    "approve": "backstop approve"
-  },
-  "license": "MIT",
-  "dependencies": {
-    "@popperjs/core": "^2.11.2",
-    "stimulus": "^2.0.0"
-  },
-  "devDependencies": {
-    "@11ty/eleventy": "^0.12.1",
-    "@highlightjs/cdn-assets": "^11.4.0",
-    "@stackoverflow/stacks-editor": "^0.4.2",
-    "@stackoverflow/stacks-icons": "^2.27.0",
-    "backstopjs": "^6.0.4",
-    "docsearch.js": "^2.6.3",
-    "eleventy-plugin-highlightjs": "^0.3.0",
-    "eleventy-plugin-markdown-shortcode": "^1.1.0",
-    "eleventy-plugin-nesting-toc": "^1.3.0",
-    "grunt": "^1.4.1",
-    "grunt-cli": "^1.4.3",
-    "grunt-concurrent": "^3.0.0",
-    "grunt-contrib-clean": "^2.0.0",
-    "grunt-contrib-concat": "^2.0.0",
-    "grunt-contrib-copy": "^1.0.0",
-    "grunt-contrib-cssmin": "^4.0.0",
-    "grunt-contrib-less": "^3.0.0",
-    "grunt-contrib-uglify": "^5.0.1",
-    "grunt-contrib-watch": "^1.1.0",
-    "grunt-shell": "^3.0.1",
-    "grunt-ts": "^6.0.0-beta.22",
-    "jquery": "^3.6.0",
-    "list.js": "^2.3.1",
-    "postcss-less": "^6.0.0",
-    "stylelint": "^14.5.3",
-    "stylelint-config-recommended-less": "^1.0.4",
-    "stylelint-config-standard": "^25.0.0",
-    "stylelint-less": "^1.0.3",
-    "typescript": "^4.6.2"
-  },
-  "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"
-  ]
-}
+{
+  "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": "0.76.0",
+  "files": [
+    "dist",
+    "lib"
+  ],
+  "main": "./dist/js/stacks.js",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/css/stacks.css",
+  "less": "./lib/css/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": "backstop test",
+    "approve": "backstop approve",
+    "prepublishOnly": "npm run build",
+    "lint:eslint": "eslint .",
+    "lint:prettier": "prettier --check . --end-of-line auto"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@popperjs/core": "^2.11.4",
+    "stimulus": "^2.0.0"
+  },
+  "devDependencies": {
+    "@11ty/eleventy": "^1.0.0",
+    "@highlightjs/cdn-assets": "^11.5.0",
+    "@stackoverflow/stacks-editor": "^0.4.2",
+    "@stackoverflow/stacks-icons": "^2.27.0",
+    "@typescript-eslint/eslint-plugin": "^5.17.0",
+    "@typescript-eslint/parser": "^5.17.0",
+    "backstopjs": "^6.0.4",
+    "concurrently": "^7.0.0",
+    "css-loader": "^6.7.1",
+    "cssnano": "^5.1.5",
+    "docsearch.js": "^2.6.3",
+    "eleventy-plugin-highlightjs": "^1.0.0",
+    "eleventy-plugin-nesting-toc": "^1.3.0",
+    "eslint": "^8.12.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-no-unsanitized": "^4.0.1",
+    "grunt-concurrent": "^3.0.0",
+    "jquery": "^3.6.0",
+    "less-loader": "^10.2.0",
+    "list.js": "^2.3.1",
+    "markdown-it": "^12.3.2",
+    "mini-css-extract-plugin": "^2.6.0",
+    "postcss-less": "^6.0.0",
+    "postcss-loader": "^6.2.1",
+    "prettier": "^2.6.1",
+    "stylelint": "^14.6.1",
+    "stylelint-config-recommended": "^7.0.0",
+    "stylelint-config-standard": "^25.0.0",
+    "terser-webpack-plugin": "^5.3.1",
+    "ts-loader": "^9.2.8",
+    "typescript": "^4.6.3",
+    "webpack": "^5.70.0",
+    "webpack-cli": "^4.9.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"
+  ]
+}

package/dist/css/stacks-flexgrid-shim.min.css

@@ -1 +0,0 @@
-.grid{display:flex}.grid__fl0,.grid__fl0>.grid,.grid__fl0>.grid--cell{flex:0 auto}.grid__fl1,.grid__fl1>.grid,.grid__fl1>.grid--cell{flex:1 auto}.grid--cell1{flex-basis:8.33333333%}.grid--cell2{flex-basis:16.66666667%}.grid--cell3{flex-basis:25%}.grid--cell4{flex-basis:33.33333333%}.grid--cell5{flex-basis:41.66666667%}.grid--cell6{flex-basis:50%}.grid--cell7{flex-basis:58.33333333%}.grid--cell8{flex-basis:66.66666667%}.grid--cell9{flex-basis:75%}.grid--cell10{flex-basis:83.33333333%}.grid--cell11{flex-basis:91.66666667%}.grid--cell12{flex-basis:100%}.grid__allcells1>.grid,.grid__allcells1>.grid--cell{flex-basis:8.33333333%}.grid__allcells2>.grid,.grid__allcells2>.grid--cell{flex-basis:16.66666667%}.grid__allcells3>.grid,.grid__allcells3>.grid--cell{flex-basis:25%}.grid__allcells4>.grid,.grid__allcells4>.grid--cell{flex-basis:33.33333333%}.grid__allcells5>.grid,.grid__allcells5>.grid--cell{flex-basis:41.66666667%}.grid__allcells6>.grid,.grid__allcells6>.grid--cell{flex-basis:50%}.grid__allcells7>.grid,.grid__allcells7>.grid--cell{flex-basis:58.33333333%}.grid__allcells8>.grid,.grid__allcells8>.grid--cell{flex-basis:66.66666667%}.grid__allcells9>.grid,.grid__allcells9>.grid--cell{flex-basis:75%}.grid__allcells10>.grid,.grid__allcells10>.grid--cell{flex-basis:83.33333333%}.grid__allcells11>.grid,.grid__allcells11>.grid--cell{flex-basis:91.66666667%}.grid__allcells12>.grid,.grid__allcells12>.grid--cell{flex-basis:100%}.gs2{margin:-1px}.gs2>.grid,.gs2>.grid--cell{margin:1px}.gs2>.grid--cell1{margin:1px}.gs2.grid__allcells1>.grid,.gs2.grid__allcells1>.grid--cell,.gs2>.grid--cell1{flex-basis:calc(8.333333333333334% - 2px)}.gs2>.grid--cell2{margin:1px}.gs2.grid__allcells2>.grid,.gs2.grid__allcells2>.grid--cell,.gs2>.grid--cell2{flex-basis:calc(16.666666666666668% - 2px)}.gs2>.grid--cell3{margin:1px}.gs2.grid__allcells3>.grid,.gs2.grid__allcells3>.grid--cell,.gs2>.grid--cell3{flex-basis:calc(25% - 2px)}.gs2>.grid--cell4{margin:1px}.gs2.grid__allcells4>.grid,.gs2.grid__allcells4>.grid--cell,.gs2>.grid--cell4{flex-basis:calc(33.333333333333336% - 2px)}.gs2>.grid--cell5{margin:1px}.gs2.grid__allcells5>.grid,.gs2.grid__allcells5>.grid--cell,.gs2>.grid--cell5{flex-basis:calc(41.666666666666664% - 2px)}.gs2>.grid--cell6{margin:1px}.gs2.grid__allcells6>.grid,.gs2.grid__allcells6>.grid--cell,.gs2>.grid--cell6{flex-basis:calc(50% - 2px)}.gs2>.grid--cell7{margin:1px}.gs2.grid__allcells7>.grid,.gs2.grid__allcells7>.grid--cell,.gs2>.grid--cell7{flex-basis:calc(58.333333333333336% - 2px)}.gs2>.grid--cell8{margin:1px}.gs2.grid__allcells8>.grid,.gs2.grid__allcells8>.grid--cell,.gs2>.grid--cell8{flex-basis:calc(66.66666666666667% - 2px)}.gs2>.grid--cell9{margin:1px}.gs2.grid__allcells9>.grid,.gs2.grid__allcells9>.grid--cell,.gs2>.grid--cell9{flex-basis:calc(75% - 2px)}.gs2>.grid--cell10{margin:1px}.gs2.grid__allcells10>.grid,.gs2.grid__allcells10>.grid--cell,.gs2>.grid--cell10{flex-basis:calc(83.33333333333333% - 2px)}.gs2>.grid--cell11{margin:1px}.gs2.grid__allcells11>.grid,.gs2.grid__allcells11>.grid--cell,.gs2>.grid--cell11{flex-basis:calc(91.66666666666667% - 2px)}.gs2>.grid--cell12{margin:1px}.gs2.grid__allcells12>.grid,.gs2.grid__allcells12>.grid--cell,.gs2>.grid--cell12{flex-basis:calc(100% - 2px)}.gs4{margin:-2px}.gs4>.grid,.gs4>.grid--cell{margin:2px}.gs4>.grid--cell1{margin:2px}.gs4.grid__allcells1>.grid,.gs4.grid__allcells1>.grid--cell,.gs4>.grid--cell1{flex-basis:calc(8.333333333333334% - 4px)}.gs4>.grid--cell2{margin:2px}.gs4.grid__allcells2>.grid,.gs4.grid__allcells2>.grid--cell,.gs4>.grid--cell2{flex-basis:calc(16.666666666666668% - 4px)}.gs4>.grid--cell3{margin:2px}.gs4.grid__allcells3>.grid,.gs4.grid__allcells3>.grid--cell,.gs4>.grid--cell3{flex-basis:calc(25% - 4px)}.gs4>.grid--cell4{margin:2px}.gs4.grid__allcells4>.grid,.gs4.grid__allcells4>.grid--cell,.gs4>.grid--cell4{flex-basis:calc(33.333333333333336% - 4px)}.gs4>.grid--cell5{margin:2px}.gs4.grid__allcells5>.grid,.gs4.grid__allcells5>.grid--cell,.gs4>.grid--cell5{flex-basis:calc(41.666666666666664% - 4px)}.gs4>.grid--cell6{margin:2px}.gs4.grid__allcells6>.grid,.gs4.grid__allcells6>.grid--cell,.gs4>.grid--cell6{flex-basis:calc(50% - 4px)}.gs4>.grid--cell7{margin:2px}.gs4.grid__allcells7>.grid,.gs4.grid__allcells7>.grid--cell,.gs4>.grid--cell7{flex-basis:calc(58.333333333333336% - 4px)}.gs4>.grid--cell8{margin:2px}.gs4.grid__allcells8>.grid,.gs4.grid__allcells8>.grid--cell,.gs4>.grid--cell8{flex-basis:calc(66.66666666666667% - 4px)}.gs4>.grid--cell9{margin:2px}.gs4.grid__allcells9>.grid,.gs4.grid__allcells9>.grid--cell,.gs4>.grid--cell9{flex-basis:calc(75% - 4px)}.gs4>.grid--cell10{margin:2px}.gs4.grid__allcells10>.grid,.gs4.grid__allcells10>.grid--cell,.gs4>.grid--cell10{flex-basis:calc(83.33333333333333% - 4px)}.gs4>.grid--cell11{margin:2px}.gs4.grid__allcells11>.grid,.gs4.grid__allcells11>.grid--cell,.gs4>.grid--cell11{flex-basis:calc(91.66666666666667% - 4px)}.gs4>.grid--cell12{margin:2px}.gs4.grid__allcells12>.grid,.gs4.grid__allcells12>.grid--cell,.gs4>.grid--cell12{flex-basis:calc(100% - 4px)}.gs8{margin:-4px}.gs8>.grid,.gs8>.grid--cell{margin:4px}.gs8>.grid--cell1{margin:4px}.gs8.grid__allcells1>.grid,.gs8.grid__allcells1>.grid--cell,.gs8>.grid--cell1{flex-basis:calc(8.333333333333334% - 8px)}.gs8>.grid--cell2{margin:4px}.gs8.grid__allcells2>.grid,.gs8.grid__allcells2>.grid--cell,.gs8>.grid--cell2{flex-basis:calc(16.666666666666668% - 8px)}.gs8>.grid--cell3{margin:4px}.gs8.grid__allcells3>.grid,.gs8.grid__allcells3>.grid--cell,.gs8>.grid--cell3{flex-basis:calc(25% - 8px)}.gs8>.grid--cell4{margin:4px}.gs8.grid__allcells4>.grid,.gs8.grid__allcells4>.grid--cell,.gs8>.grid--cell4{flex-basis:calc(33.333333333333336% - 8px)}.gs8>.grid--cell5{margin:4px}.gs8.grid__allcells5>.grid,.gs8.grid__allcells5>.grid--cell,.gs8>.grid--cell5{flex-basis:calc(41.666666666666664% - 8px)}.gs8>.grid--cell6{margin:4px}.gs8.grid__allcells6>.grid,.gs8.grid__allcells6>.grid--cell,.gs8>.grid--cell6{flex-basis:calc(50% - 8px)}.gs8>.grid--cell7{margin:4px}.gs8.grid__allcells7>.grid,.gs8.grid__allcells7>.grid--cell,.gs8>.grid--cell7{flex-basis:calc(58.333333333333336% - 8px)}.gs8>.grid--cell8{margin:4px}.gs8.grid__allcells8>.grid,.gs8.grid__allcells8>.grid--cell,.gs8>.grid--cell8{flex-basis:calc(66.66666666666667% - 8px)}.gs8>.grid--cell9{margin:4px}.gs8.grid__allcells9>.grid,.gs8.grid__allcells9>.grid--cell,.gs8>.grid--cell9{flex-basis:calc(75% - 8px)}.gs8>.grid--cell10{margin:4px}.gs8.grid__allcells10>.grid,.gs8.grid__allcells10>.grid--cell,.gs8>.grid--cell10{flex-basis:calc(83.33333333333333% - 8px)}.gs8>.grid--cell11{margin:4px}.gs8.grid__allcells11>.grid,.gs8.grid__allcells11>.grid--cell,.gs8>.grid--cell11{flex-basis:calc(91.66666666666667% - 8px)}.gs8>.grid--cell12{margin:4px}.gs8.grid__allcells12>.grid,.gs8.grid__allcells12>.grid--cell,.gs8>.grid--cell12{flex-basis:calc(100% - 8px)}.gs12{margin:-6px}.gs12>.grid,.gs12>.grid--cell{margin:6px}.gs12>.grid--cell1{margin:6px}.gs12.grid__allcells1>.grid,.gs12.grid__allcells1>.grid--cell,.gs12>.grid--cell1{flex-basis:calc(8.333333333333334% - 12px)}.gs12>.grid--cell2{margin:6px}.gs12.grid__allcells2>.grid,.gs12.grid__allcells2>.grid--cell,.gs12>.grid--cell2{flex-basis:calc(16.666666666666668% - 12px)}.gs12>.grid--cell3{margin:6px}.gs12.grid__allcells3>.grid,.gs12.grid__allcells3>.grid--cell,.gs12>.grid--cell3{flex-basis:calc(25% - 12px)}.gs12>.grid--cell4{margin:6px}.gs12.grid__allcells4>.grid,.gs12.grid__allcells4>.grid--cell,.gs12>.grid--cell4{flex-basis:calc(33.333333333333336% - 12px)}.gs12>.grid--cell5{margin:6px}.gs12.grid__allcells5>.grid,.gs12.grid__allcells5>.grid--cell,.gs12>.grid--cell5{flex-basis:calc(41.666666666666664% - 12px)}.gs12>.grid--cell6{margin:6px}.gs12.grid__allcells6>.grid,.gs12.grid__allcells6>.grid--cell,.gs12>.grid--cell6{flex-basis:calc(50% - 12px)}.gs12>.grid--cell7{margin:6px}.gs12.grid__allcells7>.grid,.gs12.grid__allcells7>.grid--cell,.gs12>.grid--cell7{flex-basis:calc(58.333333333333336% - 12px)}.gs12>.grid--cell8{margin:6px}.gs12.grid__allcells8>.grid,.gs12.grid__allcells8>.grid--cell,.gs12>.grid--cell8{flex-basis:calc(66.66666666666667% - 12px)}.gs12>.grid--cell9{margin:6px}.gs12.grid__allcells9>.grid,.gs12.grid__allcells9>.grid--cell,.gs12>.grid--cell9{flex-basis:calc(75% - 12px)}.gs12>.grid--cell10{margin:6px}.gs12.grid__allcells10>.grid,.gs12.grid__allcells10>.grid--cell,.gs12>.grid--cell10{flex-basis:calc(83.33333333333333% - 12px)}.gs12>.grid--cell11{margin:6px}.gs12.grid__allcells11>.grid,.gs12.grid__allcells11>.grid--cell,.gs12>.grid--cell11{flex-basis:calc(91.66666666666667% - 12px)}.gs12>.grid--cell12{margin:6px}.gs12.grid__allcells12>.grid,.gs12.grid__allcells12>.grid--cell,.gs12>.grid--cell12{flex-basis:calc(100% - 12px)}.gs16{margin:-8px}.gs16>.grid,.gs16>.grid--cell{margin:8px}.gs16>.grid--cell1{margin:8px}.gs16.grid__allcells1>.grid,.gs16.grid__allcells1>.grid--cell,.gs16>.grid--cell1{flex-basis:calc(8.333333333333334% - 16px)}.gs16>.grid--cell2{margin:8px}.gs16.grid__allcells2>.grid,.gs16.grid__allcells2>.grid--cell,.gs16>.grid--cell2{flex-basis:calc(16.666666666666668% - 16px)}.gs16>.grid--cell3{margin:8px}.gs16.grid__allcells3>.grid,.gs16.grid__allcells3>.grid--cell,.gs16>.grid--cell3{flex-basis:calc(25% - 16px)}.gs16>.grid--cell4{margin:8px}.gs16.grid__allcells4>.grid,.gs16.grid__allcells4>.grid--cell,.gs16>.grid--cell4{flex-basis:calc(33.333333333333336% - 16px)}.gs16>.grid--cell5{margin:8px}.gs16.grid__allcells5>.grid,.gs16.grid__allcells5>.grid--cell,.gs16>.grid--cell5{flex-basis:calc(41.666666666666664% - 16px)}.gs16>.grid--cell6{margin:8px}.gs16.grid__allcells6>.grid,.gs16.grid__allcells6>.grid--cell,.gs16>.grid--cell6{flex-basis:calc(50% - 16px)}.gs16>.grid--cell7{margin:8px}.gs16.grid__allcells7>.grid,.gs16.grid__allcells7>.grid--cell,.gs16>.grid--cell7{flex-basis:calc(58.333333333333336% - 16px)}.gs16>.grid--cell8{margin:8px}.gs16.grid__allcells8>.grid,.gs16.grid__allcells8>.grid--cell,.gs16>.grid--cell8{flex-basis:calc(66.66666666666667% - 16px)}.gs16>.grid--cell9{margin:8px}.gs16.grid__allcells9>.grid,.gs16.grid__allcells9>.grid--cell,.gs16>.grid--cell9{flex-basis:calc(75% - 16px)}.gs16>.grid--cell10{margin:8px}.gs16.grid__allcells10>.grid,.gs16.grid__allcells10>.grid--cell,.gs16>.grid--cell10{flex-basis:calc(83.33333333333333% - 16px)}.gs16>.grid--cell11{margin:8px}.gs16.grid__allcells11>.grid,.gs16.grid__allcells11>.grid--cell,.gs16>.grid--cell11{flex-basis:calc(91.66666666666667% - 16px)}.gs16>.grid--cell12{margin:8px}.gs16.grid__allcells12>.grid,.gs16.grid__allcells12>.grid--cell,.gs16>.grid--cell12{flex-basis:calc(100% - 16px)}.gs24{margin:-12px}.gs24>.grid,.gs24>.grid--cell{margin:12px}.gs24>.grid--cell1{margin:12px}.gs24.grid__allcells1>.grid,.gs24.grid__allcells1>.grid--cell,.gs24>.grid--cell1{flex-basis:calc(8.333333333333334% - 24px)}.gs24>.grid--cell2{margin:12px}.gs24.grid__allcells2>.grid,.gs24.grid__allcells2>.grid--cell,.gs24>.grid--cell2{flex-basis:calc(16.666666666666668% - 24px)}.gs24>.grid--cell3{margin:12px}.gs24.grid__allcells3>.grid,.gs24.grid__allcells3>.grid--cell,.gs24>.grid--cell3{flex-basis:calc(25% - 24px)}.gs24>.grid--cell4{margin:12px}.gs24.grid__allcells4>.grid,.gs24.grid__allcells4>.grid--cell,.gs24>.grid--cell4{flex-basis:calc(33.333333333333336% - 24px)}.gs24>.grid--cell5{margin:12px}.gs24.grid__allcells5>.grid,.gs24.grid__allcells5>.grid--cell,.gs24>.grid--cell5{flex-basis:calc(41.666666666666664% - 24px)}.gs24>.grid--cell6{margin:12px}.gs24.grid__allcells6>.grid,.gs24.grid__allcells6>.grid--cell,.gs24>.grid--cell6{flex-basis:calc(50% - 24px)}.gs24>.grid--cell7{margin:12px}.gs24.grid__allcells7>.grid,.gs24.grid__allcells7>.grid--cell,.gs24>.grid--cell7{flex-basis:calc(58.333333333333336% - 24px)}.gs24>.grid--cell8{margin:12px}.gs24.grid__allcells8>.grid,.gs24.grid__allcells8>.grid--cell,.gs24>.grid--cell8{flex-basis:calc(66.66666666666667% - 24px)}.gs24>.grid--cell9{margin:12px}.gs24.grid__allcells9>.grid,.gs24.grid__allcells9>.grid--cell,.gs24>.grid--cell9{flex-basis:calc(75% - 24px)}.gs24>.grid--cell10{margin:12px}.gs24.grid__allcells10>.grid,.gs24.grid__allcells10>.grid--cell,.gs24>.grid--cell10{flex-basis:calc(83.33333333333333% - 24px)}.gs24>.grid--cell11{margin:12px}.gs24.grid__allcells11>.grid,.gs24.grid__allcells11>.grid--cell,.gs24>.grid--cell11{flex-basis:calc(91.66666666666667% - 24px)}.gs24>.grid--cell12{margin:12px}.gs24.grid__allcells12>.grid,.gs24.grid__allcells12>.grid--cell,.gs24>.grid--cell12{flex-basis:calc(100% - 24px)}.gs32{margin:-16px}.gs32>.grid,.gs32>.grid--cell{margin:16px}.gs32>.grid--cell1{margin:16px}.gs32.grid__allcells1>.grid,.gs32.grid__allcells1>.grid--cell,.gs32>.grid--cell1{flex-basis:calc(8.333333333333334% - 32px)}.gs32>.grid--cell2{margin:16px}.gs32.grid__allcells2>.grid,.gs32.grid__allcells2>.grid--cell,.gs32>.grid--cell2{flex-basis:calc(16.666666666666668% - 32px)}.gs32>.grid--cell3{margin:16px}.gs32.grid__allcells3>.grid,.gs32.grid__allcells3>.grid--cell,.gs32>.grid--cell3{flex-basis:calc(25% - 32px)}.gs32>.grid--cell4{margin:16px}.gs32.grid__allcells4>.grid,.gs32.grid__allcells4>.grid--cell,.gs32>.grid--cell4{flex-basis:calc(33.333333333333336% - 32px)}.gs32>.grid--cell5{margin:16px}.gs32.grid__allcells5>.grid,.gs32.grid__allcells5>.grid--cell,.gs32>.grid--cell5{flex-basis:calc(41.666666666666664% - 32px)}.gs32>.grid--cell6{margin:16px}.gs32.grid__allcells6>.grid,.gs32.grid__allcells6>.grid--cell,.gs32>.grid--cell6{flex-basis:calc(50% - 32px)}.gs32>.grid--cell7{margin:16px}.gs32.grid__allcells7>.grid,.gs32.grid__allcells7>.grid--cell,.gs32>.grid--cell7{flex-basis:calc(58.333333333333336% - 32px)}.gs32>.grid--cell8{margin:16px}.gs32.grid__allcells8>.grid,.gs32.grid__allcells8>.grid--cell,.gs32>.grid--cell8{flex-basis:calc(66.66666666666667% - 32px)}.gs32>.grid--cell9{margin:16px}.gs32.grid__allcells9>.grid,.gs32.grid__allcells9>.grid--cell,.gs32>.grid--cell9{flex-basis:calc(75% - 32px)}.gs32>.grid--cell10{margin:16px}.gs32.grid__allcells10>.grid,.gs32.grid__allcells10>.grid--cell,.gs32>.grid--cell10{flex-basis:calc(83.33333333333333% - 32px)}.gs32>.grid--cell11{margin:16px}.gs32.grid__allcells11>.grid,.gs32.grid__allcells11>.grid--cell,.gs32>.grid--cell11{flex-basis:calc(91.66666666666667% - 32px)}.gs32>.grid--cell12{margin:16px}.gs32.grid__allcells12>.grid,.gs32.grid__allcells12>.grid--cell,.gs32>.grid--cell12{flex-basis:calc(100% - 32px)}.gs48{margin:-24px}.gs48>.grid,.gs48>.grid--cell{margin:24px}.gs48>.grid--cell1{margin:24px}.gs48.grid__allcells1>.grid,.gs48.grid__allcells1>.grid--cell,.gs48>.grid--cell1{flex-basis:calc(8.333333333333334% - 48px)}.gs48>.grid--cell2{margin:24px}.gs48.grid__allcells2>.grid,.gs48.grid__allcells2>.grid--cell,.gs48>.grid--cell2{flex-basis:calc(16.666666666666668% - 48px)}.gs48>.grid--cell3{margin:24px}.gs48.grid__allcells3>.grid,.gs48.grid__allcells3>.grid--cell,.gs48>.grid--cell3{flex-basis:calc(25% - 48px)}.gs48>.grid--cell4{margin:24px}.gs48.grid__allcells4>.grid,.gs48.grid__allcells4>.grid--cell,.gs48>.grid--cell4{flex-basis:calc(33.333333333333336% - 48px)}.gs48>.grid--cell5{margin:24px}.gs48.grid__allcells5>.grid,.gs48.grid__allcells5>.grid--cell,.gs48>.grid--cell5{flex-basis:calc(41.666666666666664% - 48px)}.gs48>.grid--cell6{margin:24px}.gs48.grid__allcells6>.grid,.gs48.grid__allcells6>.grid--cell,.gs48>.grid--cell6{flex-basis:calc(50% - 48px)}.gs48>.grid--cell7{margin:24px}.gs48.grid__allcells7>.grid,.gs48.grid__allcells7>.grid--cell,.gs48>.grid--cell7{flex-basis:calc(58.333333333333336% - 48px)}.gs48>.grid--cell8{margin:24px}.gs48.grid__allcells8>.grid,.gs48.grid__allcells8>.grid--cell,.gs48>.grid--cell8{flex-basis:calc(66.66666666666667% - 48px)}.gs48>.grid--cell9{margin:24px}.gs48.grid__allcells9>.grid,.gs48.grid__allcells9>.grid--cell,.gs48>.grid--cell9{flex-basis:calc(75% - 48px)}.gs48>.grid--cell10{margin:24px}.gs48.grid__allcells10>.grid,.gs48.grid__allcells10>.grid--cell,.gs48>.grid--cell10{flex-basis:calc(83.33333333333333% - 48px)}.gs48>.grid--cell11{margin:24px}.gs48.grid__allcells11>.grid,.gs48.grid__allcells11>.grid--cell,.gs48>.grid--cell11{flex-basis:calc(91.66666666666667% - 48px)}.gs48>.grid--cell12{margin:24px}.gs48.grid__allcells12>.grid,.gs48.grid__allcells12>.grid--cell,.gs48>.grid--cell12{flex-basis:calc(100% - 48px)}.gs64{margin:-32px}.gs64>.grid,.gs64>.grid--cell{margin:32px}.gs64>.grid--cell1{margin:32px}.gs64.grid__allcells1>.grid,.gs64.grid__allcells1>.grid--cell,.gs64>.grid--cell1{flex-basis:calc(8.333333333333334% - 64px)}.gs64>.grid--cell2{margin:32px}.gs64.grid__allcells2>.grid,.gs64.grid__allcells2>.grid--cell,.gs64>.grid--cell2{flex-basis:calc(16.666666666666668% - 64px)}.gs64>.grid--cell3{margin:32px}.gs64.grid__allcells3>.grid,.gs64.grid__allcells3>.grid--cell,.gs64>.grid--cell3{flex-basis:calc(25% - 64px)}.gs64>.grid--cell4{margin:32px}.gs64.grid__allcells4>.grid,.gs64.grid__allcells4>.grid--cell,.gs64>.grid--cell4{flex-basis:calc(33.333333333333336% - 64px)}.gs64>.grid--cell5{margin:32px}.gs64.grid__allcells5>.grid,.gs64.grid__allcells5>.grid--cell,.gs64>.grid--cell5{flex-basis:calc(41.666666666666664% - 64px)}.gs64>.grid--cell6{margin:32px}.gs64.grid__allcells6>.grid,.gs64.grid__allcells6>.grid--cell,.gs64>.grid--cell6{flex-basis:calc(50% - 64px)}.gs64>.grid--cell7{margin:32px}.gs64.grid__allcells7>.grid,.gs64.grid__allcells7>.grid--cell,.gs64>.grid--cell7{flex-basis:calc(58.333333333333336% - 64px)}.gs64>.grid--cell8{margin:32px}.gs64.grid__allcells8>.grid,.gs64.grid__allcells8>.grid--cell,.gs64>.grid--cell8{flex-basis:calc(66.66666666666667% - 64px)}.gs64>.grid--cell9{margin:32px}.gs64.grid__allcells9>.grid,.gs64.grid__allcells9>.grid--cell,.gs64>.grid--cell9{flex-basis:calc(75% - 64px)}.gs64>.grid--cell10{margin:32px}.gs64.grid__allcells10>.grid,.gs64.grid__allcells10>.grid--cell,.gs64>.grid--cell10{flex-basis:calc(83.33333333333333% - 64px)}.gs64>.grid--cell11{margin:32px}.gs64.grid__allcells11>.grid,.gs64.grid__allcells11>.grid--cell,.gs64>.grid--cell11{flex-basis:calc(91.66666666666667% - 64px)}.gs64>.grid--cell12{margin:32px}.gs64.grid__allcells12>.grid,.gs64.grid__allcells12>.grid--cell,.gs64>.grid--cell12{flex-basis:calc(100% - 64px)}.gsx,.gsx>.grid,.gsx>[class*=grid--cell]{margin-top:0;margin-bottom:0}.gsy,.gsy>.grid,.gsy>[class*=grid--cell]{margin-right:0;margin-left:0}.s-btn.grid{display:flex}

package/lib/css/base/_stacks-configuration-dynamic.less

@@ -1,106 +0,0 @@
-// Some small parts of Stacks is configurable, so e.g. different Stack Exchange communities
-// can have different button styles. The default styles are the Stack Overflow brand styles.
-// To compile a modified version of stacks, create a LESS file that imports Stacks and
-// modifies the configuration, e.g. like this:
-//
-//     @import "path/to/stacks.less";
-//
-//     #stacks-config {
-//         @button-primary-background-color: magenta;
-//     }
-//
-// These configuration options only apply to the "dynamic" part of Stacks, which (on the Q&A sites) gets
-// compiled into the site's primary.css. The "static" part of Stacks, which is a shared CSS file across
-// all Q&A sites, has no access to these options.
-//
-// A few global configuration options that are per-project, not per-site, and thus apply to the static part
-// as well, are in _stacks-configuration-static.less
-
-#stacks-config {
-    //  Overall body element properties
-    @body-font-color:                                var(--theme-body-font-color);
-    @body-type-face:                                 var(--theme-body-font-family);
-    @body-background:                                var(--white);
-    @body-site-width:                                1060px; // DEPRECATED will be removed in a future release
-
-    // DEPRECATED will be removed in a future release
-    //  Button Muted
-    @button-muted-color:                             var(--black-500);
-    @button-muted-hover-color:                       var(--black-600);
-    @button-muted-hover-background-color:            var(--black-025);
-    @button-muted-active-background-color:           var(--black-050);
-    @button-muted-selected-color:                    var(--black-700);
-    @button-muted-selected-background-color:         var(--black-075);
-
-    // DEPRECATED will be removed in a future release
-    //  Button Muted Outlined
-    @button-muted-outlined-border-color:             var(--black-300);
-    @button-muted-outlined-selected-border-color:    var(--black-400);
-
-    // DEPRECATED will be removed in a future release
-    //  Button Muted Filled
-    @button-muted-filled-color:                      var(--black-700);
-    @button-muted-filled-background-color:           var(--black-100);
-    @button-muted-filled-hover-color:                var(--black-700);
-    @button-muted-filled-hover-background-color:     var(--black-150);
-    @button-muted-filled-active-background-color:    var(--black-200);
-    @button-muted-filled-selected-color:             var(--black-800);
-    @button-muted-filled-selected-background-color:  var(--black-350);
-
-    // DEPRECATED will be removed in a future release
-    //  Button Danger
-    @button-danger-color:                            var(--red-600);
-    @button-danger-hover-color:                      var(--red-700);
-    @button-danger-hover-background-color:           var(--red-050);
-    @button-danger-active-background-color:          var(--red-100);
-    @button-danger-selected-color:                   var(--red-900);
-    @button-danger-selected-background-color:        var(--red-200);
-
-    // DEPRECATED will be removed in a future release
-    //  Button Danger Outlined
-    @button-danger-outlined-border-color:            var(--red-500);
-    @button-danger-outlined-selected-border-color:   var(--red-600);
-
-    // DEPRECATED will be removed in a future release
-    //  Button Danger Filled
-    @button-danger-filled-color:                     @white;
-    @button-danger-filled-background-color:          var(--red-500);
-    @button-danger-filled-hover-color:               @white;
-    @button-danger-filled-hover-background-color:    var(--red-600);
-    @button-danger-filled-active-background-color:   var(--red-700);
-    @button-danger-filled-selected-color:            var(--white);
-    @button-danger-filled-selected-background-color: var(--red-800);
-    @button-danger-filled-number-color:              var(--black-900);
-
-    // DEPRECATED will be removed in a future release
-    //  Tags
-    @tags-moderator-border:                          var(--red-200);
-    @tags-moderator-background:                      var(--red-050);
-    @tags-moderator-color:                           var(--red-800);
-    @tags-moderator-hover-border:                    var(--red-300);
-    @tags-moderator-hover-background:                var(--red-100);
-    @tags-moderator-hover-color:                     var(--red-900);
-    @tags-moderator-selected-border:                 var(--red-400);
-    @tags-moderator-selected-background:             var(--red-200);
-    @tags-moderator-selected-color:                  var(--red-800);
-
-    @tags-required-border:                           var(--bc-darker);
-    @tags-required-background:                       var(--black-075);
-    @tags-required-color:                            var(--black-700);
-    @tags-required-hover-border:                     var(--black-300);
-    @tags-required-hover-background:                 var(--black-100);
-    @tags-required-hover-color:                      var(--black-800);
-    @tags-required-selected-border:                  var(--black-500);
-    @tags-required-selected-background:              var(--black-200);
-    @tags-required-selected-color:                   var(--black-900);
-
-    @tags-muted-border:                              transparent;
-    @tags-muted-background:                          var(--black-075);
-    @tags-muted-color:                               var(--black-700);
-    @tags-muted-hover-border:                        transparent;
-    @tags-muted-hover-background:                    var(--black-100);
-    @tags-muted-hover-color:                         var(--black-800);
-    @tags-muted-selected-border:                     transparent;
-    @tags-muted-selected-background:                 var(--black-200);
-    @tags-muted-selected-color:                      var(--black-900);
-}

package/lib/ts/finalize.ts

@@ -1 +0,0 @@
-Stacks._initializing = false;

package/lib/ts/stimulus.d.ts

@@ -1,4 +0,0 @@
-// allows stimulus to be used as a UMD global from TypeScript.
-// You can delete this file after https://github.com/stimulusjs/stimulus/issues/238 has been fixed
-export * from "stimulus";
-export as namespace Stimulus;