@salesforcedevs/docs-components 1.34.4-topic-alpha.1 → 1.34.4-topic-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.34.4-topic-alpha.1",
+    "version": "1.34.4-topic-alpha.2",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/contentActionToolbar/contentActionToolbar.html

@@ -61,6 +61,7 @@
             options={menuOptions}
             placement="bottom-end"
             width-mode="fit-content"
+            show-option-icons
             onchange={handleMenuSelect}
             onopen={handleMenuOpen}
             onclose={handleMenuClose}

package/src/modules/doc/versionPicker/versionPicker.css

@@ -2,11 +2,8 @@
 
 /* NOTE: doc-version-picker-width width variable is used by both dx-button and dx-dropdown to maintain a consistent width. */
 :host {
-    --dx-c-dropdown-option-font-weight: normal;
-    --dx-c-dropdown-option-label-color: var(--dx-g-gray-10);
-    --dx-c-dropdown-option-padding: var(--dx-g-spacing-sm)
-        var(--dx-g-spacing-lg);
-    --dx-c-popover-padding: var(--dx-g-spacing-sm) 0;
+    /* Menu labels wrap; break long unspaced labels instead of overflowing. */
+    --dx-c-dropdown-option-overflow-wrap: anywhere;
     --popover-container-open-transform: translateY(4px);
 }
 
@@ -112,24 +109,11 @@ dx-type-badge.not-latest-badge {
  * Small "dot" variant (opt-in via `small`). Additive 
  * ------------------------------------------------------------------ */
 
-/* Option padding is sm both axes: the small menu tracks the ~104px trigger, so
-   the default 24px horizontal would crowd the labels. */
+/* The small menu hugs its longest label but never grows wider than the sidebar
+   content (--doc-version-picker-width, set by the sidebar). Labels wrap only at
+   that width. The large menu always matches its trigger (width-mode="full"). */
 .version-picker-dropdown-small {
-    --dx-c-dropdown-option-font-size: var(--dx-g-text-xs);
-    --dx-c-dropdown-option-padding: var(--dx-g-spacing-sm)
-        var(--dx-g-spacing-sm);
-    --dx-c-dropdown-option-border-radius: 0;
-    --dx-c-popover-border: none;
-
-    /* Hug the labels (down to the shortest) but never wider than the ToC
-       content: 296px on desktop, and on the smallest breakpoint the sidebar
-       variable grows with the viewport up to 720px. Long labels wrap inside
-       that cap. */
     --dx-c-dropdown-menu-max-width: var(--doc-version-picker-width, 296px);
-    --dx-c-dropdown-fit-white-space: normal;
-    --dx-c-dropdown-fit-overflow: hidden;
-    --dx-c-dropdown-fit-text-overflow: clip;
-    --dx-c-dropdown-option-overflow-wrap: anywhere;
 }
 
 .version-picker-button-small {