@momentum-design/components 0.139.4 → 0.139.6

package/dist/custom-elements.json

@@ -173,8 +173,8 @@
               "attribute": "disabled",
               "reflects": true,
               "inheritedFrom": {
-                "name": "AccordionButton",
-                "module": "components/accordionbutton/accordionbutton.component.js"
+                "name": "DisabledMixin",
+                "module": "utils/mixins/DisabledMixin.js"
               }
             },
             {
@@ -493,8 +493,8 @@
               "default": "undefined",
               "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "AccordionButton",
-                "module": "src/components/accordionbutton/accordionbutton.component.ts"
+                "name": "DisabledMixin",
+                "module": "src/utils/mixins/DisabledMixin.ts"
               }
             },
             {
@@ -7217,6 +7217,14 @@
               "description": "Background color for days within a range.",
               "name": "--mdc-calendar-range-bg"
             },
+            {
+              "description": "Background color for a provisional range.",
+              "name": "--mdc-calendar-range-preview-bg"
+            },
+            {
+              "description": "Text color for days within a provisional range.",
+              "name": "--mdc-calendar-range-preview-text-color"
+            },
             {
               "description": "Text color for days outside the current month.",
               "name": "--mdc-calendar-day-outside-month-text-color"
@@ -7312,31 +7320,21 @@
             },
             {
               "kind": "method",
-              "name": "getGridAriaLabel",
+              "name": "getDisplayedRange",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "{ start?: string; end?: string }"
                 }
               }
             },
             {
               "kind": "method",
-              "name": "getRangeEnd",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string | undefined"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getRangeStart",
+              "name": "getGridAriaLabel",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string | undefined"
+                  "text": "string"
                 }
               }
             },
@@ -7377,6 +7375,24 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "handleDayPointerEnter",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "dayInfo",
+                  "type": {
+                    "text": "CalendarDayInfo"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "handleGridFocusIn",
@@ -7415,6 +7431,16 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "handleGridPointerLeave",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "handleTodayClick",
@@ -7425,6 +7451,15 @@
                 }
               }
             },
+            {
+              "kind": "field",
+              "name": "hoveredDate",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
             {
               "kind": "method",
               "name": "initializeDisplay",
@@ -7453,6 +7488,15 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "isPreviewingRange",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "isTodayDisabled",
@@ -7494,6 +7538,16 @@
               "description": "Localized aria-label for the previous month navigation button.",
               "attribute": "locale-prev-month-label"
             },
+            {
+              "kind": "field",
+              "name": "localeRangeStartSelectedLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Localized announcement made after the range start date is selected.",
+              "attribute": "locale-range-start-selected-label"
+            },
             {
               "kind": "field",
               "name": "localeTodayLabel",
@@ -7542,6 +7596,15 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "previewEndDate",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "rangeSelectionPhase",
@@ -7737,6 +7800,15 @@
               "default": "''",
               "description": "Localized aria-label for the next month navigation button.",
               "fieldName": "localeNextMonthLabel"
+            },
+            {
+              "name": "locale-range-start-selected-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Localized announcement made after the range start date is selected.",
+              "fieldName": "localeRangeStartSelectedLabel"
             }
           ],
           "mixins": [
@@ -7754,7 +7826,7 @@
             "module": "/src/models"
           },
           "tagName": "mdc-calendar",
