@stackoverflow/stacks 0.69.1 → 0.73.0

package/lib/css/exports/_stacks-constants-helpers.less

@@ -52,6 +52,7 @@
 //  ============================================================================
 //  $  SPACING UNITS (su-)
 //  ----------------------------------------------------------------------------
+@su1:                   1px;
 @su2:                   2px;
 @su4:                   4px;
 @su6:                   6px;
@@ -126,14 +127,12 @@
     // Hide focus styles if they're not needed, for example,
     // when an element receives focus via the mouse.
     &:focus:not(:focus-visible) {
-        color: inherit;
         outline: none;
         box-shadow: none;
     }
 
     // Show focus styles on keyboard focus.
     &:focus-visible {
-        color: inherit;
         outline: none;
         box-shadow: 0 0 0 @su4 var(--focus-ring-muted);
     }

package/lib/css/exports/_stacks-mixins.less

@@ -44,6 +44,32 @@
     }
 }
 
+//  ===========================================================================
+//  --  HIGHCONTRAST
+//      .highcontrast-mode renders a high contrast mode override for .theme-highcontrast
+//
+//      Usage example:
+//
+//      .highcontrast-mode({ background-color: var(--black-100); });
+//
+//  ---------------------------------------------------------------------------
+
+.highcontrast-mode(@rules) {
+    body.theme-highcontrast & {
+        @rules();
+    }
+}
+
+.highcontrast-dark-mode(@rules) {
+    body.theme-highcontrast.theme-system & {
+        @media (prefers-color-scheme: dark) {
+            @rules();
+        }
+    }
+    body.theme-highcontrast.theme-dark & {
+        @rules();
+    }
+}
 
 //  ===========================================================================
 //  --  APPEARANCE

package/lib/css/stacks-dynamic.less

@@ -22,7 +22,6 @@
 @import "components/_stacks-buttons.less";
 @import "components/_stacks-links.less";
 @import "components/_stacks-link-previews.less";
-@import "components/_stacks-navigation.less";
 @import "components/_stacks-notices.less";
 @import "components/_stacks-tags.less";
 @import "components/_stacks-pagination.less";

package/lib/css/stacks-static.less

@@ -29,6 +29,7 @@
 @import "components/_stacks-inputs.less";
 @import "components/_stacks-menu.less";
 @import "components/_stacks-modals.less";
+@import "components/_stacks-navigation.less";
 @import "components/_stacks-page-titles.less";
 @import "components/_stacks-popovers.less";
 @import "components/_stacks-post-summary.less";
@@ -37,6 +38,7 @@
 @import "components/_stacks-spinner.less";
 @import "components/_stacks-tables.less";
 @import "components/_stacks-toggle-switches.less";
+@import "components/_stacks-topbar.less";
 @import "components/_stacks-uploader.less";
 @import "components/_stacks-user-cards.less";
 @import "components/_stacks-widget-static.less";
@@ -64,6 +66,19 @@
 #stacks-internals #screen-sm({
     #stacks-internals-collect-small();
 });
+
+// We need printing styles to be last so they can override all other styles.
+.print\:d-block {
+    @media print {
+        display: block !important;
+    }
+}
+
+.print\:d-none {
+    @media print {
+        display: none !important;
+    }
+}
 /* stylelint-enable */
 
 //  --  CONFIG

package/lib/ts/controllers/s-tooltip.ts

@@ -176,6 +176,8 @@ namespace Stacks {
 
             this.referenceElement.addEventListener("mouseover", this.boundScheduleShow);
             this.referenceElement.addEventListener("mouseout", this.boundHide);
+            this.referenceElement.addEventListener("focus", this.boundScheduleShow);
+            this.referenceElement.addEventListener("blur", this.boundHide);
         }
 
         /**
@@ -184,6 +186,8 @@ namespace Stacks {
         private unbindMouseEvents() {
             this.referenceElement.removeEventListener("mouseover", this.boundScheduleShow);
             this.referenceElement.removeEventListener("mouseout", this.boundHide);
+            this.referenceElement.removeEventListener("focus", this.boundScheduleShow);
+            this.referenceElement.removeEventListener("blur", this.boundHide);
         }
 
         /**

package/package.json

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "https://github.com/StackExchange/Stacks.git"
   },
-  "version": "0.69.1",
+  "version": "0.73.0",
   "files": [
     "dist",
     "lib"
@@ -19,24 +19,24 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@popperjs/core": "^2.9.2",
+    "@popperjs/core": "^2.11.0",
     "stimulus": "^2.0.0"
   },
   "devDependencies": {
     "@11ty/eleventy": "^0.12.1",
-    "@highlightjs/cdn-assets": "^11.0.1",
+    "@highlightjs/cdn-assets": "^11.3.1",
     "@stackoverflow/stacks-editor": "^0.4.1",
-    "@stackoverflow/stacks-icons": "^2.22.0",
-    "backstopjs": "^5.3.0",
+    "@stackoverflow/stacks-icons": "^2.25.1",
+    "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.2.0",
-    "grunt": "^1.3.0",
-    "grunt-cli": "^1.4.1",
+    "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": "^1.0.1",
+    "grunt-contrib-concat": "^2.0.0",
     "grunt-contrib-copy": "^1.0.0",
     "grunt-contrib-cssmin": "^4.0.0",
     "grunt-contrib-less": "^3.0.0",
@@ -46,9 +46,12 @@
     "grunt-ts": "^6.0.0-beta.22",
     "jquery": "^3.6.0",
     "list.js": "^2.3.1",
-    "stylelint": "^13.13.1",
-    "stylelint-config-standard": "^22.0.0",
-    "typescript": "^4.2.3"
+    "postcss-less": "^5.0.0",
+    "stylelint": "^14.2.0",
+    "stylelint-config-recommended-less": "^1.0.1",
+    "stylelint-config-standard": "^24.0.0",
+    "stylelint-less": "^1.0.1",
+    "typescript": "^4.5.4"
   },
   "browserslist": [
     "last 2 versions",