@nasa-terra/components 0.0.181 → 0.0.183

package/cdn/types/vue/index.d.ts

@@ -1,8 +1,8 @@
 import type { DefineComponent } from "vue";
 
 import type { TerraAccordion } from "../../components/accordion/accordion.component.js";
-import type { TerraAlert } from "../../components/alert/alert.component.js";
 import type { TerraAvatar } from "../../components/avatar/avatar.component.js";
+import type { TerraAlert } from "../../components/alert/alert.component.js";
 import type { TerraBadge } from "../../components/badge/badge.component.js";
 import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { TerraBreadcrumbs } from "../../components/breadcrumbs/breadcrumbs.component.js";
@@ -61,9 +61,9 @@ import type { TerraTimeAverageMap } from "../../components/time-average-map/time
 import type { TerraTimeSeries, CustomEvent } from "../../components/time-series/time-series.component.js";
 import type { TerraToast } from "../../components/toast/toast.component.js";
 import type { TerraToggle } from "../../components/toggle/toggle.component.js";
-import type { TerraTooltip } from "../../components/tooltip/tooltip.component.js";
 import type { TerraVariableCombobox } from "../../components/variable-combobox/variable-combobox.component.js";
 import type { TerraVariableKeywordSearch } from "../../components/variable-keyword-search/variable-keyword-search.component.js";