-          "jsDoc": "/**\n * @tagname mdc-calendar\n *\n * @dependency mdc-button\n *\n * @event date-selected - Fires when a date or date range is selected.\n * @event month-changed - Fires when the displayed month changes.\n *\n * @cssproperty --mdc-calendar-background-color - Background color of the calendar.\n * @cssproperty --mdc-calendar-text-color - Text color of the calendar.\n * @cssproperty --mdc-calendar-day-selected-bg - Background color of selected days.\n * @cssproperty --mdc-calendar-day-selected-text-color - Text color of selected days.\n * @cssproperty --mdc-calendar-day-today-border-color - Border color for today's date.\n * @cssproperty --mdc-calendar-day-hover-bg - Background color on hover.\n * @cssproperty --mdc-calendar-range-bg - Background color for days within a range.\n * @cssproperty --mdc-calendar-day-outside-month-text-color - Text color for days outside the current month.\n * @cssproperty --mdc-calendar-day-disabled-text-color - Text color for disabled days.\n */",
+          "jsDoc": "/**\n * @tagname mdc-calendar\n *\n * @dependency mdc-button\n * @dependency mdc-screenreaderannouncer\n *\n * @event date-selected - Fires when a date or date range is selected.\n * @event month-changed - Fires when the displayed month changes.\n *\n * @cssproperty --mdc-calendar-background-color - Background color of the calendar.\n * @cssproperty --mdc-calendar-text-color - Text color of the calendar.\n * @cssproperty --mdc-calendar-day-selected-bg - Background color of selected days.\n * @cssproperty --mdc-calendar-day-selected-text-color - Text color of selected days.\n * @cssproperty --mdc-calendar-day-today-border-color - Border color for today's date.\n * @cssproperty --mdc-calendar-day-hover-bg - Background color on hover.\n * @cssproperty --mdc-calendar-range-bg - Background color for days within a range.\n * @cssproperty --mdc-calendar-range-preview-bg - Background color for a provisional range.\n * @cssproperty --mdc-calendar-range-preview-text-color - Text color for days within a provisional range.\n * @cssproperty --mdc-calendar-day-outside-month-text-color - Text color for days outside the current month.\n * @cssproperty --mdc-calendar-day-disabled-text-color - Text color for disabled days.\n */",
           "customElement": true
         }
       ],
@@ -15949,6 +16021,22 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "closePopover",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "focusTrigger",
+                  "default": "false"
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "commitValue",
@@ -16474,6 +16562,16 @@
               "description": "Localized aria-label for the previous month button.",
               "attribute": "locale-prev-month-label"
             },
+            {
+              "kind": "field",
+              "name": "localeRangeStartSelectedLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Localized announcement made after the range start date is selected.",
+              "attribute": "locale-range-start-selected-label"
+            },
             {
               "kind": "field",
               "name": "localeSpinbuttonDescription",
@@ -17108,6 +17206,15 @@
               "description": "Localized aria-label for the next month button.",
               "fieldName": "localeNextMonthLabel"
             },
+            {
+              "name": "locale-range-start-selected-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Localized announcement made after the range start date is selected.",
+              "fieldName": "localeRangeStartSelectedLabel"
+            },
             {
               "name": "end-value",
               "type": {

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

@@ -19,6 +19,7 @@ import type { Events } from '../../components/calendar/calendar.types';
  * @tagname mdc-calendar
  * 
  * @dependency mdc-button
+ * @dependency mdc-screenreaderannouncer
  * 
  * @event date-selected - Fires when a date or date range is selected.
  * @event month-changed - Fires when the displayed month changes.
@@ -30,6 +31,8 @@ import type { Events } from '../../components/calendar/calendar.types';
  * @cssproperty --mdc-calendar-day-today-border-color - Border color for today's date.
  * @cssproperty --mdc-calendar-day-hover-bg - Background color on hover.
  * @cssproperty --mdc-calendar-range-bg - Background color for days within a range.
+ * @cssproperty --mdc-calendar-range-preview-bg - Background color for a provisional range.
+ * @cssproperty --mdc-calendar-range-preview-text-color - Text color for days within a provisional range.
  * @cssproperty --mdc-calendar-day-outside-month-text-color - Text color for days outside the current month.
  * @cssproperty --mdc-calendar-day-disabled-text-color - Text color for disabled days.
  */

package/dist/react/calendar/index.js

@@ -6,6 +6,7 @@ import { TAG_NAME } from '../../components/calendar/calendar.constants';
  * @tagname mdc-calendar
  *
  * @dependency mdc-button
+ * @dependency mdc-screenreaderannouncer
  *
  * @event date-selected - Fires when a date or date range is selected.
  * @event month-changed - Fires when the displayed month changes.
@@ -17,6 +18,8 @@ import { TAG_NAME } from '../../components/calendar/calendar.constants';
  * @cssproperty --mdc-calendar-day-today-border-color - Border color for today's date.
  * @cssproperty --mdc-calendar-day-hover-bg - Background color on hover.
  * @cssproperty --mdc-calendar-range-bg - Background color for days within a range.
+ * @cssproperty --mdc-calendar-range-preview-bg - Background color for a provisional range.
+ * @cssproperty --mdc-calendar-range-preview-text-color - Text color for days within a provisional range.
  * @cssproperty --mdc-calendar-day-outside-month-text-color - Text color for days outside the current month.
  * @cssproperty --mdc-calendar-day-disabled-text-color - Text color for disabled days.
  */

package/package.json

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