@nasa-terra/components 0.0.177 → 0.0.178

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 { TerraAccordion } from "../../components/accordion/accordion.component.js";
 import type { TerraBadge } from "../../components/badge/badge.component.js";
 import type { TerraBanner } from "../../components/banner/banner.component.js";
 import type { TerraBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
@@ -29,11 +29,11 @@ import type { TerraEarthdataLogin } from "../../components/earthdata-login/earth
 import type { TerraFileUpload } from "../../components/file-upload/file-upload.component.js";
 import type { TerraIcon } from "../../components/icon/icon.component.js";
 import type { TerraInput } from "../../components/input/input.component.js";
-import type { TerraLogin } from "../../components/login/login.component.js";
 import type { TerraLoader } from "../../components/loader/loader.component.js";
+import type { TerraLogin } from "../../components/login/login.component.js";
 import type { TerraMap } from "../../components/map/map.component.js";
-import type { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
 import type { TerraMenu } from "../../components/menu/menu.component.js";
+import type { TerraMenuItem } from "../../components/menu-item/menu-item.component.js";
 import type { TerraOption } from "../../components/option/option.component.js";
 import type { TerraPagination } from "../../components/pagination/pagination.component.js";
 import type { TerraPlot } from "../../components/plot/plot.component.js";
@@ -49,8 +49,8 @@ import type { TerraSiteNavigation } from "../../components/site-navigation/site-
 import type { TerraSkeleton } from "../../components/skeleton/skeleton.component.js";
 import type { TerraSlider } from "../../components/slider/slider.component.js";
 import type { TerraSpatialPicker } from "../../components/spatial-picker/spatial-picker.component.js";
-import type { TerraStepper } from "../../components/stepper/stepper.component.js";
 import type { TerraStatusIndicator } from "../../components/status-indicator/status-indicator.component.js";
+import type { TerraStepper } from "../../components/stepper/stepper.component.js";
 import type { TerraStepperStep } from "../../components/stepper-step/stepper-step.component.js";
 import type { TerraTab } from "../../components/tab/tab.component.js";
 import type { TerraTabPanel } from "../../components/tab-panel/tab-panel.component.js";
@@ -65,18 +65,6 @@ 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";
 
-type TerraAccordionProps = {
-  /** The summary/header for the accordion. Use the property for simple text, or the slot for custom content. */
-  summary?: TerraAccordion["summary"];
-  /** Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction. */
-  open?: TerraAccordion["open"];
-  /**  */
-  showArrow?: TerraAccordion["showArrow"];
-
-  /** emitted when the accordion opens or closes */
-  onTerraAccordionToggle?: (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. */
@@ -125,6 +113,18 @@ type TerraAvatarProps = {
   onTerraError?: (e: CustomEvent<never>) => void;
 };
 
+type TerraAccordionProps = {
+  /** The summary/header for the accordion. Use the property for simple text, or the slot for custom content. */
+  summary?: TerraAccordion["summary"];
+  /** Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction. */
+  open?: TerraAccordion["open"];
+  /**  */
+  showArrow?: TerraAccordion["showArrow"];
+
+  /** emitted when the accordion opens or closes */
+  onTerraAccordionToggle?: (e: CustomEvent<never>) => void;
+};
+
 type TerraBadgeProps = {
   /** The badge's theme variant. */
   variant?: TerraBadge["variant"];
@@ -624,6 +624,8 @@ type TerraDatePickerProps = {
   /**  */
   "use-end-of-day"?: TerraDatePicker["useEndOfDay"];
   /**  */
+  closable?: TerraDatePicker["showClose"];
+  /**  */
   isOpen?: TerraDatePicker["isOpen"];
   /**  */
   leftMonth?: TerraDatePicker["leftMonth"];
@@ -944,6 +946,19 @@ This will use the native `<input type="{{type}}">` implementation and may result
   onTerraClear?: (e: CustomEvent<never>) => void;
 };
 
+type TerraLoaderProps = {
+  /** The loader's variant */
+  variant?: TerraLoader["variant"];
+  /** The percent complete for the loader to display */
+  percent?: TerraLoader["percent"];
+  /** an indeterminate loader has an unknown progress and will show a spinner */
+  indeterminate?: TerraLoader["indeterminate"];
+  /** The ARIA role for the loader */
+  role?: TerraLoader["role"];
+  /**  */
+  _currentPercent?: TerraLoader["_currentPercent"];
+};
+
 type TerraLoginProps = {
   /**  */
   "button-label"?: TerraLogin["buttonLabel"];
@@ -962,19 +977,6 @@ You can use the following placeholders:
   onTerraLogin?: (e: CustomEvent<never>) => void;
 };
 
-type TerraLoaderProps = {
-  /** The loader's variant */
-  variant?: TerraLoader["variant"];
-  /** The percent complete for the loader to display */
-  percent?: TerraLoader["percent"];
-  /** an indeterminate loader has an unknown progress and will show a spinner */
-  indeterminate?: TerraLoader["indeterminate"];
-  /** The ARIA role for the loader */
-  role?: TerraLoader["role"];
-  /**  */
-  _currentPercent?: TerraLoader["_currentPercent"];
-};
-
 type TerraMapProps = {
   /** Minimum zoom level of the map. */
   "min-zoom"?: TerraMap["minZoom"];
@@ -1011,6 +1013,13 @@ Format: 'west, south, east, north' */
   _mapController?: TerraMap["_mapController"];
 };
 
+type TerraMenuProps = {
+  /**  */
+  defaultSlot?: TerraMenu["defaultSlot"];
+  /** Emitted when a menu item is selected. The event detail contains the selected menu item. */
+  onTerraSelect?: (e: CustomEvent<never>) => void;
+};
+
 type TerraMenuItemProps = {
   /** The type of menu item to render. To use `checked`, this value must be set to `checkbox`. */
   type?: TerraMenuItem["type"];
@@ -1028,13 +1037,6 @@ type TerraMenuItemProps = {
   menuItem?: TerraMenuItem["menuItem"];
 };
 
-type TerraMenuProps = {
-  /**  */
-  defaultSlot?: TerraMenu["defaultSlot"];
-  /** Emitted when a menu item is selected. The event detail contains the selected menu item. */
-  onTerraSelect?: (e: CustomEvent<never>) => void;
-};
-
 type TerraOptionProps = {
   /** The option's value. When selected, the containing form control will receive this value. The value must be unique
 from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing
@@ -1496,6 +1498,8 @@ the default is false, the map is positioned absolute under the input */
   "url-state"?: TerraSpatialPicker["urlState"];
   /**  */
   "help-text"?: TerraSpatialPicker["helpText"];
+  /** Whether to show a close button in the dropdown header (only applies when inline is false) */
+  closable?: TerraSpatialPicker["showClose"];
   /**  */
   mapValue?: TerraSpatialPicker["mapValue"];
   /**  */
@@ -1510,6 +1514,13 @@ the default is false, the map is positioned absolute under the input */
   parsedConstraints?: TerraSpatialPicker["parsedConstraints"];
 };
 
+type TerraStatusIndicatorProps = {
+  /** The status variant. Determines the color of the indicator dot. */
+  variant?: TerraStatusIndicator["variant"];
+  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
+  dark?: TerraStatusIndicator["dark"];
+};
+
 type TerraStepperProps = {
   /** The stepper's variant. The default variant includes titles and optional captions for each step.
 The condensed variant uses colored bars to represent each step and is useful when space is a concern. */
@@ -1518,13 +1529,6 @@ The condensed variant uses colored bars to represent each step and is useful whe
   defaultSlot?: TerraStepper["defaultSlot"];
 };
 
-type TerraStatusIndicatorProps = {
-  /** The status variant. Determines the color of the indicator dot. */
-  variant?: TerraStatusIndicator["variant"];
-  /** When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background. */
-  dark?: TerraStatusIndicator["dark"];
-};
-
 type TerraStepperStepProps = {
   /** The step's state. "completed" shows a checkmark, "current" highlights the step as active,
 and "upcoming" shows the step as not yet reached. */
@@ -1943,20 +1947,6 @@ When hidden, still presents to screen readers. */
 };
 
 export type CustomElements = {
-  /**
-   * A collapsible content panel for showing and hiding content.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-accordion-toggle** - emitted when the accordion opens or closes
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot for accordion content.
-   * - **summary** - The summary/header for the accordion (optional, overrides summary property)
-   */
-  "terra-accordion": DefineComponent<TerraAccordionProps>;
-
   /**
    * Alerts are used to display important messages inline or as toast notifications.
    * ---
@@ -2007,6 +1997,20 @@ export type CustomElements = {
    */
   "terra-avatar": DefineComponent<TerraAvatarProps>;
 
+  /**
+   * A collapsible content panel for showing and hiding content.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-accordion-toggle** - emitted when the accordion opens or closes
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot for accordion content.
+   * - **summary** - The summary/header for the accordion (optional, overrides summary property)
+   */
+  "terra-accordion": DefineComponent<TerraAccordionProps>;
+
   /**
    * Badges are used to draw attention and display statuses or counts.
    * ---
@@ -2548,16 +2552,6 @@ export type CustomElements = {
    */
   "terra-input": DefineComponent<TerraInputProps>;
 
-  /**
-   * A form that logs in to Earthdata Login (EDL) and returns a bearer token.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
-   */
-  "terra-login": DefineComponent<TerraLoginProps>;
-
   /**
    * Loaders are used to indicate there is content that is loading.
    * ---
@@ -2571,6 +2565,16 @@ export type CustomElements = {
    */
   "terra-loader": DefineComponent<TerraLoaderProps>;
 
+  /**
+   * A form that logs in to Earthdata Login (EDL) and returns a bearer token.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-login** - Emitted when a bearer token has been received from EDL.
+   */
+  "terra-login": DefineComponent<TerraLoginProps>;
+
   /**
    * A map component for visualizing and selecting coordinates.
    * ---
@@ -2578,6 +2582,19 @@ export type CustomElements = {
    */
   "terra-map": DefineComponent<TerraMapProps>;
 
+  /**
+   * Menus provide a list of options for the user to choose from.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **terra-select** - Emitted when a menu item is selected. The event detail contains the selected menu item.
+   *
+   * ### **Slots:**
+   *  - _default_ - The menu's content, typically `<terra-menu-item>` elements.
+   */
+  "terra-menu": DefineComponent<TerraMenuProps>;
+
   /**
    * Menu items provide options for the user to pick from in a menu.
    * ---
@@ -2607,19 +2624,6 @@ export type CustomElements = {
    */
   "terra-menu-item": DefineComponent<TerraMenuItemProps>;
 
-  /**
-   * Menus provide a list of options for the user to choose from.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **terra-select** - Emitted when a menu item is selected. The event detail contains the selected menu item.
-   *
-   * ### **Slots:**
-   *  - _default_ - The menu's content, typically `<terra-menu-item>` elements.
-   */
-  "terra-menu": DefineComponent<TerraMenuProps>;
-
   /**
    * Options define the selectable items within various form controls such as [select](/components/select).
    * ---
@@ -2955,19 +2959,6 @@ export type CustomElements = {
    */
   "terra-spatial-picker": DefineComponent<TerraSpatialPickerProps>;
 
-  /**
-   * Steppers display a visitor's progress through linear workflows and experiences with multiple steps.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - One or more `<terra-stepper-step>` elements to display in the stepper.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's base wrapper.
-   */
-  "terra-stepper": DefineComponent<TerraStepperProps>;
-
   /**
    * Status indicators are dynamic labels that indicate the current state of a mission or project.
    * ---
@@ -2990,6 +2981,19 @@ export type CustomElements = {
    */
   "terra-status-indicator": DefineComponent<TerraStatusIndicatorProps>;
 
+  /**
+   * Steppers display a visitor's progress through linear workflows and experiences with multiple steps.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - One or more `<terra-stepper-step>` elements to display in the stepper.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper.
+   */
+  "terra-stepper": DefineComponent<TerraStepperProps>;
+
   /**
    * A step within a stepper component that displays progress through a multi-step workflow.
    * ---

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

@@ -2,29 +2,6 @@
   "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
   "version": 1.1,
   "tags": [
-    {
-      "name": "terra-accordion",
-      "description": "A collapsible content panel for showing and hiding content.\n---\n\n\n### **Events:**\n - **terra-accordion-toggle** - emitted when the accordion opens or closes\n\n### **Slots:**\n - _default_ - The default slot for accordion content.\n- **summary** - The summary/header for the accordion (optional, overrides summary property)",
-      "attributes": [
-        {
-          "name": "summary",
-          "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
-          "values": []
-        },
-        {
-          "name": "open",
-          "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
-          "values": []
-        },
-        { "name": "showArrow", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/accordion"
-        }
-      ]
-    },
     {
       "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.",
@@ -115,6 +92,29 @@
         }
       ]
     },
+    {
+      "name": "terra-accordion",
+      "description": "A collapsible content panel for showing and hiding content.\n---\n\n\n### **Events:**\n - **terra-accordion-toggle** - emitted when the accordion opens or closes\n\n### **Slots:**\n - _default_ - The default slot for accordion content.\n- **summary** - The summary/header for the accordion (optional, overrides summary property)",
+      "attributes": [
+        {
+          "name": "summary",
+          "description": "The summary/header for the accordion. Use the property for simple text, or the slot for custom content.",
+          "values": []
+        },
+        {
+          "name": "open",
+          "description": "Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.",
+          "values": []
+        },
+        { "name": "showArrow", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/accordion"
+        }
+      ]
+    },
     {
       "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.",
@@ -806,7 +806,8 @@
         },
         { "name": "hideClearAll", "values": [] },
         { "name": "clearAllLabel", "values": [] },
-        { "name": "use-end-of-day", "values": [] }
+        { "name": "use-end-of-day", "values": [] },
+        { "name": "closable", "values": [] }
       ],
       "references": [
         {
@@ -1182,26 +1183,6 @@
         }
       ]
     },
-    {
-      "name": "terra-login",
-      "description": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n---\n\n\n### **Events:**\n - **terra-login** - Emitted when a bearer token has been received from EDL.",
-      "attributes": [
-        { "name": "button-label", "values": [] },
-        {
-          "name": "logged-in-message",
-          "description": "The message to show when the user is logged in\nYou can use the following placeholders:\n{username} - The username of the user\n{first_name} - The first name of the user\n{last_name} - The last name of the user",
-          "values": []
-        },
-        { "name": "logged-out-message", "values": [] },
-        { "name": "loading-message", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/login"
-        }
-      ]
-    },
     {
       "name": "terra-loader",
       "description": "Loaders are used to indicate there is content that is loading.\n---\n\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -1238,6 +1219,26 @@
         }
       ]
     },
+    {
+      "name": "terra-login",
+      "description": "A form that logs in to Earthdata Login (EDL) and returns a bearer token.\n---\n\n\n### **Events:**\n - **terra-login** - Emitted when a bearer token has been received from EDL.",
+      "attributes": [
+        { "name": "button-label", "values": [] },
+        {
+          "name": "logged-in-message",
+          "description": "The message to show when the user is logged in\nYou can use the following placeholders:\n{username} - The username of the user\n{first_name} - The first name of the user\n{last_name} - The last name of the user",
+          "values": []
+        },
+        { "name": "logged-out-message", "values": [] },
+        { "name": "loading-message", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/login"
+        }
+      ]
+    },
     {
       "name": "terra-map",
       "description": "A map component for visualizing and selecting coordinates.\n---\n",
@@ -1294,6 +1295,17 @@
         }
       ]
     },
+    {
+      "name": "terra-menu",
+      "description": "Menus provide a list of options for the user to choose from.\n---\n\n\n### **Events:**\n - **terra-select** - Emitted when a menu item is selected. The event detail contains the selected menu item.\n\n### **Slots:**\n - _default_ - The menu's content, typically `<terra-menu-item>` elements.",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/menu"
+        }
+      ]
+    },
     {
       "name": "terra-menu-item",
       "description": "Menu items provide options for the user to pick from in a menu.\n---\n\n\n### **Methods:**\n - **getTextLabel()** - Returns a text label based on the contents of the menu item's default slot.\n\n### **Slots:**\n - _default_ - The menu item's label.\n- **prefix** - Used to prepend an icon or similar element to the menu item.\n- **suffix** - Used to append an icon or similar element to the menu item.\n- **submenu** - Used to denote a nested menu.\n\n### **CSS Properties:**\n - **--submenu-offset** - The distance submenus shift to overlap the parent menu. _(default: -2px)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **checked-icon** - The checked icon, which is only visible when the menu item is checked.\n- **prefix** - The prefix container.\n- **label** - The menu item label.\n- **suffix** - The suffix container.\n- **spinner** - The spinner that shows when the menu item is in the loading state.\n- **spinner__base** - The spinner's base part.\n- **submenu-icon** - The submenu icon, visible only when the menu item has a submenu.",
@@ -1331,17 +1343,6 @@
         }
       ]
     },
-    {
-      "name": "terra-menu",
-      "description": "Menus provide a list of options for the user to choose from.\n---\n\n\n### **Events:**\n - **terra-select** - Emitted when a menu item is selected. The event detail contains the selected menu item.\n\n### **Slots:**\n - _default_ - The menu's content, typically `<terra-menu-item>` elements.",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/menu"
-        }
-      ]
-    },
     {
       "name": "terra-option",
       "description": "Options define the selectable items within various form controls such as [select](/components/select).\n---\n\n\n### **Methods:**\n - **getTextLabel()** - Returns a plain text label based on the option's content.\n\n### **Slots:**\n - _default_ - The option's label.\n- **prefix** - Used to prepend an icon or similar element to the menu item.\n- **suffix** - Used to append an icon or similar element to the menu item.\n\n### **CSS Properties:**\n - **--terra-option-*** - All option design tokens from horizon.css are supported. _(default: undefined)_\n\n### **CSS Parts:**\n - **checked-icon** - The checked icon, an `<terra-icon>` element.\n- **base** - The component's base wrapper.\n- **label** - The option's label.\n- **prefix** - The container that wraps the prefix.\n- **suffix** - The container that wraps the suffix.",
@@ -2100,29 +2101,17 @@
           "values": []
         },
         { "name": "url-state", "values": [] },
-        { "name": "help-text", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/spatial-picker"
-        }
-      ]
-    },
-    {
-      "name": "terra-stepper",
-      "description": "Steppers display a visitor's progress through linear workflows and experiences with multiple steps.\n---\n\n\n### **Slots:**\n - _default_ - One or more `<terra-stepper-step>` elements to display in the stepper.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
+        { "name": "help-text", "values": [] },
         {
-          "name": "variant",
-          "description": "The stepper's variant. The default variant includes titles and optional captions for each step.\nThe condensed variant uses colored bars to represent each step and is useful when space is a concern.",
-          "values": [{ "name": "default" }, { "name": "condensed" }]
+          "name": "closable",
+          "description": "Whether to show a close button in the dropdown header (only applies when inline is false)",
+          "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/stepper"
+          "url": "https://terra-ui.netlify.app/components/spatial-picker"
         }
       ]
     },
@@ -2154,6 +2143,23 @@
         }
       ]
     },
+    {
+      "name": "terra-stepper",
+      "description": "Steppers display a visitor's progress through linear workflows and experiences with multiple steps.\n---\n\n\n### **Slots:**\n - _default_ - One or more `<terra-stepper-step>` elements to display in the stepper.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The stepper's variant. The default variant includes titles and optional captions for each step.\nThe condensed variant uses colored bars to represent each step and is useful when space is a concern.",
+          "values": [{ "name": "default" }, { "name": "condensed" }]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/stepper"
+        }
+      ]
+    },
     {
       "name": "terra-stepper-step",
       "description": "A step within a stepper component that displays progress through a multi-step workflow.\n---\n\n\n### **Slots:**\n - _default_ - The step's caption (optional, only shown in default variant).\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **bar** - The progress bar indicator.\n- **content** - The content area containing title and caption.\n- **title** - The step's title.\n- **caption** - The step's caption.\n- **icon** - The checkmark icon (shown when completed).",