@momentum-design/components 0.106.0 → 0.106.1

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

@@ -72,6 +72,16 @@ declare class Buttonsimple extends Buttonsimple_base {
      * @default button
      */
     type: ButtonType;
+    /**
+     * The name of the button, submitted as a pair with the button's value as part of the form data,
+     * when that button is used to submit the form.
+     */
+    name?: string;
+    /**
+     * Defines the value associated with the button's name when it's submitted with the form data.
+     * This value is passed to the server in params when the form is submitted using this button.
+     */
+    value?: string;
     /**
      * @internal
      */

package/dist/components/buttonsimple/buttonsimple.component.js

@@ -240,4 +240,12 @@ __decorate([
     property({ reflect: true }),
     __metadata("design:type", String)
 ], Buttonsimple.prototype, "type", void 0);
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", String)
+], Buttonsimple.prototype, "name", void 0);
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", String)
+], Buttonsimple.prototype, "value", void 0);
 export default Buttonsimple;

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

@@ -54,12 +54,12 @@ declare class MenuItem extends ListItem {
     /**
      * The name attribute is used to identify the menu item when it is selected.
      */
-    name?: undefined | string;
+    name?: string;
     /**
      * The value attribute is used to represent a value when the menu item is selected.
      * It is typically used with checkbox and radio menu items, but can be handy for any menu item.
      */
-    value?: undefined | string;
+    value?: string;
     constructor();
     /**
      * Handles the keydown event for the menu item.

package/dist/components/menuitem/menuitem.component.js

@@ -53,15 +53,6 @@ import styles from './menuitem.styles';
 class MenuItem extends ListItem {
     constructor() {
         super();
-        /**
-         * The name attribute is used to identify the menu item when it is selected.
-         */
-        this.name = undefined;
-        /**
-         * The value attribute is used to represent a value when the menu item is selected.
-         * It is typically used with checkbox and radio menu items, but can be handy for any menu item.
-         */
-        this.value = undefined;
         this.addEventListener('keyup', this.handleKeyUp.bind(this));
     }
     /**
@@ -153,10 +144,10 @@ __decorate([
 ], MenuItem.prototype, "arrowDirection", void 0);
 __decorate([
     property({ type: String, reflect: true }),
-    __metadata("design:type", Object)
+    __metadata("design:type", String)
 ], MenuItem.prototype, "name", void 0);
 __decorate([
     property({ type: String, reflect: true }),
-    __metadata("design:type", Object)
+    __metadata("design:type", String)
 ], MenuItem.prototype, "value", void 0);
 export default MenuItem;