@nasa-terra/components 0.0.170 → 0.0.172

package/cdn/custom-elements.json

@@ -4,40 +4,93 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "components/accordion/accordion.js",
+      "path": "components/alert/alert.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraAccordion",
-          "slots": [
+          "name": "TerraAlert",
+          "cssParts": [
             {
-              "description": "The default slot for accordion content.",
-              "name": ""
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "description": "The summary/header for the accordion (optional, overrides summary property)",
-              "name": "summary"
+              "description": "The container that wraps the optional icon.",
+              "name": "icon"
+            },
+            {
+              "description": "The container that wraps the alert's main content.",
+              "name": "message"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The alert's main content.",
+              "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "autoHideTimeout",
               "type": {
-                "text": "object"
+                "text": "number"
               },
-              "static": true,
-              "default": "{\n        'terra-icon': TerraIcon,\n    }"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "summary",
+              "name": "remainingTimeInterval",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-              "attribute": "summary"
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "countdownAnimation",
+              "type": {
+                "text": "Animation | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'icon', 'suffix')"
+            },
+            {
+              "kind": "field",
+              "name": "currentToastStack",
+              "type": {
+                "text": "HTMLDivElement"
+              },
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "toastStack",
+              "privacy": "private",
+              "static": true,
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "base",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "countdownElement",
+              "type": {
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
@@ -46,82 +99,216 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
               "attribute": "open",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "showArrow",
+              "name": "closable",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "attribute": "showArrow"
+              "default": "false",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "attribute": "closable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The alert's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "'filled' | 'white'"
+              },
+              "default": "'filled'",
+              "description": "The alert's appearance style. \"filled\" uses a colored background with white text (HDS default).\n\"white\" uses a white background with a colored top border and dark text.",
+              "attribute": "appearance",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "duration",
+              "default": "Infinity",
+              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+              "attribute": "duration"
+            },
+            {
+              "kind": "field",
+              "name": "countdown",
+              "type": {
+                "text": "'rtl' | 'ltr' | undefined"
+              },
+              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
+              "attribute": "countdown",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "remainingTime",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleToggle",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "restartAutoHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "pauseAutoHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "resumeAutoHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleCountdownChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleCloseClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleDurationChange"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the alert."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the alert"
+            },
+            {
+              "kind": "method",
+              "name": "toast",
+              "description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden."
             }
           ],
           "events": [
             {
-              "description": "emitted when the accordion opens or closes",
-              "name": "terra-accordion-toggle",
-              "reactName": "onTerraAccordionToggle",
-              "eventName": "TerraAccordionToggleEvent"
+              "description": "Emitted when the alert opens.",
+              "name": "terra-show",
+              "reactName": "onTerraShow",
+              "eventName": "TerraShowEvent"
+            },
+            {
+              "description": "Emitted after the alert opens and all animations are complete.",
+              "name": "terra-after-show",
+              "reactName": "onTerraAfterShow",
+              "eventName": "TerraAfterShowEvent"
+            },
+            {
+              "description": "Emitted when the alert closes.",
+              "name": "terra-hide",
+              "reactName": "onTerraHide",
+              "eventName": "TerraHideEvent"
+            },
+            {
+              "description": "Emitted after the alert closes and all animations are complete.",
+              "name": "terra-after-hide",
+              "reactName": "onTerraAfterHide",
+              "eventName": "TerraAfterHideEvent"
             }
           ],
           "attributes": [
             {
-              "name": "summary",
+              "name": "open",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-              "fieldName": "summary"
+              "default": "false",
+              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+              "fieldName": "open"
             },
             {
-              "name": "open",
+              "name": "closable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
-              "fieldName": "open"
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "fieldName": "closable"
             },
             {
-              "name": "showArrow",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
               },
-              "default": "true",
-              "fieldName": "showArrow"
+              "default": "'primary'",
+              "description": "The alert's theme variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "'filled' | 'white'"
+              },
+              "default": "'filled'",
+              "description": "The alert's appearance style. \"filled\" uses a colored background with white text (HDS default).\n\"white\" uses a white background with a colored top border and dark text.",
+              "fieldName": "appearance"
+            },
+            {
+              "name": "duration",
+              "default": "Infinity",
+              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+              "resolveInitializer": {
+                "module": "src/components/alert/alert.component.ts"
+              },
+              "fieldName": "duration"
+            },
+            {
+              "name": "countdown",
+              "type": {
+                "text": "'rtl' | 'ltr' | undefined"
+              },
+              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
+              "fieldName": "countdown"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "A collapsible content panel for showing and hiding content.",
-          "tagNameWithoutPrefix": "accordion",
-          "tagName": "terra-accordion",
+          "summary": "Alerts are used to display important messages inline or as toast notifications.",
+          "tagNameWithoutPrefix": "alert",
+          "tagName": "terra-alert",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A collapsible content panel for showing and hiding content.\n * @documentation https://terra-ui.netlify.app/components/accordion\n * @status stable\n * @since 1.0\n *\n * The TerraAccordion component provides a simple, accessible way to show and hide content. It uses native <details> and <summary> elements for built-in accessibility and keyboard support. The summary/header can be set via the `summary` property for simple text, or via a named `summary` slot for custom content (such as icons or rich HTML). The open state can be controlled with the `open` property, which is reflected as an attribute.\n *\n * @slot - The default slot for accordion content.\n * @slot summary - The summary/header for the accordion (optional, overrides summary property)\n *\n * @property {string} summary - The summary/header for the accordion. Use the property for simple text, or the slot for custom content.\n * @property {boolean} open - Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.\n *\n * @event terra-accordion-toggle - emitted when the accordion opens or closes\n *\n * @dependency terra-icon\n */",
-          "documentation": "https://terra-ui.netlify.app/components/accordion",
+          "jsDoc": "/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://terra-ui.netlify.app/components/alert\n * @status stable\n * @since 1.0\n *\n * @slot - The alert's main content.\n *\n * @event terra-show - Emitted when the alert opens.\n * @event terra-after-show - Emitted after the alert opens and all animations are complete.\n * @event terra-hide - Emitted when the alert closes.\n * @event terra-after-hide - Emitted after the alert closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n *\n * @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/alert",
           "status": "stable",
           "since": "1.0",
-          "dependencies": [
-            "terra-icon"
+          "animations": [
+            {
+              "name": "alert.show",
+              "description": "The animation to use when showing the alert."
+            },
+            {
+              "name": "alert.hide",
+              "description": "The animation to use when hiding the alert."
+            }
           ]
         }
       ],
@@ -130,48 +317,28 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraAccordion",
-            "module": "components/accordion/accordion.js"
+            "name": "TerraAlert",
+            "module": "components/alert/alert.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/avatar/avatar.js",
+      "path": "components/accordion/accordion.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraAvatar",
-          "cssProperties": [
-            {
-              "description": "The size of the avatar.",
-              "name": "--size"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The container that wraps the avatar's icon.",
-              "name": "icon"
-            },
+          "name": "TerraAccordion",
+          "slots": [
             {
-              "description": "The container that wraps the avatar's initials.",
-              "name": "initials"
+              "description": "The default slot for accordion content.",
+              "name": ""
             },
             {
-              "description": "The avatar image. Only shown when the `image` attribute is set.",
-              "name": "image"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default icon to use when no image or initials are present. Works best with `<terra-icon>`.",
-              "name": "icon"
+              "description": "The summary/header for the accordion (optional, overrides summary property)",
+              "name": "summary"
             }
           ],
           "members": [
@@ -186,139 +353,92 @@
             },
             {
               "kind": "field",
-              "name": "hasError",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "image",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "attribute": "image"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "initials",
+              "name": "summary",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "attribute": "initials"
+              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+              "attribute": "summary"
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "open",
               "type": {
-                "text": "'eager' | 'lazy'"
+                "text": "boolean"
               },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "attribute": "loading"
+              "default": "false",
+              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+              "attribute": "open",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "shape",
+              "name": "showArrow",
               "type": {
-                "text": "'circle' | 'square' | 'rounded'"
+                "text": "boolean"
               },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "attribute": "shape",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleImageChange"
+              "default": "true",
+              "attribute": "showArrow"
             },
             {
               "kind": "method",
-              "name": "handleImageLoadError",
-              "privacy": "private"
+              "name": "handleToggle",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             }
           ],
           "events": [
             {
-              "description": "The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.",
-              "name": "terra-error",
-              "reactName": "onTerraError",
-              "eventName": "TerraErrorEvent"
+              "description": "emitted when the accordion opens or closes",
+              "name": "terra-accordion-toggle",
+              "reactName": "onTerraAccordionToggle",
+              "eventName": "TerraAccordionToggleEvent"
             }
           ],
           "attributes": [
             {
-              "name": "image",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The image source to use for the avatar.",
-              "fieldName": "image"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A label to use to describe the avatar to assistive devices.",
-              "fieldName": "label"
-            },
-            {
-              "name": "initials",
+              "name": "summary",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "fieldName": "initials"
+              "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+              "fieldName": "summary"
             },
             {
-              "name": "loading",
+              "name": "open",
               "type": {
-                "text": "'eager' | 'lazy'"
+                "text": "boolean"
               },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "fieldName": "loading"
+              "default": "false",
+              "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+              "fieldName": "open"
             },
             {
-              "name": "shape",
+              "name": "showArrow",
               "type": {
-                "text": "'circle' | 'square' | 'rounded'"
+                "text": "boolean"
               },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "fieldName": "shape"
+              "default": "true",
+              "fieldName": "showArrow"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Avatars are used to represent a person or object.",
-          "tagNameWithoutPrefix": "avatar",
-          "tagName": "terra-avatar",
+          "summary": "A collapsible content panel for showing and hiding content.",
+          "tagNameWithoutPrefix": "accordion",
+          "tagName": "terra-accordion",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Avatars are used to represent a person or object.\n * @documentation https://terra-ui.netlify.app/components/avatar\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @event terra-error - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some\n * unknown cause.\n *\n * @slot icon - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the avatar's icon.\n * @csspart initials - The container that wraps the avatar's initials.\n * @csspart image - The avatar image. Only shown when the `image` attribute is set.\n *\n * @cssproperty --size - The size of the avatar.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/avatar",
+          "jsDoc": "/**\n * @summary A collapsible content panel for showing and hiding content.\n * @documentation https://terra-ui.netlify.app/components/accordion\n * @status stable\n * @since 1.0\n *\n * The TerraAccordion component provides a simple, accessible way to show and hide content. It uses native <details> and <summary> elements for built-in accessibility and keyboard support. The summary/header can be set via the `summary` property for simple text, or via a named `summary` slot for custom content (such as icons or rich HTML). The open state can be controlled with the `open` property, which is reflected as an attribute.\n *\n * @slot - The default slot for accordion content.\n * @slot summary - The summary/header for the accordion (optional, overrides summary property)\n *\n * @property {string} summary - The summary/header for the accordion. Use the property for simple text, or the slot for custom content.\n * @property {boolean} open - Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.\n *\n * @event terra-accordion-toggle - emitted when the accordion opens or closes\n *\n * @dependency terra-icon\n */",
+          "documentation": "https://terra-ui.netlify.app/components/accordion",
           "status": "stable",
           "since": "1.0",
           "dependencies": [
@@ -331,319 +451,199 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraAvatar",
-            "module": "components/avatar/avatar.js"
+            "name": "TerraAccordion",
+            "module": "components/accordion/accordion.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/alert/alert.js",
+      "path": "components/avatar/avatar.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraAlert",
+          "name": "TerraAvatar",
+          "cssProperties": [
+            {
+              "description": "The size of the avatar.",
+              "name": "--size"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
             },
             {
-              "description": "The container that wraps the optional icon.",
+              "description": "The container that wraps the avatar's icon.",
               "name": "icon"
             },
             {
-              "description": "The container that wraps the alert's main content.",
-              "name": "message"
+              "description": "The container that wraps the avatar's initials.",
+              "name": "initials"
+            },
+            {
+              "description": "The avatar image. Only shown when the `image` attribute is set.",
+              "name": "image"
             }
           ],
           "slots": [
             {
-              "description": "The alert's main content.",
-              "name": ""
+              "description": "The default icon to use when no image or initials are present. Works best with `<terra-icon>`.",
+              "name": "icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "autoHideTimeout",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "remainingTimeInterval",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "countdownAnimation",
-              "type": {
-                "text": "Animation | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'icon', 'suffix')"
-            },
-            {
-              "kind": "field",
-              "name": "currentToastStack",
+              "name": "dependencies",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "object"
               },
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "field",
-              "name": "toastStack",
-              "privacy": "private",
               "static": true,
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "base",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "countdownElement",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
-              "attribute": "open",
-              "reflects": true
+              "default": "{\n        'terra-icon': TerraIcon,\n    }"
             },
             {
               "kind": "field",
-              "name": "closable",
+              "name": "hasError",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Enables a close button that allows the user to dismiss the alert.",
-              "attribute": "closable",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The alert's theme variant.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "appearance",
-              "type": {
-                "text": "'filled' | 'white'"
-              },
-              "default": "'filled'",
-              "description": "The alert's appearance style. \"filled\" uses a colored background with white text (HDS default).\n\"white\" uses a white background with a colored top border and dark text.",
-              "attribute": "appearance",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "duration",
-              "default": "Infinity",
-              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
-              "attribute": "duration"
-            },
-            {
-              "kind": "field",
-              "name": "countdown",
-              "type": {
-                "text": "'rtl' | 'ltr' | undefined"
-              },
-              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
-              "attribute": "countdown",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "remainingTime",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "restartAutoHide",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "pauseAutoHide",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "resumeAutoHide",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleCountdownChange",
-              "privacy": "private"
+              "name": "image",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "attribute": "image"
             },
             {
-              "kind": "method",
-              "name": "handleCloseClick",
-              "privacy": "private"
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "attribute": "label"
             },
             {
-              "kind": "method",
-              "name": "handleOpenChange"
+              "kind": "field",
+              "name": "initials",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "attribute": "initials"
             },
             {
-              "kind": "method",
-              "name": "handleDurationChange"
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "attribute": "loading"
             },
             {
-              "kind": "method",
-              "name": "show",
-              "description": "Shows the alert."
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "'circle' | 'square' | 'rounded'"
+              },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "attribute": "shape",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "hide",
-              "description": "Hides the alert"
+              "name": "handleImageChange"
             },
             {
               "kind": "method",
-              "name": "toast",
-              "description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden."
+              "name": "handleImageLoadError",
+              "privacy": "private"
             }
           ],
           "events": [
             {
-              "description": "Emitted when the alert opens.",
-              "name": "terra-show",
-              "reactName": "onTerraShow",
-              "eventName": "TerraShowEvent"
-            },
-            {
-              "description": "Emitted after the alert opens and all animations are complete.",
-              "name": "terra-after-show",
-              "reactName": "onTerraAfterShow",
-              "eventName": "TerraAfterShowEvent"
-            },
-            {
-              "description": "Emitted when the alert closes.",
-              "name": "terra-hide",
-              "reactName": "onTerraHide",
-              "eventName": "TerraHideEvent"
-            },
-            {
-              "description": "Emitted after the alert closes and all animations are complete.",
-              "name": "terra-after-hide",
-              "reactName": "onTerraAfterHide",
-              "eventName": "TerraAfterHideEvent"
+              "description": "The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.",
+              "name": "terra-error",
+              "reactName": "onTerraError",
+              "eventName": "TerraErrorEvent"
             }
           ],
           "attributes": [
             {
-              "name": "open",
+              "name": "image",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
-              "fieldName": "open"
+              "default": "''",
+              "description": "The image source to use for the avatar.",
+              "fieldName": "image"
             },
             {
-              "name": "closable",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Enables a close button that allows the user to dismiss the alert.",
-              "fieldName": "closable"
+              "default": "''",
+              "description": "A label to use to describe the avatar to assistive devices.",
+              "fieldName": "label"
             },
             {
-              "name": "variant",
+              "name": "initials",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+                "text": "string"
               },
-              "default": "'primary'",
-              "description": "The alert's theme variant.",
-              "fieldName": "variant"
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "fieldName": "initials"
             },
             {
-              "name": "appearance",
+              "name": "loading",
               "type": {
-                "text": "'filled' | 'white'"
-              },
-              "default": "'filled'",
-              "description": "The alert's appearance style. \"filled\" uses a colored background with white text (HDS default).\n\"white\" uses a white background with a colored top border and dark text.",
-              "fieldName": "appearance"
-            },
-            {
-              "name": "duration",
-              "default": "Infinity",
-              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
-              "resolveInitializer": {
-                "module": "src/components/alert/alert.component.ts"
+                "text": "'eager' | 'lazy'"
               },
-              "fieldName": "duration"
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "fieldName": "loading"
             },
             {
-              "name": "countdown",
+              "name": "shape",
               "type": {
-                "text": "'rtl' | 'ltr' | undefined"
+                "text": "'circle' | 'square' | 'rounded'"
               },
-              "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
-              "fieldName": "countdown"
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "fieldName": "shape"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Alerts are used to display important messages inline or as toast notifications.",
-          "tagNameWithoutPrefix": "alert",
-          "tagName": "terra-alert",
+          "summary": "Avatars are used to represent a person or object.",
+          "tagNameWithoutPrefix": "avatar",
+          "tagName": "terra-avatar",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://terra-ui.netlify.app/components/alert\n * @status stable\n * @since 1.0\n *\n * @slot - The alert's main content.\n *\n * @event terra-show - Emitted when the alert opens.\n * @event terra-after-show - Emitted after the alert opens and all animations are complete.\n * @event terra-hide - Emitted when the alert closes.\n * @event terra-after-hide - Emitted after the alert closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n *\n * @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/alert",
+          "jsDoc": "/**\n * @summary Avatars are used to represent a person or object.\n * @documentation https://terra-ui.netlify.app/components/avatar\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @event terra-error - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some\n * unknown cause.\n *\n * @slot icon - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the avatar's icon.\n * @csspart initials - The container that wraps the avatar's initials.\n * @csspart image - The avatar image. Only shown when the `image` attribute is set.\n *\n * @cssproperty --size - The size of the avatar.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/avatar",
           "status": "stable",
           "since": "1.0",
-          "animations": [
-            {
-              "name": "alert.show",
-              "description": "The animation to use when showing the alert."
-            },
-            {
-              "name": "alert.hide",
-              "description": "The animation to use when hiding the alert."
-            }
+          "dependencies": [
+            "terra-icon"
           ]
         }
       ],
@@ -652,8 +652,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraAlert",
-            "module": "components/alert/alert.js"
+            "name": "TerraAvatar",
+            "module": "components/avatar/avatar.js"
           }
         }
       ]