+import type { TerraTooltip } from "../../components/tooltip/tooltip.component.js";
 
 type TerraAccordionProps = {
   /** The summary/header for the accordion. Use the property for simple text, or the slot for custom content. */
@@ -77,6 +77,22 @@ type TerraAccordionProps = {
   "onterra-accordion-toggle"?: (e: CustomEvent<never>) => void;
 };
 
+type TerraAvatarProps = {
+  /** The image source to use for the avatar. */
+  image?: TerraAvatar["image"];
+  /** A label to use to describe the avatar to assistive devices. */
+  label?: TerraAvatar["label"];
+  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
+  initials?: TerraAvatar["initials"];
+  /** Indicates how the browser should load the image. */
+  loading?: TerraAvatar["loading"];
+  /** The shape of the avatar. */
+  shape?: TerraAvatar["shape"];
+
+  /** The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause. */
+  "onterra-error"?: (e: CustomEvent<never>) => void;
+};
+
 type TerraAlertProps = {
   /** Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can
 use the `show()` and `hide()` methods and this attribute will reflect the alert's open state. */
@@ -109,22 +125,6 @@ Typically used to indicate the remaining time before a whole app refresh. */
   "onterra-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraAvatarProps = {
-  /** The image source to use for the avatar. */
-  image?: TerraAvatar["image"];
-  /** A label to use to describe the avatar to assistive devices. */
-  label?: TerraAvatar["label"];
-  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
-  initials?: TerraAvatar["initials"];
-  /** Indicates how the browser should load the image. */
-  loading?: TerraAvatar["loading"];
-  /** The shape of the avatar. */
-  shape?: TerraAvatar["shape"];
-
-  /** The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause. */
-  "onterra-error"?: (e: CustomEvent<never>) => void;
-};
-
 type TerraBadgeProps = {
   /** The badge's theme variant. */
   variant?: TerraBadge["variant"];
@@ -1708,6 +1708,11 @@ type TerraTimeAverageMapProps = {
   opacity?: TerraTimeAverageMap["opacity"];
   /** the application ID is used for tracking purposes and will be included in the labels of Harmony jobs created by this component */
   "application-id"?: TerraTimeAverageMap["applicationId"];
+  /** When true, enables IndexedDB caching — data will be read from and written to the local cache.
+Defaults to false, meaning no caching is performed. */
+  cache?: TerraTimeAverageMap["cache"];
+  /** If provided, skips creating a new Harmony job and instead waits for this existing job ID to complete. */
+  "job-id"?: TerraTimeAverageMap["jobId"];
   /**  */
   catalogVariable?: TerraTimeAverageMap["catalogVariable"];
   /**  */
@@ -1780,6 +1785,11 @@ The property's value will be inserted after "Bearer" (the authentication scheme)
   "product-label"?: TerraTimeSeries["productLabel"];
   /** the application ID is used for tracking purposes and will be included in the labels of Harmony jobs created by this component */
   "application-id"?: TerraTimeSeries["applicationId"];
+  /** When true, enables IndexedDB caching — data will be read from and written to the local cache.
+Defaults to false, meaning no caching is performed. */
+  cache?: TerraTimeSeries["cache"];
+  /** If provided, skips creating a new Harmony job and instead waits for this existing job ID to complete. */
+  "job-id"?: TerraTimeSeries["jobId"];
   /**  */
   plot?: TerraTimeSeries["plot"];
   /**  */
@@ -1868,50 +1878,6 @@ the same document or shadow root for this to work. */
   "onterra-invalid"?: (e: CustomEvent<never>) => void;
 };
 
-type TerraTooltipProps = {
-  /** The tooltip or popover content. If you need to display HTML, use the `content` slot instead. */
-  content?: TerraTooltip["content"];
-  /** The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel
-that can contain images and links. */
-  variant?: TerraTooltip["variant"];
-  /** The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
-inside of the viewport. */
-  placement?: TerraTooltip["placement"];
-  /** Disables the tooltip so it won't show when triggered. */
-  disabled?: TerraTooltip["disabled"];
-  /** The distance in pixels from which to offset the tooltip or popover away from its target. */
-  distance?: TerraTooltip["distance"];
-  /** Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods. */
-  open?: TerraTooltip["open"];
-  /** The distance in pixels from which to offset the tooltip along its target. */
-  skidding?: TerraTooltip["skidding"];
-  /** Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
-options can be passed by separating them with a space. When manual is used, the tooltip must be activated
-programmatically. */
-  trigger?: TerraTooltip["trigger"];
-  /** Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with
-`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,
-scenarios. */
-  hoist?: TerraTooltip["hoist"];
-  /** Allows text inside the tooltip to be selected and copied. Also enables pointer events on the tooltip body
-so the user can interact with its content. */
-  interactive?: TerraTooltip["interactive"];
-  /**  */
-  defaultSlot?: TerraTooltip["defaultSlot"];
-  /**  */
-  body?: TerraTooltip["body"];
-  /**  */
-  popup?: TerraTooltip["popup"];
-  /** Emitted when the tooltip or popover begins to show. */
-  "onterra-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted after it has shown and all animations are complete. */
-  "onterra-after-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the tooltip or popover begins to hide. */
-  "onterra-hide"?: (e: CustomEvent<never>) => void;
-  /** Emitted after it has hidden and all animations are complete. */
-  "onterra-after-hide"?: (e: CustomEvent<never>) => void;
-};
-
 type TerraVariableComboboxProps = {
   /** Label the combobox with this. */
   label?: TerraVariableCombobox["label"];
@@ -1972,6 +1938,50 @@ When hidden, still presents to screen readers. */
   "onterra-search"?: (e: CustomEvent<never>) => void;
 };
 
+type TerraTooltipProps = {
+  /** The tooltip or popover content. If you need to display HTML, use the `content` slot instead. */
+  content?: TerraTooltip["content"];
+  /** The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel
+that can contain images and links. */
+  variant?: TerraTooltip["variant"];
+  /** The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
+inside of the viewport. */
+  placement?: TerraTooltip["placement"];
+  /** Disables the tooltip so it won't show when triggered. */
+  disabled?: TerraTooltip["disabled"];
+  /** The distance in pixels from which to offset the tooltip or popover away from its target. */
+  distance?: TerraTooltip["distance"];
+  /** Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods. */
+  open?: TerraTooltip["open"];
+  /** The distance in pixels from which to offset the tooltip along its target. */
+  skidding?: TerraTooltip["skidding"];
+  /** Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
+options can be passed by separating them with a space. When manual is used, the tooltip must be activated
+programmatically. */
+  trigger?: TerraTooltip["trigger"];
+  /** Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with
+`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,
+scenarios. */
+  hoist?: TerraTooltip["hoist"];
+  /** Allows text inside the tooltip to be selected and copied. Also enables pointer events on the tooltip body
+so the user can interact with its content. */
+  interactive?: TerraTooltip["interactive"];
+  /**  */
+  defaultSlot?: TerraTooltip["defaultSlot"];
+  /**  */
+  body?: TerraTooltip["body"];
+  /**  */
+  popup?: TerraTooltip["popup"];
+  /** Emitted when the tooltip or popover begins to show. */
+  "onterra-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted after it has shown and all animations are complete. */
+  "onterra-after-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the tooltip or popover begins to hide. */
+  "onterra-hide"?: (e: CustomEvent<never>) => void;
+  /** Emitted after it has hidden and all animations are complete. */
+  "onterra-after-hide"?: (e: CustomEvent<never>) => void;
+};
+
 export type CustomElements = {
   /**
    * A collapsible content panel for showing and hiding content.
@@ -1987,6 +1997,28 @@ export type CustomElements = {
    */
   "terra-accordion": DefineComponent<TerraAccordionProps>;
 
+  /**
+   * Avatars are used to represent a person or object.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
+   *
+   * ### **Slots:**
+   *  - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.
+   *
+   * ### **CSS Properties:**
+   *  - **--size** - The size of the avatar. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   * - **icon** - The container that wraps the avatar's icon.
+   * - **initials** - The container that wraps the avatar's initials.
+   * - **image** - The avatar image. Only shown when the `image` attribute is set.
+   */
+  "terra-avatar": DefineComponent<TerraAvatarProps>;
+
   /**
    * Alerts are used to display important messages inline or as toast notifications.
    * ---
@@ -2015,28 +2047,6 @@ export type CustomElements = {
    */
   "terra-alert": DefineComponent<TerraAlertProps>;
 
-  /**
-   * Avatars are used to represent a person or object.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.
-   *
-   * ### **Slots:**
-   *  - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.
-   *
-   * ### **CSS Properties:**
-   *  - **--size** - The size of the avatar. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   * - **icon** - The container that wraps the avatar's icon.
-   * - **initials** - The container that wraps the avatar's initials.
-   * - **image** - The avatar image. Only shown when the `image` attribute is set.
-   */
-  "terra-avatar": DefineComponent<TerraAvatarProps>;
-
   /**
    * Badges are used to draw attention and display statuses or counts.
    * ---
@@ -3268,39 +3278,6 @@ export type CustomElements = {
    */
   "terra-toggle": DefineComponent<TerraToggleProps>;
 
-  /**
-   * Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-show** - Emitted when the tooltip or popover begins to show.
-   * - **terra-after-show** - Emitted after it has shown and all animations are complete.
-   * - **terra-hide** - Emitted when the tooltip or popover begins to hide.
-   * - **terra-after-hide** - Emitted after it has hidden and all animations are complete.
-   *
-   * ### **Methods:**
-   *  - **show()** - Shows the tooltip or popover.
-   * - **hide()** - Hides the tooltip or popover.
-   *
-   * ### **Slots:**
-   *  - _default_ - The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.
-   * - **content** - The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.
-   * - **image** - Optional image slot for popovers. When provided, the image will span the full width of the popover.
-   *
-   * ### **CSS Properties:**
-   *  - **--max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_
-   * - **--hide-delay** - The amount of time to wait before hiding the tooltip when hovering. _(default: undefined)_
-   * - **--show-delay** - The amount of time to wait before showing the tooltip when hovering. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper, an `<terra-popup>` element.
-   * - **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.
-   * - **base__arrow** - The popup's exported `arrow` part. Use this to target the tooltip's arrow.
-   * - **body** - The tooltip or popover body where its content is rendered.
-   */
-  "terra-tooltip": DefineComponent<TerraTooltipProps>;
-
   /**
    * Fuzzy-search for dataset variables in combobox with list autocomplete.
    * ---
@@ -3346,6 +3323,39 @@ export type CustomElements = {
    * - **listbox** - A `ul` that holds the clickable options.
    */
   "terra-variable-keyword-search": DefineComponent<TerraVariableKeywordSearchProps>;
+
+  /**
+   * Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-show** - Emitted when the tooltip or popover begins to show.
+   * - **terra-after-show** - Emitted after it has shown and all animations are complete.
+   * - **terra-hide** - Emitted when the tooltip or popover begins to hide.
+   * - **terra-after-hide** - Emitted after it has hidden and all animations are complete.
+   *
+   * ### **Methods:**
+   *  - **show()** - Shows the tooltip or popover.
+   * - **hide()** - Hides the tooltip or popover.
+   *
+   * ### **Slots:**
+   *  - _default_ - The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.
+   * - **content** - The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.
+   * - **image** - Optional image slot for popovers. When provided, the image will span the full width of the popover.
+   *
+   * ### **CSS Properties:**
+   *  - **--max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_
+   * - **--hide-delay** - The amount of time to wait before hiding the tooltip when hovering. _(default: undefined)_
+   * - **--show-delay** - The amount of time to wait before showing the tooltip when hovering. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper, an `<terra-popup>` element.
+   * - **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.
+   * - **base__arrow** - The popup's exported `arrow` part. Use this to target the tooltip's arrow.
+   * - **body** - The tooltip or popover body where its content is rendered.
+   */
+  "terra-tooltip": DefineComponent<TerraTooltipProps>;
 };
 
 declare module "vue" {

package/cdn/vscode.html-custom-data.json

@@ -25,6 +25,47 @@
         }
       ]
     },
