@momentum-design/components 0.104.8 → 0.104.10

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

@@ -201,10 +201,10 @@ declare class Popover extends Popover_base {
      */
     backdropAppendTo?: string;
     /**
-     * Set this property to true to make the backdrop invisible (if `backdrop` is true).
-     * This is useful for components that do want a backdrop which stops interaction,
-     * but do not want the backdrop to be visible as a overlay.
-     * @default false
+     * Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).
+     * This is useful for cases where the popovers backdrop should get dimmed.
+     *
+     * @default true - default is to have a invisible backdrop
      */
     isBackdropInvisible?: boolean;
     /**

package/dist/components/popover/popover.component.js

@@ -206,10 +206,10 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
          */
         this.backdrop = DEFAULTS.BACKDROP;
         /**
-         * Set this property to true to make the backdrop invisible (if `backdrop` is true).
-         * This is useful for components that do want a backdrop which stops interaction,
-         * but do not want the backdrop to be visible as a overlay.
-         * @default false
+         * Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).
+         * This is useful for cases where the popovers backdrop should get dimmed.
+         *
+         * @default true - default is to have a invisible backdrop
          */
         this.isBackdropInvisible = DEFAULTS.IS_BACKDROP_INVISIBLE;
         /**

package/dist/components/popover/popover.constants.d.ts

@@ -52,6 +52,6 @@ declare const DEFAULTS: {
     readonly PROPAGATE_EVENT_ON_ESCAPE: false;
     readonly KEEP_CONNECTED_TOOLTIP_CLOSED: true;
     readonly STRATEGY: "absolute";
-    readonly IS_BACKDROP_INVISIBLE: false;
+    readonly IS_BACKDROP_INVISIBLE: true;
 };
 export { TAG_NAME, POPOVER_PLACEMENT, COLOR, TRIGGER, DEFAULTS };

package/dist/components/popover/popover.constants.js

@@ -53,6 +53,6 @@ const DEFAULTS = {
     PROPAGATE_EVENT_ON_ESCAPE: false,
     KEEP_CONNECTED_TOOLTIP_CLOSED: true,
     STRATEGY: 'absolute',
-    IS_BACKDROP_INVISIBLE: false,
+    IS_BACKDROP_INVISIBLE: true,
 };
 export { TAG_NAME, POPOVER_PLACEMENT, COLOR, TRIGGER, DEFAULTS };

package/dist/components/select/select.component.js

@@ -557,7 +557,6 @@ class Select extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
           role=""
           backdrop
           backdrop-append-to="${ifDefined(this.backdropAppendTo)}"
-          is-backdrop-invisible
           hide-on-outside-click
           hide-on-escape
           focus-back-to-trigger

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

@@ -12,7 +12,7 @@ import { Component } from '../../models';
  * @slot default - This is a default/unnamed slot, which can be used to insert mdc-option components.
  */
 declare class Selectlistbox extends Component {
-    role: "listbox";
+    connectedCallback(): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
 }
 export default Selectlistbox;

package/dist/components/selectlistbox/selectlistbox.component.js

@@ -13,8 +13,8 @@ import { ROLE } from '../../utils/roles';
  * @slot default - This is a default/unnamed slot, which can be used to insert mdc-option components.
  */
 class Selectlistbox extends Component {
-    constructor() {
-        super(...arguments);
+    connectedCallback() {
+        super.connectedCallback();
         this.role = ROLE.LISTBOX;
     }
     createRenderRoot() {

package/dist/custom-elements.json

@@ -10076,8 +10076,8 @@
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Set this property to true to make the backdrop invisible (if `backdrop` is true).\nThis is useful for components that do want a backdrop which stops interaction,\nbut do not want the backdrop to be visible as a overlay.",
-              "default": "false",
+              "description": "Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).\nThis is useful for cases where the popovers backdrop should get dimmed.",
+              "default": "true - default is to have a invisible backdrop",
               "attribute": "is-backdrop-invisible",
               "reflects": true,
               "inheritedFrom": {
@@ -10886,8 +10886,8 @@
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Set this property to true to make the backdrop invisible (if `backdrop` is true).\nThis is useful for components that do want a backdrop which stops interaction,\nbut do not want the backdrop to be visible as a overlay.",
-              "default": "false",
+              "description": "Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).\nThis is useful for cases where the popovers backdrop should get dimmed.",
+              "default": "true - default is to have a invisible backdrop",
               "fieldName": "isBackdropInvisible",
               "inheritedFrom": {
                 "name": "Popover",
@@ -22008,8 +22008,8 @@
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Set this property to true to make the backdrop invisible (if `backdrop` is true).\nThis is useful for components that do want a backdrop which stops interaction,\nbut do not want the backdrop to be visible as a overlay.",
-              "default": "false",
+              "description": "Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).\nThis is useful for cases where the popovers backdrop should get dimmed.",
+              "default": "true - default is to have a invisible backdrop",
               "attribute": "is-backdrop-invisible",
               "reflects": true,
               "inheritedFrom": {
@@ -22778,8 +22778,8 @@
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Set this property to true to make the backdrop invisible (if `backdrop` is true).\nThis is useful for components that do want a backdrop which stops interaction,\nbut do not want the backdrop to be visible as a overlay.",
-              "default": "false",
+              "description": "Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).\nThis is useful for cases where the popovers backdrop should get dimmed.",
+              "default": "true - default is to have a invisible backdrop",
               "fieldName": "isBackdropInvisible",
               "inheritedFrom": {
                 "name": "Popover",
@@ -27090,8 +27090,8 @@
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Set this property to true to make the backdrop invisible (if `backdrop` is true).\nThis is useful for components that do want a backdrop which stops interaction,\nbut do not want the backdrop to be visible as a overlay.",
-              "default": "false",
+              "description": "Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).\nThis is useful for cases where the popovers backdrop should get dimmed.",
+              "default": "true - default is to have a invisible backdrop",
               "attribute": "is-backdrop-invisible",
               "reflects": true
             },
@@ -28166,8 +28166,8 @@
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Set this property to true to make the backdrop invisible (if `backdrop` is true).\nThis is useful for components that do want a backdrop which stops interaction,\nbut do not want the backdrop to be visible as a overlay.",
-              "default": "false",
+              "description": "Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).\nThis is useful for cases where the popovers backdrop should get dimmed.",
+              "default": "true - default is to have a invisible backdrop",
               "fieldName": "isBackdropInvisible"
             },
             {
@@ -33237,12 +33237,7 @@
               "name": "default"
             }
           ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "role"
-            }
-          ],
+          "members": [],
           "superclass": {
             "name": "Component",
             "module": "/src/models"
@@ -39307,8 +39302,8 @@
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Set this property to true to make the backdrop invisible (if `backdrop` is true).\nThis is useful for components that do want a backdrop which stops interaction,\nbut do not want the backdrop to be visible as a overlay.",
-              "default": "false",
+              "description": "Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).\nThis is useful for cases where the popovers backdrop should get dimmed.",
+              "default": "true - default is to have a invisible backdrop",
               "attribute": "is-backdrop-invisible",
               "reflects": true,
               "inheritedFrom": {
@@ -40127,8 +40122,8 @@
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Set this property to true to make the backdrop invisible (if `backdrop` is true).\nThis is useful for components that do want a backdrop which stops interaction,\nbut do not want the backdrop to be visible as a overlay.",
-              "default": "false",
+              "description": "Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).\nThis is useful for cases where the popovers backdrop should get dimmed.",
+              "default": "true - default is to have a invisible backdrop",
               "fieldName": "isBackdropInvisible",
               "inheritedFrom": {
                 "name": "Popover",
@@ -41391,8 +41386,8 @@
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Set this property to true to make the backdrop invisible (if `backdrop` is true).\nThis is useful for components that do want a backdrop which stops interaction,\nbut do not want the backdrop to be visible as a overlay.",
-              "default": "false",
+              "description": "Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).\nThis is useful for cases where the popovers backdrop should get dimmed.",
+              "default": "true - default is to have a invisible backdrop",
               "attribute": "is-backdrop-invisible",
               "reflects": true,
               "inheritedFrom": {
@@ -42212,8 +42207,8 @@
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Set this property to true to make the backdrop invisible (if `backdrop` is true).\nThis is useful for components that do want a backdrop which stops interaction,\nbut do not want the backdrop to be visible as a overlay.",
-              "default": "false",
+              "description": "Set this property to false to make the backdrop a dimmed visible backdrop (if `backdrop` is true).\nThis is useful for cases where the popovers backdrop should get dimmed.",
+              "default": "true - default is to have a invisible backdrop",
               "fieldName": "isBackdropInvisible",
               "inheritedFrom": {
                 "name": "Popover",

package/package.json

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