@@ -3334,7 +3334,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{\n        'terra-loader': TerraLoader,\n        'terra-icon': TerraIcon,\n        'terra-date-picker': TerraDatePicker,\n        'terra-spatial-picker': TerraSpatialPicker,\n        'terra-slider': TerraSlider,\n        'terra-dropdown': TerraDropdown,\n        'terra-menu': TerraMenu,\n        'terra-menu-item': TerraMenuItem,\n        'terra-button': TerraButton,\n        'terra-data-grid': TerraDataGrid,\n    }"
+              "default": "{\n        'terra-loader': TerraLoader,\n        'terra-icon': TerraIcon,\n        'terra-date-picker': TerraDatePicker,\n        'terra-spatial-picker': TerraSpatialPicker,\n        'terra-slider': TerraSlider,\n        'terra-dropdown': TerraDropdown,\n        'terra-menu': TerraMenu,\n        'terra-menu-item': TerraMenuItem,\n        'terra-button': TerraButton,\n        'terra-data-grid': TerraDataGrid,\n        'terra-alert': TerraAlert,\n    }"
             },
             {
               "kind": "field",
@@ -4503,6 +4503,13 @@
                 "text": "CollectionWithAvailableServices | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "variableDetails",
+              "type": {
+                "text": "Array<VariableDetails> | undefined"
+              }
+            },
             {
               "kind": "field",
               "name": "selectedVariables",
@@ -5753,6 +5760,15 @@
               "default": "'Clear Dates'",
               "attribute": "clearAllLabel"
             },