+    {
+      "name": "terra-avatar",
+      "description": "Avatars are used to represent a person or object.\n---\n\n\n### **Events:**\n - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
+      "attributes": [
+        {
+          "name": "image",
+          "description": "The image source to use for the avatar.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "A label to use to describe the avatar to assistive devices.",
+          "values": []
+        },
+        {
+          "name": "initials",
+          "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+          "values": []
+        },
+        {
+          "name": "loading",
+          "description": "Indicates how the browser should load the image.",
+          "values": [{ "name": "eager" }, { "name": "lazy" }]
+        },
+        {
+          "name": "shape",
+          "description": "The shape of the avatar.",
+          "values": [
+            { "name": "circle" },
+            { "name": "square" },
+            { "name": "rounded" }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/avatar"
+        }
+      ]
+    },
     {
       "name": "terra-alert",
       "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the alert opens.\n- **terra-after-show** - Emitted after the alert opens and all animations are complete.\n- **terra-hide** - Emitted when the alert closes.\n- **terra-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - 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.\n\n### **Slots:**\n - _default_ - The alert's main content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the optional icon.\n- **message** - The container that wraps the alert's main content.",
@@ -74,47 +115,6 @@
         }
       ]
     },
-    {
-      "name": "terra-avatar",
-      "description": "Avatars are used to represent a person or object.\n---\n\n\n### **Events:**\n - **terra-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<terra-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
-      "attributes": [
-        {
-          "name": "image",
-          "description": "The image source to use for the avatar.",
-          "values": []
-        },
-        {
-          "name": "label",
-          "description": "A label to use to describe the avatar to assistive devices.",
-          "values": []
-        },
-        {
-          "name": "initials",
-          "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-          "values": []
-        },
-        {
-          "name": "loading",
-          "description": "Indicates how the browser should load the image.",
-          "values": [{ "name": "eager" }, { "name": "lazy" }]
-        },
-        {
-          "name": "shape",
-          "description": "The shape of the avatar.",
-          "values": [
-            { "name": "circle" },
-            { "name": "square" },
-            { "name": "rounded" }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/avatar"
-        }
-      ]
-    },
     {
       "name": "terra-badge",
       "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -2375,6 +2375,16 @@
           "name": "application-id",
           "description": "the application ID is used for tracking purposes and will be included in the labels of Harmony jobs created by this component",
           "values": []
+        },
+        {
+          "name": "cache",
+          "description": "When true, enables IndexedDB caching — data will be read from and written to the local cache.\nDefaults to false, meaning no caching is performed.",
+          "values": []
+        },
+        {
+          "name": "job-id",
+          "description": "If provided, skips creating a new Harmony job and instead waits for this existing job ID to complete.",
+          "values": []
         }
       ],
       "references": [
@@ -2446,6 +2456,16 @@
           "name": "application-id",
           "description": "the application ID is used for tracking purposes and will be included in the labels of Harmony jobs created by this component",
           "values": []
+        },
+        {
+          "name": "cache",
+          "description": "When true, enables IndexedDB caching — data will be read from and written to the local cache.\nDefaults to false, meaning no caching is performed.",
+          "values": []
+        },
+        {
+          "name": "job-id",
+          "description": "If provided, skips creating a new Harmony job and instead waits for this existing job ID to complete.",
+          "values": []
         }
       ],
       "references": [
@@ -2551,82 +2571,6 @@
         }
       ]
     },
