@stackoverflow/stacks 2.5.1 → 2.5.3

package/lib/components/label/label.less

@@ -96,6 +96,14 @@
     padding: 0 var(--su2); // Helps the label visually line up with inputs
 }
 
+.s-required-symbol {
+    color: var(--red-400);
+    font-size: 125%;
+    font-weight: normal;
+    line-height: 0;
+    text-decoration: none !important;
+}
+
 // [1] In Core, we have *many* instances of `.s-label--status` used without the `.s-label` parent.
 //     While I'd prefer to enforce the requirement of the parent class, it's too much of a lift at this moment.
 //     We'll come back to it, hopefully when we have a pill component to replace the current usage of `.s-label--status`

package/lib/components/popover/popover.less

@@ -17,6 +17,10 @@
     --_po-arrow-after-r: unset;
     --_po-arrow-after-t: unset;
     --_po-arrow-after-bs: unset;
+    // content
+    // --_po-topbar-height assumes the topbar height based on topbar styles
+    --_po-topbar-height: var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8)));
+    --_po-content-mxh: calc(100vh - var(--_po-topbar-height) - var(--su48));
 
     // CONTEXTUAL STYLES
     .dark-mode({
@@ -130,6 +134,11 @@
         padding: var(--su8) !important;
     }
 
+    & &--content {
+        max-height: var(--_po-content-mxh);
+        overflow-y: auto;
+    }
+
     background-color: var(--_po-bg);
     border: 1px solid var(--_po-bc);
     box-shadow: var(--_po-bs);

package/lib/components/topbar/topbar.less

@@ -31,6 +31,8 @@
     --_tb-searchbar-p: 0 var(--su8);
     --_tb-searchbar-open-d: unset;
     --_tb-searchbar-open-mxw: 0;
+    --_tb-searchbar-popover-wmn: calc(var(--s-step) * 4);
+    --_tb-searchbar-popover-content-mxh: calc(100vh - var(--_tb-h) - var(--su16));
 
     // CONTEXTUAL STYLES
     .dark-mode({
@@ -97,6 +99,8 @@
         --_tb-searchbar-open-d: flex;
         --_tb-searchbar-open-mxw: none;
         --_tb-searchbar-select-w: 25%;
+        --_tb-searchbar-popover-wmn: initial;
+        --_tb-searchbar-popover-content-mxh: calc(100vh - var(--_tb-h) - var(--su48) - var(--su12));
     });
 
     // VARIANTS
@@ -367,6 +371,16 @@
             position: relative;
         }
 
+        .s-popover {
+            max-width: 100%;
+            min-width: var(--_tb-searchbar-popover-wmn);
+            padding: 0;
+
+            .s-popover--content {
+                max-height: var(--_tb-searchbar-popover-content-mxh);
+            }
+        }
+
         .s-select {
             #stacks-internals #screen-sm({
                 width: 25% !important;

package/package.json

@@ -5,7 +5,7 @@
         "type": "git",
         "url": "https://github.com/StackExchange/Stacks.git"
     },
-    "version": "2.5.1",
+    "version": "2.5.3",
     "files": [
         "dist",
         "lib",
@@ -46,28 +46,28 @@
         "@11ty/eleventy": "^2.0.1",
         "@highlightjs/cdn-assets": "^11.9.0",
         "@open-wc/testing": "^4.0.0",
-        "@rollup/plugin-commonjs": "^25.0.7",
+        "@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.0.0",
+        "@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.7.1",
-        "@typescript-eslint/parser": "^7.7.1",
+        "@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.1",
-        "@web/test-runner": "^0.18.1",
+        "@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.1",
+        "css-loader": "^7.1.2",
         "cssbeautify": "^0.3.1",
-        "cssnano": "^6.1.2",
+        "cssnano": "^7.0.1",
         "docsearch.js": "^2.6.3",
         "eleventy-plugin-highlightjs": "^1.1.0",
         "eleventy-plugin-nesting-toc": "^1.3.0",
@@ -81,15 +81,15 @@
         "mini-css-extract-plugin": "^2.9.0",
         "postcss-less": "^6.0.0",
         "postcss-loader": "^8.1.1",
-        "prettier": "^3.2.5",
+        "prettier": "^3.3.0",
         "rollup-plugin-postcss": "^4.0.2",
-        "stylelint": "^16.3.1",
+        "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.5.2",
+        "vitest": "^1.6.0",
         "webpack": "^5.91.0",
         "webpack-cli": "^5.1.4",
         "webpack-merge": "^5.10.0"