@momentum-design/components 0.128.0 → 0.129.1

package/dist/custom-elements.json

@@ -22306,6 +22306,10 @@
                   "name": "focusNewItem",
                   "default": "true",
                   "description": "Call focus() on the new item or not. It should be false during firstUpdate"
+                },
+                {
+                  "name": "scrollToNewItem",
+                  "default": "true"
                 }
               ],
               "description": "Resets the tabindex of the currently focused item and sets focus to a new item.",
@@ -22603,6 +22607,10 @@
                   "name": "focusNewItem",
                   "default": "true",
                   "description": "Call focus() on the new item or not. It should be false during firstUpdate"
+                },
+                {
+                  "name": "scrollToNewItem",
+                  "default": "true"
                 }
               ],
               "description": "Resets the tabindex of the currently focused item and sets focus to a new item.",
@@ -42302,6 +42310,10 @@
                   "name": "focusNewItem",
                   "default": "true",
                   "description": "Call focus() on the new item or not. It should be false during firstUpdate"
+                },
+                {
+                  "name": "scrollToNewItem",
+                  "default": "true"
                 }
               ],
               "description": "Resets the tabindex of the currently focused item and sets focus to a new item.",
@@ -47909,506 +47921,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/themeprovider/themeprovider.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "ThemeProvider component, which sets the passed in themeclass as class.\nIf the themeclass switches, the existing themeclass will be removed as a class\nand the new themeclass will be added.\n\nCSS variables defined in the themeclass will be used for the styling of child dom nodes.\n\nAvailable Momentum theme classes:\n\n`mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`\n\n`mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`\n\n`mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`\n\n`mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`\n\n`mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`\n\n`mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`\n\nThemeclass context can be be consumed from Lit child components\n(see providerUtils.consume for how to consume)\n\nThemeProvider also includes basic font defaults for text.",
-          "name": "ThemeProvider",
-          "cssProperties": [
-            {
-              "description": "Option to override the default color, default: color-theme-text-primary-normal",
-              "name": "--mdc-themeprovider-color-default"
-            },
-            {
-              "description": "Option to override the font family, default: `Momentum` (from momentum-design/fonts)",
-              "name": "--mdc-themeprovider-font-family"
-            },
-            {
-              "description": "Option to override the font weight, default: `400`",
-              "name": "--mdc-themeprovider-font-weight"
-            },
-            {
-              "description": "Option to override the default letter-spacing, default: `-0.25px` (this is to match the old CiscoSans)",
-              "name": "--mdc-themeprovider-letter-spacing-adjustment"
-            },
-            {
-              "description": "Option to override the font feature settings, default: `\"ss02\" on`",
-              "name": "--mdc-themeprovider-font-feature-settings"
-            },
-            {
-              "description": "Option to override the color of the scrollbar track.",
-              "name": "--mdc-themeprovider-scrollbar-track-color"
-            },
-            {
-              "description": "Option to override the color of the scrollbar thumb.",
-              "name": "--mdc-themeprovider-scrollbar-thumb-color"
-            }
-          ],
-          "slots": [
-            {
-              "description": "children",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "Context",
-              "privacy": "public",
-              "static": true,
-              "description": "Context object of the ThemeProvider, to be consumed by child components",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "themeclass",
-              "type": {
-                "text": "string"
-              },
-              "description": "Current theme class\n\nHas to be fully qualified, such that\nthe theme class matches the class of the respective\ntheme stylesheet\n\nDefault: 'mds-theme-stable-darkWebex'",
-              "attribute": "themeclass"
-            },
-            {
-              "kind": "method",
-              "name": "updateContext",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Update all observing components of this\nprovider to update the themeclass\n\nIs called on every re-render, see Provider class"
-            },
-            {
-              "kind": "method",
-              "name": "setThemeInClassList",
-              "privacy": "private",
-              "description": "Function to update the active theme classnames to update the theme tokens\nas CSS variables on the web component."
-            }
-          ],
-          "attributes": [
-            {
-              "name": "themeclass",
-              "type": {
-                "text": "string"
-              },
-              "description": "Current theme class\n\nHas to be fully qualified, such that\nthe theme class matches the class of the respective\ntheme stylesheet\n\nDefault: 'mds-theme-stable-darkWebex'",
-              "fieldName": "themeclass"
-            }
-          ],
-          "superclass": {
-            "name": "Provider",
-            "module": "/src/models"
-          },
-          "tagName": "mdc-themeprovider",
-          "jsDoc": "/**\n * ThemeProvider component, which sets the passed in themeclass as class.\n * If the themeclass switches, the existing themeclass will be removed as a class\n * and the new themeclass will be added.\n *\n * CSS variables defined in the themeclass will be used for the styling of child dom nodes.\n *\n * Available Momentum theme classes:\n *\n * `mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`\n *\n * `mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`\n *\n * `mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`\n *\n * `mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`\n *\n * `mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`\n *\n * `mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`\n *\n * Themeclass context can be be consumed from Lit child components\n * (see providerUtils.consume for how to consume)\n *\n * ThemeProvider also includes basic font defaults for text.\n *\n * @tagname mdc-themeprovider\n *\n * @slot - children\n *\n * @cssproperty --mdc-themeprovider-color-default - Option to override the default color,\n * default: color-theme-text-primary-normal\n * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,\n * default: `Momentum` (from momentum-design/fonts)\n * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`\n * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,\n * default: `-0.25px` (this is to match the old CiscoSans)\n * @cssproperty --mdc-themeprovider-font-feature-settings - Option to override the font feature settings,\n * default: `\"ss02\" on`\n * @cssproperty --mdc-themeprovider-scrollbar-track-color - Option to override the color of the scrollbar track.\n * @cssproperty --mdc-themeprovider-scrollbar-thumb-color - Option to override the color of the scrollbar thumb.\n */",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ThemeProvider",
-            "module": "components/themeprovider/themeprovider.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/toast/toast.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "`mdc-toast` is a lightweight, non-blocking alert used to inform users about application processes.\nIt supports success, warning, error, and custom messages, and is designed to be controlled externally.\n\n**Note**: When using `slot=\"toast-body-normal\"` and `slot=\"toast-body-detailed\"`, it's strongly recommended to wrap the content with `<mdc-text tagname=\"span\">`.\nIf not used, ensure your custom content is styled appropriately to match the design and alignment expectations of the toast component.",
-          "name": "Toast",
-          "cssProperties": [
-            {
-              "description": "Background color of the toast.",
-              "name": "--mdc-toast-background-color"
-            },
-            {
-              "description": "Border color of the toast.",
-              "name": "--mdc-toast-border-color"
-            },
-            {
-              "description": "Color of the header text in the toast.",
-              "name": "--mdc-toast-header-text-color"
-            },
-            {
-              "description": "Color of the icon in the toast.",
-              "name": "--mdc-toast-icon-color"
-            },
-            {
-              "description": "Elevation effect applied to the toast.",
-              "name": "--mdc-toast-elevation-3"
-            },
-            {
-              "description": "Width of the toast.",
-              "name": "--mdc-toast-width"
-            },
-            {
-              "description": "Padding inside the toast.",
-              "name": "--mdc-toast-padding"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The container for the toast's main content, including icon, text, and close button.",
-              "name": "content-container"
-            },
-            {
-              "description": "The icon shown at the start of the toast, styled by variant.",
-              "name": "toast-prefix-icon"
-            },
-            {
-              "description": "The container for the header and body content of the toast.",
-              "name": "toast-content"
-            },
-            {
-              "description": "The header text of the toast.",
-              "name": "toast-header"
-            },
-            {
-              "description": "The container for the toast's footer, including toggle and action buttons.",
-              "name": "footer"
-            },
-            {
-              "description": "The toggle button for showing/hiding detailed content.",
-              "name": "footer-button-toggle"
-            },
-            {
-              "description": "The close button for the toast.",
-              "name": "toast-close-btn"
-            },
-            {
-              "description": "Applied to the footer when it contains buttons or a toggle button.",
-              "name": "has-footer-buttons"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Slot for custom content before the icon (only for custom variant).",
-              "name": "content-prefix"
-            },
-            {
-              "description": "Slot for the main body content of the toast.",
-              "name": "toast-body-normal"
-            },
-            {
-              "description": "Slot for additional detailed content, shown when expanded.",
-              "name": "toast-body-detailed"
-            },
-            {
-              "description": "Slot for custom footer content. Prefer using footer-button-primary and footer-button-secondary slots.",
-              "name": "footer"
-            },
-            {
-              "description": "Slot for passing the primary variant of `mdc-button` in the footer.",
-              "name": "footer-button-primary"
-            },
-            {
-              "description": "Slot for passing the secondary variant of `mdc-button` in the footer.",
-              "name": "footer-button-secondary"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "ToastVariant"
-              },
-              "description": "Type of toast\n- Can be `custom`, `success`, `warning` or `error`.\n\nNote: When using the `custom` variant, provide your own icon via the `content-prefix` slot; otherwise, no icon will be shown.",
-              "default": "'custom'",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "closeButtonAriaLabel",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines aria-label attribute for close button accessibility",
-              "attribute": "close-button-aria-label"
-            },
-            {
-              "kind": "field",
-              "name": "headerText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines a string value to display as the title of the toast",
-              "attribute": "header-text",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "headerTagName",
-              "type": {
-                "text": "TagName"
-              },
-              "description": "The html tag to be used for the header text",
-              "default": "'h2'",
-              "attribute": "header-tag-name",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "ariaLabel",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "Defines aria-label attribute when header is not used",
-              "attribute": "aria-label",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "showMoreText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines the text shown on the linkbutton when detailed content is hidden.",
-              "attribute": "show-more-text",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "showLessText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines the text shown on the linkbutton when detailed content is visible.",
-              "attribute": "show-less-text",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "isDetailVisible",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "hasDetailedSlot",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "detailedElements",
-              "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "hasFooterButtons",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "method",
-              "name": "closeToast",
-              "privacy": "private",
-              "description": "Fired when Close Button is clicked using mouse or keyboard.\nThis method dispatches the close event.\nIt is used to notify that the toast should be closed."
-            },
-            {
-              "kind": "method",
-              "name": "toggleDetailVisibility",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "updateDetailedSlotPresence",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "updateFooterButtonsPresence",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderIcon",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "iconName",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "shouldRenderToggleButton",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderToggleDetailButton",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderHeader",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "handleFooterSlot",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "tagname",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "variant",
-                  "optional": true,
-                  "type": {
-                    "text": "string | undefined"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "renderFooter",
-              "privacy": "protected",
-              "description": "Renders the footer of the card if footer-link,\nfooter-button-primary, or footer-button-secondary slots are provided",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "inheritedFrom": {
-                "name": "FooterMixin",
-                "module": "utils/mixins/FooterMixin.js"
-              }
-            }
-          ],
-          "events": [
-            {
-              "description": "(React: onClose) Dispatched when the Close Button is clicked using mouse or keyboard.",
-              "name": "close",
-              "reactName": "onClose"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "ToastVariant"
-              },
-              "description": "Type of toast\n- Can be `custom`, `success`, `warning` or `error`.\n\nNote: When using the `custom` variant, provide your own icon via the `content-prefix` slot; otherwise, no icon will be shown.",
-              "default": "'custom'",
-              "fieldName": "variant"
-            },
-            {
-              "name": "close-button-aria-label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines aria-label attribute for close button accessibility",
-              "fieldName": "closeButtonAriaLabel"
-            },
-            {
-              "name": "header-text",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines a string value to display as the title of the toast",
-              "fieldName": "headerText"
-            },
-            {
-              "name": "header-tag-name",
-              "type": {
-                "text": "TagName"
-              },
-              "description": "The html tag to be used for the header text",
-              "default": "'h2'",
-              "fieldName": "headerTagName"
-            },
-            {
-              "name": "aria-label",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "Defines aria-label attribute when header is not used",
-              "fieldName": "ariaLabel"
-            },
-            {
-              "name": "show-more-text",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines the text shown on the linkbutton when detailed content is hidden.",
-              "fieldName": "showMoreText"
-            },
-            {
-              "name": "show-less-text",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Defines the text shown on the linkbutton when detailed content is visible.",
-              "fieldName": "showLessText"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FooterMixin",
-              "module": "/src/utils/mixins/FooterMixin"
-            }
-          ],
-          "superclass": {
-            "name": "Component",
-            "module": "/src/models"
-          },
-          "tagName": "mdc-toast",
-          "jsDoc": "/**\n * `mdc-toast` is a lightweight, non-blocking alert used to inform users about application processes.\n * It supports success, warning, error, and custom messages, and is designed to be controlled externally.\n *\n * **Note**: When using `slot=\"toast-body-normal\"` and `slot=\"toast-body-detailed\"`, it's strongly recommended to wrap the content with `<mdc-text tagname=\"span\">`.\n * If not used, ensure your custom content is styled appropriately to match the design and alignment expectations of the toast component.\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n * @dependency mdc-button\n *\n * @slot content-prefix - Slot for custom content before the icon (only for custom variant).\n * @slot toast-body-normal - Slot for the main body content of the toast.\n * @slot toast-body-detailed - Slot for additional detailed content, shown when expanded.\n * @slot footer - Slot for custom footer content. Prefer using footer-button-primary and footer-button-secondary slots.\n * @slot footer-button-primary - Slot for passing the primary variant of `mdc-button` in the footer.\n * @slot footer-button-secondary - Slot for passing the secondary variant of `mdc-button` in the footer.\n *\n * @tagname mdc-toast\n *\n * @event close - (React: onClose) Dispatched when the Close Button is clicked using mouse or keyboard.\n *\n * @csspart content-container - The container for the toast's main content, including icon, text, and close button.\n * @csspart toast-prefix-icon - The icon shown at the start of the toast, styled by variant.\n * @csspart toast-content - The container for the header and body content of the toast.\n * @csspart toast-header - The header text of the toast.\n * @csspart footer - The container for the toast's footer, including toggle and action buttons.\n * @csspart footer-button-toggle - The toggle button for showing/hiding detailed content.\n * @csspart toast-close-btn - The close button for the toast.\n * @csspart has-footer-buttons - Applied to the footer when it contains buttons or a toggle button.\n *\n * @cssproperty --mdc-toast-background-color - Background color of the toast.\n * @cssproperty --mdc-toast-border-color - Border color of the toast.\n * @cssproperty --mdc-toast-header-text-color - Color of the header text in the toast.\n * @cssproperty --mdc-toast-icon-color - Color of the icon in the toast.\n * @cssproperty --mdc-toast-elevation-3 - Elevation effect applied to the toast.\n * @cssproperty --mdc-toast-width - Width of the toast.\n * @cssproperty --mdc-toast-padding - Padding inside the toast.\n */",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "Toast",
-            "module": "components/toast/toast.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/toggle/toggle.component.js",
@@ -54088,10 +53600,11 @@
                 },
                 {
                   "name": "focusNewItem",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
+                  "default": "true"
+                },
+                {
+                  "name": "scrollToNewItem",
+                  "default": "focusNewItem"
                 }
               ],
               "description": "Resets the tabindex of the currently focused item and sets focus to a new item.",