-    {
-      "name": "terra-tooltip",
-      "description": "Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the tooltip or popover begins to show.\n- **terra-after-show** - Emitted after it has shown and all animations are complete.\n- **terra-hide** - Emitted when the tooltip or popover begins to hide.\n- **terra-after-hide** - Emitted after it has hidden and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the tooltip or popover.\n- **hide()** - Hides the tooltip or popover.\n\n### **Slots:**\n - _default_ - The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.\n- **content** - The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.\n- **image** - Optional image slot for popovers. When provided, the image will span the full width of the popover.\n\n### **CSS Properties:**\n - **--max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_\n- **--hide-delay** - The amount of time to wait before hiding the tooltip when hovering. _(default: undefined)_\n- **--show-delay** - The amount of time to wait before showing the tooltip when hovering. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, an `<terra-popup>` element.\n- **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n- **base__arrow** - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n- **body** - The tooltip or popover body where its content is rendered.",
-      "attributes": [
-        {
-          "name": "content",
-          "description": "The tooltip or popover content. If you need to display HTML, use the `content` slot instead.",
-          "values": []
-        },
-        {
-          "name": "variant",
-          "description": "The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel\nthat can contain images and links.",
-          "values": [{ "name": "tooltip" }, { "name": "popover" }]
-        },
-        {
-          "name": "placement",
-          "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
-          "values": [
-            { "name": "" },
-            { "name": "top" },
-            { "name": "top-start" },
-            { "name": "top-end" },
-            { "name": "right" },
-            { "name": "right-start" },
-            { "name": "right-end" },
-            { "name": "bottom" },
-            { "name": "bottom-start" },
-            { "name": "bottom-end" },
-            { "name": "left" },
-            { "name": "left-start" },
-            { "name": "left-end" }
-          ]
-        },
-        {
-          "name": "disabled",
-          "description": "Disables the tooltip so it won't show when triggered.",
-          "values": []
-        },
-        {
-          "name": "distance",
-          "description": "The distance in pixels from which to offset the tooltip or popover away from its target.",
-          "values": []
-        },
-        {
-          "name": "open",
-          "description": "Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods.",
-          "values": []
-        },
-        {
-          "name": "skidding",
-          "description": "The distance in pixels from which to offset the tooltip along its target.",
-          "values": []
-        },
-        {
-          "name": "trigger",
-          "description": "Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
-          "values": []
-        },
-        {
-          "name": "hoist",
-          "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-          "values": []
-        },
-        {
-          "name": "interactive",
-          "description": "Allows text inside the tooltip to be selected and copied. Also enables pointer events on the tooltip body\nso the user can interact with its content.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/tooltip"
-        }
-      ]
-    },
     {
       "name": "terra-variable-combobox",
       "description": "Fuzzy-search for dataset variables in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-combobox-change** - Emitted when an option is selected.\n\n### **Methods:**\n - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting.\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
@@ -2706,6 +2650,82 @@
           "url": "https://terra-ui.netlify.app/components/variable-keyword-search"
         }
       ]
