@momentum-design/components 0.129.15 → 0.129.16

package/dist/components/brandvisual/brandvisual.component.d.ts

@@ -17,6 +17,8 @@ import type { BrandVisualNames } from './brandvisual.types';
  * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.
  * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.
  *
+ * @csspart brandvisual - Set styles for the brandvisual svg container
+ * @csspart brandvisualImage - Set styles for the brandvisual image container
  */
 declare class Brandvisual extends Component {
     private brandVisualData?;

package/dist/components/brandvisual/brandvisual.component.js

@@ -27,6 +27,8 @@ import styles from './brandvisual.styles';
  * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.
  * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.
  *
+ * @csspart brandvisual - Set styles for the brandvisual svg container
+ * @csspart brandvisualImage - Set styles for the brandvisual image container
  */
 class Brandvisual extends Component {
     async getBrandVisualData() {
@@ -118,7 +120,7 @@ __decorate([
     __metadata("design:type", String)
 ], Brandvisual.prototype, "name", void 0);
 __decorate([
-    property({ type: String, reflect: true }),
+    property({ type: String, reflect: true, attribute: 'alt-text' }),
     __metadata("design:type", String)
 ], Brandvisual.prototype, "altText", void 0);
 export default Brandvisual;

package/dist/custom-elements.json

@@ -4906,6 +4906,16 @@
           "kind": "class",
           "description": "The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\ndisplayed correctly within applications.\n\nFeatures:\n- Dynamically loads brandvisuals based on the `name` attribute.\n- Emits a `load` event when the brandvisual is successfully fetched.\n- Emits an `error` event when the brandvisual import fails.\n- Supports accessibility best practices.\n- Used for brand representation within the design system.",
           "name": "Brandvisual",
+          "cssParts": [
+            {
+              "description": "Set styles for the brandvisual svg container",
+              "name": "brandvisual"
+            },
+            {
+              "description": "Set styles for the brandvisual image container",
+              "name": "brandvisualImage"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -4914,7 +4924,7 @@
                 "text": "string | undefined"
               },
               "description": "Alt text for the brandvisual image for accessibility.\nThis will only be set if the brandvisual is an image (png).",
-              "attribute": "altText",
+              "attribute": "alt-text",
               "reflects": true
             },
             {
@@ -5046,7 +5056,7 @@
               "fieldName": "name"
             },
             {
-              "name": "altText",
+              "name": "alt-text",
               "type": {
                 "text": "string | undefined"
               },
@@ -5059,7 +5069,7 @@
             "module": "/src/models"
           },
           "tagName": "mdc-brandvisual",
-          "jsDoc": "/**\n * The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\n * displayed correctly within applications.\n *\n * Features:\n * - Dynamically loads brandvisuals based on the `name` attribute.\n * - Emits a `load` event when the brandvisual is successfully fetched.\n * - Emits an `error` event when the brandvisual import fails.\n * - Supports accessibility best practices.\n * - Used for brand representation within the design system.\n *\n * @tagname mdc-brandvisual\n *\n * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.\n * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.\n *\n */",
+          "jsDoc": "/**\n * The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\n * displayed correctly within applications.\n *\n * Features:\n * - Dynamically loads brandvisuals based on the `name` attribute.\n * - Emits a `load` event when the brandvisual is successfully fetched.\n * - Emits an `error` event when the brandvisual import fails.\n * - Supports accessibility best practices.\n * - Used for brand representation within the design system.\n *\n * @tagname mdc-brandvisual\n *\n * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.\n * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.\n *\n * @csspart brandvisual - Set styles for the brandvisual svg container\n * @csspart brandvisualImage - Set styles for the brandvisual image container\n */",
           "customElement": true
         }
       ],

package/dist/react/brandvisual/index.d.ts

@@ -17,6 +17,8 @@ import type { Events } from '../../components/brandvisual/brandvisual.types';
  * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.
  * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.
  *
+ * @csspart brandvisual - Set styles for the brandvisual svg container
+ * @csspart brandvisualImage - Set styles for the brandvisual image container
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onLoad: EventName<Events["onLoadEvent"]>;

package/dist/react/brandvisual/index.js

@@ -18,6 +18,8 @@ import { TAG_NAME } from '../../components/brandvisual/brandvisual.constants';
  * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.
  * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.
  *
+ * @csspart brandvisual - Set styles for the brandvisual svg container
+ * @csspart brandvisualImage - Set styles for the brandvisual image container
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

package/dist/utils/roles.d.ts

@@ -11,6 +11,7 @@ declare const ROLE: {
     readonly LIST: "list";
     readonly LISTBOX: "listbox";
     readonly LISTITEM: "listitem";
+    readonly MAIN: "main";
     readonly MENU: "menu";
     readonly MENUBAR: "menubar";
     readonly MENUITEM: "menuitem";

package/dist/utils/roles.js

@@ -11,6 +11,7 @@ const ROLE = {
     LIST: 'list',
     LISTBOX: 'listbox',
     LISTITEM: 'listitem',
+    MAIN: 'main',
     MENU: 'menu',
     MENUBAR: 'menubar',
     MENUITEM: 'menuitem',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.129.15",
+  "version": "0.129.16",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"