@@ -54393,6 +53906,506 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/themeprovider/themeprovider.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "ThemeProvider component, which sets the passed in themeclass as class.\nIf the themeclass switches, the existing themeclass will be removed as a class\nand the new themeclass will be added.\n\nCSS variables defined in the themeclass will be used for the styling of child dom nodes.\n\nAvailable Momentum theme classes:\n\n`mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`\n\n`mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`\n\n`mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`\n\n`mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`\n\n`mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`\n\n`mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`\n\nThemeclass context can be be consumed from Lit child components\n(see providerUtils.consume for how to consume)\n\nThemeProvider also includes basic font defaults for text.",
+          "name": "ThemeProvider",
+          "cssProperties": [
+            {
+              "description": "Option to override the default color, default: color-theme-text-primary-normal",
+              "name": "--mdc-themeprovider-color-default"
+            },
+            {
+              "description": "Option to override the font family, default: `Momentum` (from momentum-design/fonts)",
+              "name": "--mdc-themeprovider-font-family"
+            },
+            {
+              "description": "Option to override the font weight, default: `400`",
+              "name": "--mdc-themeprovider-font-weight"
+            },
+            {
+              "description": "Option to override the default letter-spacing, default: `-0.25px` (this is to match the old CiscoSans)",
+              "name": "--mdc-themeprovider-letter-spacing-adjustment"
+            },
+            {
+              "description": "Option to override the font feature settings, default: `\"ss02\" on`",
+              "name": "--mdc-themeprovider-font-feature-settings"
+            },
+            {
+              "description": "Option to override the color of the scrollbar track.",
+              "name": "--mdc-themeprovider-scrollbar-track-color"
+            },
+            {
+              "description": "Option to override the color of the scrollbar thumb.",
+              "name": "--mdc-themeprovider-scrollbar-thumb-color"
+            }
+          ],
+          "slots": [
+            {
+              "description": "children",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "Context",
+              "privacy": "public",
+              "static": true,
+              "description": "Context object of the ThemeProvider, to be consumed by child components",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "themeclass",
+              "type": {
+                "text": "string"
+              },
+              "description": "Current theme class\n\nHas to be fully qualified, such that\nthe theme class matches the class of the respective\ntheme stylesheet\n\nDefault: 'mds-theme-stable-darkWebex'",
+              "attribute": "themeclass"
+            },
+            {
+              "kind": "method",
+              "name": "updateContext",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Update all observing components of this\nprovider to update the themeclass\n\nIs called on every re-render, see Provider class"
+            },
+            {
+              "kind": "method",
+              "name": "setThemeInClassList",
+              "privacy": "private",
+              "description": "Function to update the active theme classnames to update the theme tokens\nas CSS variables on the web component."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "themeclass",
+              "type": {
+                "text": "string"
+              },
+              "description": "Current theme class\n\nHas to be fully qualified, such that\nthe theme class matches the class of the respective\ntheme stylesheet\n\nDefault: 'mds-theme-stable-darkWebex'",
+              "fieldName": "themeclass"
+            }
+          ],
+          "superclass": {
+            "name": "Provider",
+            "module": "/src/models"
+          },
+          "tagName": "mdc-themeprovider",
+          "jsDoc": "/**\n * ThemeProvider component, which sets the passed in themeclass as class.\n * If the themeclass switches, the existing themeclass will be removed as a class\n * and the new themeclass will be added.\n *\n * CSS variables defined in the themeclass will be used for the styling of child dom nodes.\n *\n * Available Momentum theme classes:\n *\n * `mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`\n *\n * `mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`\n *\n * `mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`\n *\n * `mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`\n *\n * `mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`\n *\n * `mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`\n *\n * Themeclass context can be be consumed from Lit child components\n * (see providerUtils.consume for how to consume)\n *\n * ThemeProvider also includes basic font defaults for text.\n *\n * @tagname mdc-themeprovider\n *\n * @slot - children\n *\n * @cssproperty --mdc-themeprovider-color-default - Option to override the default color,\n * default: color-theme-text-primary-normal\n * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,\n * default: `Momentum` (from momentum-design/fonts)\n * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`\n * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,\n * default: `-0.25px` (this is to match the old CiscoSans)\n * @cssproperty --mdc-themeprovider-font-feature-settings - Option to override the font feature settings,\n * default: `\"ss02\" on`\n * @cssproperty --mdc-themeprovider-scrollbar-track-color - Option to override the color of the scrollbar track.\n * @cssproperty --mdc-themeprovider-scrollbar-thumb-color - Option to override the color of the scrollbar thumb.\n */",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ThemeProvider",
+            "module": "components/themeprovider/themeprovider.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/toast/toast.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`mdc-toast` is a lightweight, non-blocking alert used to inform users about application processes.\nIt supports success, warning, error, and custom messages, and is designed to be controlled externally.\n\n**Note**: When using `slot=\"toast-body-normal\"` and `slot=\"toast-body-detailed\"`, it's strongly recommended to wrap the content with `<mdc-text tagname=\"span\">`.\nIf not used, ensure your custom content is styled appropriately to match the design and alignment expectations of the toast component.",
+          "name": "Toast",
+          "cssProperties": [
+            {
+              "description": "Background color of the toast.",
+              "name": "--mdc-toast-background-color"
+            },
+            {
+              "description": "Border color of the toast.",
+              "name": "--mdc-toast-border-color"
+            },
+            {
+              "description": "Color of the header text in the toast.",
+              "name": "--mdc-toast-header-text-color"
+            },
+            {
+              "description": "Color of the icon in the toast.",
+              "name": "--mdc-toast-icon-color"
+            },
+            {
+              "description": "Elevation effect applied to the toast.",
+              "name": "--mdc-toast-elevation-3"
+            },
+            {
+              "description": "Width of the toast.",
+              "name": "--mdc-toast-width"
+            },
+            {
+              "description": "Padding inside the toast.",
+              "name": "--mdc-toast-padding"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The container for the toast's main content, including icon, text, and close button.",
+              "name": "content-container"
+            },
+            {
+              "description": "The icon shown at the start of the toast, styled by variant.",
+              "name": "toast-prefix-icon"
+            },
+            {
+              "description": "The container for the header and body content of the toast.",
+              "name": "toast-content"
+            },
+            {
+              "description": "The header text of the toast.",
+              "name": "toast-header"
+            },
+            {
+              "description": "The container for the toast's footer, including toggle and action buttons.",
+              "name": "footer"
+            },
+            {
+              "description": "The toggle button for showing/hiding detailed content.",
+              "name": "footer-button-toggle"
+            },
+            {
+              "description": "The close button for the toast.",
+              "name": "toast-close-btn"
+            },
+            {
+              "description": "Applied to the footer when it contains buttons or a toggle button.",
+              "name": "has-footer-buttons"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Slot for custom content before the icon (only for custom variant).",
+              "name": "content-prefix"
+            },
+            {
+              "description": "Slot for the main body content of the toast.",
+              "name": "toast-body-normal"
+            },
+            {
+              "description": "Slot for additional detailed content, shown when expanded.",
+              "name": "toast-body-detailed"
+            },
+            {
+              "description": "Slot for custom footer content. Prefer using footer-button-primary and footer-button-secondary slots.",
+              "name": "footer"
+            },
+            {
+              "description": "Slot for passing the primary variant of `mdc-button` in the footer.",
+              "name": "footer-button-primary"
+            },
+            {
+              "description": "Slot for passing the secondary variant of `mdc-button` in the footer.",
+              "name": "footer-button-secondary"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "ToastVariant"
+              },
+              "description": "Type of toast\n- Can be `custom`, `success`, `warning` or `error`.\n\nNote: When using the `custom` variant, provide your own icon via the `content-prefix` slot; otherwise, no icon will be shown.",
+              "default": "'custom'",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "closeButtonAriaLabel",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines aria-label attribute for close button accessibility",
+              "attribute": "close-button-aria-label"
+            },
+            {
+              "kind": "field",
+              "name": "headerText",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines a string value to display as the title of the toast",
+              "attribute": "header-text",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "headerTagName",
+              "type": {
+                "text": "TagName"
+              },
+              "description": "The html tag to be used for the header text",
+              "default": "'h2'",
+              "attribute": "header-tag-name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Defines aria-label attribute when header is not used",
+              "attribute": "aria-label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "showMoreText",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the text shown on the linkbutton when detailed content is hidden.",
+              "attribute": "show-more-text",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "showLessText",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the text shown on the linkbutton when detailed content is visible.",
+              "attribute": "show-less-text",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "isDetailVisible",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "hasDetailedSlot",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "detailedElements",
+              "type": {
+                "text": "HTMLElement[]"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "hasFooterButtons",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "method",
+              "name": "closeToast",
+              "privacy": "private",
+              "description": "Fired when Close Button is clicked using mouse or keyboard.\nThis method dispatches the close event.\nIt is used to notify that the toast should be closed."
+            },
+            {
+              "kind": "method",
+              "name": "toggleDetailVisibility",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "updateDetailedSlotPresence",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "updateFooterButtonsPresence",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderIcon",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "iconName",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "shouldRenderToggleButton",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderToggleDetailButton",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderHeader",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "handleFooterSlot",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "tagname",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "variant",
+                  "optional": true,
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderFooter",
+              "privacy": "protected",
+              "description": "Renders the footer of the card if footer-link,\nfooter-button-primary, or footer-button-secondary slots are provided",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "inheritedFrom": {
+                "name": "FooterMixin",
+                "module": "utils/mixins/FooterMixin.js"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "(React: onClose) Dispatched when the Close Button is clicked using mouse or keyboard.",
+              "name": "close",
+              "reactName": "onClose"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "ToastVariant"
+              },
+              "description": "Type of toast\n- Can be `custom`, `success`, `warning` or `error`.\n\nNote: When using the `custom` variant, provide your own icon via the `content-prefix` slot; otherwise, no icon will be shown.",
+              "default": "'custom'",
+              "fieldName": "variant"
+            },
+            {
+              "name": "close-button-aria-label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines aria-label attribute for close button accessibility",
+              "fieldName": "closeButtonAriaLabel"
+            },
+            {
+              "name": "header-text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines a string value to display as the title of the toast",
+              "fieldName": "headerText"
+            },
+            {
+              "name": "header-tag-name",
+              "type": {
+                "text": "TagName"
+              },
+              "description": "The html tag to be used for the header text",
+              "default": "'h2'",
+              "fieldName": "headerTagName"
+            },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Defines aria-label attribute when header is not used",
+              "fieldName": "ariaLabel"
+            },
+            {
+              "name": "show-more-text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the text shown on the linkbutton when detailed content is hidden.",
+              "fieldName": "showMoreText"
+            },
+            {
+              "name": "show-less-text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Defines the text shown on the linkbutton when detailed content is visible.",
+              "fieldName": "showLessText"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FooterMixin",
+              "module": "/src/utils/mixins/FooterMixin"
+            }
+          ],
+          "superclass": {
+            "name": "Component",
+            "module": "/src/models"
+          },
+          "tagName": "mdc-toast",
+          "jsDoc": "/**\n * `mdc-toast` is a lightweight, non-blocking alert used to inform users about application processes.\n * It supports success, warning, error, and custom messages, and is designed to be controlled externally.\n *\n * **Note**: When using `slot=\"toast-body-normal\"` and `slot=\"toast-body-detailed\"`, it's strongly recommended to wrap the content with `<mdc-text tagname=\"span\">`.\n * If not used, ensure your custom content is styled appropriately to match the design and alignment expectations of the toast component.\n *\n * @dependency mdc-icon\n * @dependency mdc-text\n * @dependency mdc-button\n *\n * @slot content-prefix - Slot for custom content before the icon (only for custom variant).\n * @slot toast-body-normal - Slot for the main body content of the toast.\n * @slot toast-body-detailed - Slot for additional detailed content, shown when expanded.\n * @slot footer - Slot for custom footer content. Prefer using footer-button-primary and footer-button-secondary slots.\n * @slot footer-button-primary - Slot for passing the primary variant of `mdc-button` in the footer.\n * @slot footer-button-secondary - Slot for passing the secondary variant of `mdc-button` in the footer.\n *\n * @tagname mdc-toast\n *\n * @event close - (React: onClose) Dispatched when the Close Button is clicked using mouse or keyboard.\n *\n * @csspart content-container - The container for the toast's main content, including icon, text, and close button.\n * @csspart toast-prefix-icon - The icon shown at the start of the toast, styled by variant.\n * @csspart toast-content - The container for the header and body content of the toast.\n * @csspart toast-header - The header text of the toast.\n * @csspart footer - The container for the toast's footer, including toggle and action buttons.\n * @csspart footer-button-toggle - The toggle button for showing/hiding detailed content.\n * @csspart toast-close-btn - The close button for the toast.\n * @csspart has-footer-buttons - Applied to the footer when it contains buttons or a toggle button.\n *\n * @cssproperty --mdc-toast-background-color - Background color of the toast.\n * @cssproperty --mdc-toast-border-color - Border color of the toast.\n * @cssproperty --mdc-toast-header-text-color - Color of the header text in the toast.\n * @cssproperty --mdc-toast-icon-color - Color of the icon in the toast.\n * @cssproperty --mdc-toast-elevation-3 - Elevation effect applied to the toast.\n * @cssproperty --mdc-toast-width - Width of the toast.\n * @cssproperty --mdc-toast-padding - Padding inside the toast.\n */",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Toast",
+            "module": "components/toast/toast.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "utils/mixins/AutoFocusOnMountMixin.js",
@@ -56597,6 +56610,13 @@
                   "type": {
                     "text": "boolean"
                   }
+                },
+                {
+                  "name": "scrollToNewItem",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
                 }
               ]
             },
@@ -56704,6 +56724,10 @@
                   "name": "focusNewItem",
                   "default": "true",
                   "description": "Call focus() on the new item or not. It should be false during firstUpdate"
+                },
+                {
+                  "name": "scrollToNewItem",
+                  "default": "true"
                 }
               ],
               "description": "Resets the tabindex of the currently focused item and sets focus to a new item.",