+            {
+              "kind": "field",
+              "name": "useEndOfDay",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "use-end-of-day"
+            },
             {
               "kind": "field",
               "name": "isOpen",
@@ -5873,6 +5889,21 @@
               },
               "default": "59"
             },
+            {
+              "kind": "method",
+              "name": "getDefaultEndHour",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getDefaultEndMinute",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getDefaultEndSecond",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "selectedDates",
@@ -6806,6 +6837,14 @@
               },
               "default": "'Clear Dates'",
               "fieldName": "clearAllLabel"
+            },
+            {
+              "name": "use-end-of-day",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "useEndOfDay"
             }
           ],
           "superclass": {
@@ -11660,16 +11699,6 @@
               "default": "false",
               "attribute": "show-citation"
             },
-            {
-              "kind": "field",
-              "name": "showJupyter",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Option hides the Jupyter notebook button in the plot toolbar. Option is set by parent component (time series, time average-map) if Jupyter notebook environemnt is detected.",
-              "attribute": "show-jupyter"
-            },
             {
               "kind": "field",
               "name": "applicationCitation",
@@ -12228,15 +12257,6 @@
               "default": "false",
               "fieldName": "showCitation"
             },
-            {
-              "name": "show-jupyter",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Option hides the Jupyter notebook button in the plot toolbar. Option is set by parent component (time series, time average-map) if Jupyter notebook environemnt is detected.",
-              "fieldName": "showJupyter"
-            },
             {
               "name": "application-citation",
               "type": {
@@ -18767,23 +18787,6 @@
               "kind": "method",
               "name": "handlePlotOptionsChange"
             },
-            {
-              "kind": "field",
-              "name": "showJupyter",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Show or hide the Jupyter notebook button in the plot toolbar."
-            },
-            {
-              "kind": "method",
-              "name": "#isNotebookEnv",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
             {
               "kind": "field",
               "name": "#handleMapError",
@@ -19267,6 +19270,16 @@
               "attribute": "variable-entry-id",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "variableEntryIds",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "description": "variable entry IDs for multi-variable time series plotting\n(ex: [\"GPM_3IMERGHH_06_precipitationCal\", \"GPM_3IMERGHH_06_probLiquidPrecipitation\"])",
+              "attribute": "variable-entry-ids"
+            },
             {
               "kind": "field",
               "name": "collection",
@@ -19404,6 +19417,14 @@
                 "text": "Variable"
               }
             },
+            {
+              "kind": "field",
+              "name": "catalogVariables",
+              "type": {
+                "text": "Variable[]"
+              },
+              "default": "[]"
+            },
             {
               "kind": "field",
               "name": "quotaExceededOpen",
@@ -19451,23 +19472,6 @@
               "kind": "field",
               "name": "_fetchVariableTask"
             },
-            {
-              "kind": "field",
-              "name": "showJupyter",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Show or hide the Jupyter notebook button in the plot toolbar."
-            },
-            {
-              "kind": "method",
-              "name": "#isNotebookEnv",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
             {
               "kind": "field",
               "name": "#handleQuotaError",
@@ -19576,6 +19580,15 @@
               "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
               "fieldName": "variableEntryId"
             },
+            {
+              "name": "variable-entry-ids",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "description": "variable entry IDs for multi-variable time series plotting\n(ex: [\"GPM_3IMERGHH_06_precipitationCal\", \"GPM_3IMERGHH_06_probLiquidPrecipitation\"])",
+              "fieldName": "variableEntryIds"
+            },
             {
               "name": "collection",
               "type": {
@@ -21577,7 +21590,7 @@
   "package": {
     "name": "@nasa-terra/components",
     "description": "A collection of NASA Earthdata components",
-    "version": "0.0.170",
+    "version": "0.0.172",
     "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
     "homepage": "https://github.com/nasa/terra-ui-components",
     "license": "MIT"