npm - @ds-mo/ui - Versions diffs - 13.18.1 → 14.0.1 - Mend

@ds-mo/ui 13.18.1 → 14.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (206) hide show

package/dist/mcp-data/registry/registry.json CHANGED Viewed

@@ -12,8 +12,8 @@
     "themeSetup": "Set data-theme=\"dark\" on <html> for dark mode. Light is default.",
     "peerDependencies": {
       "required": [
-        "@ds-mo/tokens ^6.2.1",
-        "@ds-mo/icons ^6.6.0"
+        "@ds-mo/tokens ^6.2.2",
+        "@ds-mo/icons ^7.0.0"
       ],
       "optional": [],
       "frameworks": "None required for Custom Elements; generated React and Angular adapters are included."
@@ -969,6 +969,130 @@
         "tooltip"
       ]
     },
+    {
+      "name": "bar-action",
+      "title": "BarAction",
+      "description": "Compact bold-brand selection-action chrome that reports a selected count, offers Clear, and hosts application commands on a medium-elevation surface.",
+      "type": "registry:ui",
+      "meta": {
+        "library": "@ds-mo/ui",
+        "distribution": "npm",
+        "storybook": "https://zainadeel.github.io/compomo/?path=/story/bar-action",
+        "source": "src/wc/components/BarAction/BarAction.tsx",
+        "intentStatus": "complete",
+        "intent": {
+          "audience": "general",
+          "status": "stable",
+          "summary": "Compact bold-brand selection-action chrome that reports a selected count, offers Clear, and hosts application commands on a medium-elevation surface.",
+          "useWhen": [
+            "A multi-select table or similar collection needs a persistent bar of commands for the current selected set.",
+            "The application owns selected identities and must keep bulk actions visually consistent across surfaces."
+          ],
+          "avoidWhen": [
+            "The message is an application-wide announcement rather than a selected-set command surface; use Banner.",
+            "A single row or card needs local overflow commands; use ButtonUnfilled with Menu.",
+            "The chrome is a table result summary or footer; compose Table's footer instead."
+          ],
+          "alternatives": [
+            {
+              "when": "The message is a persistent application announcement.",
+              "component": "component:ds-banner",
+              "reason": "Banner owns shell-level messaging and does not represent a selected set."
+            },
+            {
+              "when": "A single row or card needs local overflow commands.",
+              "component": "component:ds-button-unfilled",
+              "reason": "ButtonUnfilled with Menu owns local item commands rather than selected-set bulk actions."
+            }
+          ],
+          "commonlyComposedWith": [
+            "component:ds-table",
+            "component:ds-button-unfilled",
+            "component:ds-button-filled",
+            "component:ds-menu",
+            "component:ds-text"
+          ],
+          "patterns": [],
+          "accessibility": [
+            "Provide a group accessible name that describes the selected-set commands.",
+            "Keep Clear as a real button. A persistent polite live region announces valid selected-count updates without stealing focus.",
+            "Name every slotted action. Icon-only commands still need an explicit accessible name.",
+            "The application updates the selected identities after dsClear, then moves focus to a stable collection control before the empty bar disappears; the bar never mutates selection or guesses a focus target."
+          ],
+          "states": [
+            "The bar is hidden while the selected count is below one and appears as the compact bold-brand elevated surface once at least one item is selected.",
+            "Clear reports intent only. The application replaces the controlled selected identities.",
+            "Slotted actions stay application-owned. Pass background matching the bold parent surface so those controls remain readable.",
+            "The component-owned visible surface owns medium control-elevation and removes the empty actions lane. Overlay inset, footer clearance, and stacking remain application layout."
+          ],
+          "responsiveBehavior": [
+            "The count truncates before Clear or trailing actions lose their complete hit targets.",
+            "The bar fills its owner's inline size. Overlay inset, footer clearance, and stacking against a table remain the consuming layout."
+          ],
+          "frameworkCaveats": {
+            "customElements": [
+              "Bind count from the current selected set, replace that set after dsClear, and return focus to a stable collection control.",
+              "Project command controls through slot=actions with background matching the bold parent surface."
+            ],
+            "react": [
+              "Pass count from selected row or item state, clear that state from onDsClear, and return focus to a stable collection control.",
+              "Place DsBarAction in the same positioned owner as the table when overlaying the table footer."
+            ],
+            "angular": [
+              "Bind count from the controlled selected identities, handle dsClear in the collection owner, and return focus to a stable collection control.",
+              "Project ds-button-unfilled or ds-button-filled into slot=actions with background matching the bold parent surface."
+            ]
+          },
+          "references": [
+            {
+              "label": "Storybook review matrix",
+              "path": "src/wc/components/BarAction/BarAction.stories.ts"
+            },
+            {
+              "label": "Rendered behavior coverage",
+              "path": "tests/e2e/bar-action.spec.ts"
+            }
+          ]
+        },
+        "props": {
+          "clearLabel": {
+            "type": "string",
+            "required": false
+          },
+          "count": {
+            "type": "number",
+            "required": false
+          },
+          "label": {
+            "type": "string",
+            "required": false
+          },
+          "selectedLabel": {
+            "type": "string",
+            "required": false
+          }
+        },
+        "events": [
+          {
+            "name": "dsClear",
+            "detail": "MouseEvent"
+          }
+        ],
+        "slots": [],
+        "exports": {
+          "customElement": "ds-bar-action",
+          "react": "DsBarAction",
+          "angular": "DsBarAction"
+        }
+      },
+      "dependencies": [
+        "@ds-mo/ui",
+        "@ds-mo/tokens"
+      ],
+      "registryDependencies": [
+        "text"
+      ]
+    },
     {
       "name": "bar-nav",
       "title": "BarNav",
@@ -2193,7 +2317,7 @@
         "intentStatus": "complete",
         "intent": {
           "audience": "general",
-          "status": "experimental",
+          "status": "stable",
           "summary": "Page-level summary with a persistent 48px reporting bar above an equal-track grid of an optional safety score and comparable measures, plus an elevated page-controlled collapse surface.",
           "useWhen": [
             "A page opens with one headline figure that the surrounding measures explain.",
@@ -5864,6 +5988,7 @@
             "Dashboard presents day-to-day operational destinations; Settings presents administrative and configuration destinations.",
             "The standard footer switches the entire destination collection and navStyle between Dashboard and Settings and exposes the user/account entry.",
             "The host owns the external user menu opened from dsNavUserAction.",
+            "While the external user menu is open or closing, accountMenuExpanded keeps its trigger visibly pressed without applying selected-destination foreground treatment in either expanded or collapsed presentation.",
             "Item and header controls inherit the shared md control radius while local shell geometry continues to own collapsed layout and footer animation positioning.",
             "On desktop, allow user-controlled expand and collapse and persist the preference with storageKey when cross-session persistence is appropriate."
           ],
@@ -6801,7 +6926,7 @@
         "intentStatus": "complete",
         "intent": {
           "audience": "general",
-          "status": "experimental",
+          "status": "stable",
           "summary": "Generic scroll owner for content that moves behind a persistent footer action or composer with an always-active alpha fade.",
           "useWhen": [
             "A bounded region owns scrolling while footer actions remain overlaid and continuously visible.",
@@ -8535,7 +8660,7 @@
         "intentStatus": "complete",
         "intent": {
           "audience": "general",
-          "status": "experimental",
+          "status": "stable",
           "summary": "Semantic, controlled data table with durable visual primitives for cell geometry, column geometry, grouping, sorting, multi-selection, sticky overflow, and incremental loading.",
           "useWhen": [
             "A structured dataset needs native row and column relationships, optional one-level grouping, or comparable values across records.",
@@ -8552,6 +8677,7 @@
             "component:ds-empty-state",
             "component:ds-skeleton",
             "component:ds-loader",
+            "component:ds-bar-action",
             "component:ds-button-unfilled",
             "component:ds-tag",
             "component:ds-icon"

package/dist/mcp-data/registry/scroll-overlay.json CHANGED Viewed

@@ -12,7 +12,7 @@
     "intentStatus": "complete",
     "intent": {
       "audience": "general",
-      "status": "experimental",
+      "status": "stable",
       "summary": "Generic scroll owner for content that moves behind a persistent footer action or composer with an always-active alpha fade.",
       "useWhen": [
         "A bounded region owns scrolling while footer actions remain overlaid and continuously visible.",
@@ -156,8 +156,8 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/select.json CHANGED Viewed

@@ -865,8 +865,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: options, sections.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/shell-app.json CHANGED Viewed

@@ -564,8 +564,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: navigation, pageChrome, tools.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/shell-page.json CHANGED Viewed

@@ -301,8 +301,8 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/shell-tools.json CHANGED Viewed

@@ -390,8 +390,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: headers, items.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/skeleton.json CHANGED Viewed

@@ -255,8 +255,8 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/slider.json CHANGED Viewed

@@ -629,8 +629,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: formatOptions, valueTexts.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/swatch-picker.json CHANGED Viewed

@@ -199,8 +199,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: options, sections.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/switch.json CHANGED Viewed

@@ -334,8 +334,8 @@
       },
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }

package/dist/mcp-data/registry/tab-group.json CHANGED Viewed

@@ -238,8 +238,8 @@
       "complexPropertyNote": "Assign these non-primitive values as JavaScript properties: tabs.",
       "peerDependencies": {
         "required": [
-          "@ds-mo/tokens ^6.2.1",
-          "@ds-mo/icons ^6.6.0"
+          "@ds-mo/tokens ^6.2.2",
+          "@ds-mo/icons ^7.0.0"
         ],
         "frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
       }