@dereekb/dbx-web 13.11.16 → 13.11.18

package/eslint/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dereekb/dbx-web/eslint",
-  "version": "13.11.16",
+  "version": "13.11.18",
   "peerDependencies": {
     "@typescript-eslint/utils": "8.59.3"
   },
   "devDependencies": {
     "@angular/core": "21.2.11",
-    "@dereekb/dbx-core": "13.11.16",
-    "@dereekb/rxjs": "13.11.16",
+    "@dereekb/dbx-core": "13.11.18",
+    "@dereekb/rxjs": "13.11.18",
     "@typescript-eslint/parser": "8.59.3",
     "eslint": "10.4.0",
     "rxjs": "^7.8.2"

package/lib/layout/content/_content.scss

@@ -88,6 +88,11 @@ $dbx-border-opacity-default: 20%;
     overflow-y: scroll;
   }
 
+  /// @dbx-utility content-pit-floating-button
+  /// @intent floats a button (typically a `dbx-button`) to the top-right of a `.dbx-content-pit` using `position: sticky` so it stays visible while the pit scrolls — used for inline pit actions like expand/collapse or copy
+  /// @role layout
+  /// @parent content-pit
+  /// @see-also dbx-content-pit, dbx-content-pit-scrollable
   .dbx-content-pit-floating-button {
     float: right;
     position: sticky;
@@ -123,6 +128,10 @@ $dbx-border-opacity-default: 20%;
     height: 100% !important;
   }
 
+  /// @dbx-utility content-scroll-lock
+  /// @intent locks a region to `height: 100%` with `overflow: hidden` so its children can scroll independently of the page — wrap potentially-infinite-height content (calendars, virtual lists) and let the inner element handle its own `overflow: scroll`
+  /// @role layout
+  /// @see-also dbx-content, dbx-content-page, dbx-scroll-content
   .dbx-content-scroll-lock {
     height: 100%;
     overflow: hidden;
@@ -200,6 +209,10 @@ $dbx-border-opacity-default: 20%;
     padding: $content-container-padding-small-screen;
   }
 
+  /// @dbx-utility scroll-content
+  /// @intent adds a small bottom padding (~42px) to a scrollable content region so the last item doesn't sit flush against the bottom edge of the viewport — apply to the scrolling element itself (typically a `.dbx-content-container` rendered inside a `dbx-two-column-right`, `dbx-content-page`, or any host whose body overflows)
+  /// @role spacing
+  /// @see-also dbx-content-container, dbx-content-page, dbx-content-pit-scrollable
   .dbx-scroll-content {
     padding-bottom: $scroll-content-bottom-padding;
   }

package/lib/router/layout/anchor/_anchor.scss

@@ -23,11 +23,27 @@
     height: 40px; // match the height of the icon
   }
 
+  /// @dbx-utility link
+  /// @intent clickable link affordance — underlined text with pointer cursor; pair with `[dbxTextColor]` or a text color utility for the link color. NOTE: `<dbx-anchor>` renders an inner `<a class="dbx-anchor-a">` with `text-decoration: none`, so apply this class to the projected content (e.g. a `<span>` inside the anchor) rather than the `<dbx-anchor>` host.
+  /// @role interaction
+  /// @see-also link-hover, dbx-u
   .dbx-link {
     text-decoration: underline;
     cursor: pointer;
   }
 
+  /// @dbx-utility link-hover
+  /// @intent clickable link affordance with hover-only underline — pointer cursor always, underline only on hover; pair with `[dbxTextColor]` or a text color utility for the link color. NOTE: `<dbx-anchor>` renders an inner `<a class="dbx-anchor-a">` with `text-decoration: none`, so apply this class to the projected content (e.g. a `<span>` inside the anchor) rather than the `<dbx-anchor>` host.
+  /// @role interaction
+  /// @see-also link, dbx-u
+  .dbx-link-hover {
+    cursor: pointer;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
   .dbx-link-spacer:before {
     content: '|';
     margin: 0 8px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "13.11.16",
+  "version": "13.11.18",
   "sideEffects": [
     "*.scss",
     "*.css"
@@ -13,12 +13,12 @@
     "@angular/material": "^21.2.9",
     "@angular/platform-browser": "21.2.11",
     "@cantoo/pdf-lib": "^2.6.5",
-    "@dereekb/browser": "13.11.16",
-    "@dereekb/date": "13.11.16",
-    "@dereekb/dbx-core": "13.11.16",
-    "@dereekb/rxjs": "13.11.16",
-    "@dereekb/util": "13.11.16",
-    "@dereekb/vitest": "13.11.16",
+    "@dereekb/browser": "13.11.18",
+    "@dereekb/date": "13.11.18",
+    "@dereekb/dbx-core": "13.11.18",
+    "@dereekb/rxjs": "13.11.18",
+    "@dereekb/util": "13.11.18",
+    "@dereekb/vitest": "13.11.18",
     "@ngbracket/ngx-layout": "^21.0.0",
     "@ngrx/component-store": "^21.1.0",
     "@ngrx/effects": "^21.1.0",