+    },
+    {
+      "name": "terra-tooltip",
+      "description": "Tooltips display brief, contextual help on hover or focus. Popovers show richer supporting content.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the tooltip or popover begins to show.\n- **terra-after-show** - Emitted after it has shown and all animations are complete.\n- **terra-hide** - Emitted when the tooltip or popover begins to hide.\n- **terra-after-hide** - Emitted after it has hidden and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the tooltip or popover.\n- **hide()** - Hides the tooltip or popover.\n\n### **Slots:**\n - _default_ - The tooltip or popover target element. Avoid slotting in more than one element, as subsequent ones will be ignored.\n- **content** - The content to render in the tooltip or popover. Alternatively, you can use the `content` attribute.\n- **image** - Optional image slot for popovers. When provided, the image will span the full width of the popover.\n\n### **CSS Properties:**\n - **--max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_\n- **--hide-delay** - The amount of time to wait before hiding the tooltip when hovering. _(default: undefined)_\n- **--show-delay** - The amount of time to wait before showing the tooltip when hovering. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, an `<terra-popup>` element.\n- **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n- **base__arrow** - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n- **body** - The tooltip or popover body where its content is rendered.",
+      "attributes": [
+        {
+          "name": "content",
+          "description": "The tooltip or popover content. If you need to display HTML, use the `content` slot instead.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The variant of the component. `tooltip` shows compact inline help, while `popover` shows a larger card-style panel\nthat can contain images and links.",
+          "values": [{ "name": "tooltip" }, { "name": "popover" }]
+        },
+        {
+          "name": "placement",
+          "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+          "values": [
+            { "name": "" },
+            { "name": "top" },
+            { "name": "top-start" },
+            { "name": "top-end" },
+            { "name": "right" },
+            { "name": "right-start" },
+            { "name": "right-end" },
+            { "name": "bottom" },
+            { "name": "bottom-start" },
+            { "name": "bottom-end" },
+            { "name": "left" },
+            { "name": "left-start" },
+            { "name": "left-end" }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the tooltip so it won't show when triggered.",
+          "values": []
+        },
+        {
+          "name": "distance",
+          "description": "The distance in pixels from which to offset the tooltip or popover away from its target.",
+          "values": []
+        },
+        {
+          "name": "open",
+          "description": "Indicates whether or not the tooltip or popover is open. You can use this in lieu of the show/hide methods.",
+          "values": []
+        },
+        {
+          "name": "skidding",
+          "description": "The distance in pixels from which to offset the tooltip along its target.",
+          "values": []
+        },
+        {
+          "name": "trigger",
+          "description": "Controls how the tooltip or popover is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
+          "values": []
+        },
+        {
+          "name": "hoist",
+          "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
+          "values": []
+        },
+        {
+          "name": "interactive",
+          "description": "Allows text inside the tooltip to be selected and copied. Also enables pointer events on the tooltip body\nso the user can interact with its content.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/tooltip"
+        }
+      ]
     }
   ]
 }