@nasa-terra/components 0.0.188 → 0.0.191

package/dist/custom-elements.json

@@ -136,207 +136,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/avatar/avatar.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"
-            },
-            {
-              "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 default icon to use when no image or initials are present. Works best with `<terra-icon>`.",
-              "name": "icon"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{\n        'terra-icon': TerraIcon,\n    }"
-            },
-            {
-              "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",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "attribute": "initials"
-            },
-            {
-              "kind": "field",
-              "name": "loading",
-              "type": {
-                "text": "'eager' | 'lazy'"
-              },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "attribute": "loading"
-            },
-            {
-              "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "'circle' | 'square' | 'rounded'"
-              },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "attribute": "shape",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleImageChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleImageLoadError",
-              "privacy": "private"
-            }
-          ],
-          "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"
-            }
-          ],
-          "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",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-              "fieldName": "initials"
-            },
-            {
-              "name": "loading",
-              "type": {
-                "text": "'eager' | 'lazy'"
-              },
-              "default": "'eager'",
-              "description": "Indicates how the browser should load the image.",
-              "fieldName": "loading"
-            },
-            {
-              "name": "shape",
-              "type": {
-                "text": "'circle' | 'square' | 'rounded'"
-              },
-              "default": "'circle'",
-              "description": "The shape of the avatar.",
-              "fieldName": "shape"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Avatars are used to represent a person or object.",
-          "tagNameWithoutPrefix": "avatar",
-          "tagName": "terra-avatar",
-          "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",
-          "status": "stable",
-          "since": "1.0",
-          "dependencies": [
-            "terra-icon"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraAvatar",
-            "module": "components/avatar/avatar.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/alert/alert.js",
@@ -453,9 +252,9 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+                "text": "| 'primary'\n        | 'information'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
               },
-              "default": "'primary'",
+              "default": "'information'",
               "description": "The alert's theme variant.",
               "attribute": "variant",
               "reflects": true
@@ -464,10 +263,10 @@
               "kind": "field",
               "name": "appearance",
               "type": {
-                "text": "'filled' | 'white'"
+                "text": "'filled' | 'white' | 'subtle'"
               },
               "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.",
+              "description": "The alert's appearance style. \"filled\" uses a colored background with contrast appropriate text (HDS default).\n\"white\" uses a white background with a colored top border and dark text. \"subtle\" uses muted colored backgrounds\nand matching colored text.",
               "attribute": "appearance",
               "reflects": true
             },
@@ -570,80 +369,281 @@
           ],
           "attributes": [
             {
-              "name": "open",
+              "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.",
+              "fieldName": "open"
+            },
+            {
+              "name": "closable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "fieldName": "closable"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "| 'primary'\n        | 'information'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+              },
+              "default": "'information'",
+              "description": "The alert's theme variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "'filled' | 'white' | 'subtle'"
+              },
+              "default": "'filled'",
+              "description": "The alert's appearance style. \"filled\" uses a colored background with contrast appropriate text (HDS default).\n\"white\" uses a white background with a colored top border and dark text. \"subtle\" uses muted colored backgrounds\nand matching colored 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": "Alerts are used to display important messages inline or as toast notifications.",
+          "tagNameWithoutPrefix": "alert",
+          "tagName": "terra-alert",
+          "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",
+          "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."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraAlert",
+            "module": "components/alert/alert.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/avatar/avatar.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"
+            },
+            {
+              "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 default icon to use when no image or initials are present. Works best with `<terra-icon>`.",
+              "name": "icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{\n        'terra-icon': TerraIcon,\n    }"
+            },
+            {
+              "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",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+              "attribute": "initials"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "'eager' | 'lazy'"
+              },
+              "default": "'eager'",
+              "description": "Indicates how the browser should load the image.",
+              "attribute": "loading"
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "'circle' | 'square' | 'rounded'"
+              },
+              "default": "'circle'",
+              "description": "The shape of the avatar.",
+              "attribute": "shape",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleImageChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleImageLoadError",
+              "privacy": "private"
+            }
+          ],
+          "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"
+            }
+          ],
+          "attributes": [
+            {
+              "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"
           }
         }
       ]
@@ -683,9 +683,9 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'info'\n        | 'danger'"
+                "text": "| 'primary'\n        | 'information'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
               },
-              "default": "'primary'",
+              "default": "'information'",
               "description": "The badge's theme variant.",
               "attribute": "variant",
               "reflects": true
@@ -717,9 +717,9 @@
             {
               "name": "variant",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'info'\n        | 'danger'"
+                "text": "| 'primary'\n        | 'information'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
               },
-              "default": "'primary'",
+              "default": "'information'",
               "description": "The badge's theme variant.",
               "fieldName": "variant"
             },
@@ -981,15 +981,15 @@
           "cssProperties": [
             {
               "description": "The text color of inactive breadcrumbs.",
-              "name": "--terra-breadcrumb-color"
+              "name": "--terra-breadcrumb-text-default"
             },
             {
               "description": "The text color of the current (last) breadcrumb.",
-              "name": "--terra-breadcrumb-color-current"
+              "name": "--terra-breadcrumb-text-current"
             },
             {
               "description": "The text color of visited breadcrumb links.",
-              "name": "--terra-breadcrumb-color-visited"
+              "name": "--terra-breadcrumb-text-visited"
             }
           ],
           "cssParts": [
@@ -1061,7 +1061,7 @@
           "tagNameWithoutPrefix": "breadcrumb",
           "tagName": "terra-breadcrumb",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A single breadcrumb item used inside `terra-breadcrumbs`.\n * @documentation https://terra-ui.netlify.app/components/breadcrumb\n * @status stable\n * @since 1.0\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's base wrapper.\n * @csspart link - The breadcrumb link element.\n * @csspart label - The breadcrumb label element when not a link.\n *\n * @cssproperty --terra-breadcrumb-color - The text color of inactive breadcrumbs.\n * @cssproperty --terra-breadcrumb-color-current - The text color of the current (last) breadcrumb.\n * @cssproperty --terra-breadcrumb-color-visited - The text color of visited breadcrumb links.\n */",
+          "jsDoc": "/**\n * @summary A single breadcrumb item used inside `terra-breadcrumbs`.\n * @documentation https://terra-ui.netlify.app/components/breadcrumb\n * @status stable\n * @since 1.0\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's base wrapper.\n * @csspart link - The breadcrumb link element.\n * @csspart label - The breadcrumb label element when not a link.\n *\n * @cssproperty --terra-breadcrumb-text-default - The text color of inactive breadcrumbs.\n * @cssproperty --terra-breadcrumb-text-current - The text color of the current (last) breadcrumb.\n * @cssproperty --terra-breadcrumb-text-visited - The text color of visited breadcrumb links.\n */",
           "documentation": "https://terra-ui.netlify.app/components/breadcrumb",
           "status": "stable",
           "since": "1.0"
@@ -1634,7 +1634,7 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'\n        | 'text'\n        | 'pagelink'"
+                "text": "| 'default'\n        | 'primary'\n        | 'cta'\n        | 'success'\n        | 'warning'\n        | 'danger'\n        | 'text'\n        | 'pagelink'"
               },
               "default": "'primary'",
               "description": "The button's theme variant.",
@@ -2056,7 +2056,7 @@
             {
               "name": "variant",
               "type": {
-                "text": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'\n        | 'text'\n        | 'pagelink'"
+                "text": "| 'default'\n        | 'primary'\n        | 'cta'\n        | 'success'\n        | 'warning'\n        | 'danger'\n        | 'text'\n        | 'pagelink'"
               },
               "default": "'primary'",
               "description": "The button's theme variant.",
@@ -11718,6 +11718,26 @@
             {
               "description": "All option design tokens from horizon.css are supported.",
               "name": "--terra-option-*"
+            },
+            {
+              "description": "The text color of the option.",
+              "name": "--terra-options-item-text"
+            },
+            {
+              "description": "The text color of the option on hover.",
+              "name": "--terra-options-item-text-hover"
+            },
+            {
+              "description": "The text color of the option when active.",
+              "name": "--terra-options-item-text-active"
+            },
+            {
+              "description": "The background color of the option on hover.",
+              "name": "--terra-options-item-background-hover"
+            },
+            {
+              "description": "The background color of the option when active.",
+              "name": "--terra-options-item-background-active"
             }
           ],
           "cssParts": [
@@ -11889,7 +11909,7 @@
           "tagNameWithoutPrefix": "option",
           "tagName": "terra-option",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Options define the selectable items within various form controls such as [select](/components/select).\n * @documentation https://terra-ui.netlify.app/components/option\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @slot - The option's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n *\n * @csspart checked-icon - The checked icon, an `<terra-icon>` element.\n * @csspart base - The component's base wrapper.\n * @csspart label - The option's label.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n *\n * @cssproperty --terra-option-* - All option design tokens from horizon.css are supported.\n */",
+          "jsDoc": "/**\n * @summary Options define the selectable items within various form controls such as [select](/components/select).\n * @documentation https://terra-ui.netlify.app/components/option\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @slot - The option's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n *\n * @csspart checked-icon - The checked icon, an `<terra-icon>` element.\n * @csspart base - The component's base wrapper.\n * @csspart label - The option's label.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n *\n * @cssproperty --terra-option-* - All option design tokens from horizon.css are supported.\n * @cssproperty --terra-options-item-text - The text color of the option.\n * @cssproperty --terra-options-item-text-hover - The text color of the option on hover.\n * @cssproperty --terra-options-item-text-active - The text color of the option when active.\n * @cssproperty --terra-options-item-background-hover - The background color of the option on hover.\n * @cssproperty --terra-options-item-background-active - The background color of the option when active.\n */",
           "documentation": "https://terra-ui.netlify.app/components/option",
           "status": "stable",
           "since": "1.0",
@@ -13014,60 +13034,231 @@
               "fieldName": "showCitation"
             },
             {
-              "name": "show-help",
+              "name": "show-help",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "showHelp"
+            },
+            {
+              "name": "application-citation",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
+              "fieldName": "applicationCitation"
+            },
+            {
+              "name": "mobileView",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "mobileView"
+            },
+            {
+              "name": "productLabel",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "productLabel"
+            },
+            {
+              "name": "bottomSheetDragY",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "bottomSheetDragY"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "Short summary of the component's intended use.",
+          "tagNameWithoutPrefix": "plot-toolbar",
+          "tagName": "terra-plot-toolbar",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://terra-ui.netlify.app/components/plot-toolbar\n * @status stable\n * @since 1.0\n *\n * @dependency terra-example\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --terra-plot-toolbar-help-menu-display - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/plot-toolbar",
+          "status": "stable",
+          "since": "1.0",
+          "dependencies": [
+            "terra-example"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraPlotToolbar",
+            "module": "components/plot-toolbar/plot-toolbar.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/progress-bar/progress-bar.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraProgressBar",
+          "cssProperties": [
+            {
+              "description": "The progress bar's height.",
+              "name": "--height"
+            },
+            {
+              "description": "The color of the track.",
+              "name": "--track-color"
+            },
+            {
+              "description": "The color of the indicator.",
+              "name": "--indicator-color"
+            },
+            {
+              "description": "The color of the label.",
+              "name": "--label-color"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The progress bar's indicator.",
+              "name": "indicator"
+            },
+            {
+              "description": "The progress bar's label.",
+              "name": "label"
+            }
+          ],
+          "slots": [
+            {
+              "description": "A label to show inside the progress indicator.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The current progress as a percentage, 0 to 100.",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
+              "attribute": "indeterminate",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A custom label for assistive devices.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The progress bar's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "title",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "fieldName": "showHelp"
-            },
+              "default": "''",
+              "attribute": "title"
+            }
+          ],
+          "attributes": [
             {
-              "name": "application-citation",
+              "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "number"
               },
-              "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
-              "fieldName": "applicationCitation"
+              "default": "0",
+              "description": "The current progress as a percentage, 0 to 100.",
+              "fieldName": "value"
             },
             {
-              "name": "mobileView",
+              "name": "indeterminate",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "mobileView"
+              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
+              "fieldName": "indeterminate"
             },
             {
-              "name": "productLabel",
+              "name": "label",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "fieldName": "productLabel"
+              "default": "''",
+              "description": "A custom label for assistive devices.",
+              "fieldName": "label"
             },
             {
-              "name": "bottomSheetDragY",
+              "name": "variant",
               "type": {
-                "text": "number"
+                "text": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'"
               },
-              "default": "0",
-              "fieldName": "bottomSheetDragY"
+              "default": "'primary'",
+              "description": "The progress bar's theme variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "title"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "Short summary of the component's intended use.",
-          "tagNameWithoutPrefix": "plot-toolbar",
-          "tagName": "terra-plot-toolbar",
+          "summary": "Progress bars are used to show the status of an ongoing operation.",
+          "tagNameWithoutPrefix": "progress-bar",
+          "tagName": "terra-progress-bar",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://terra-ui.netlify.app/components/plot-toolbar\n * @status stable\n * @since 1.0\n *\n * @dependency terra-example\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --terra-plot-toolbar-help-menu-display - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/plot-toolbar",
+          "jsDoc": "/**\n * @summary Progress bars are used to show the status of an ongoing operation.\n * @documentation https://terra-ui.netlify.app/components/progress-bar\n * @status stable\n * @since 1.0\n *\n * @slot - A label to show inside the progress indicator.\n *\n * @csspart base - The component's base wrapper.\n * @csspart indicator - The progress bar's indicator.\n * @csspart label - The progress bar's label.\n *\n * @cssproperty --height - The progress bar's height.\n * @cssproperty --track-color - The color of the track.\n * @cssproperty --indicator-color - The color of the indicator.\n * @cssproperty --label-color - The color of the label.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/progress-bar",
           "status": "stable",
-          "since": "1.0",
-          "dependencies": [
-            "terra-example"
-          ]
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -13075,8 +13266,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraPlotToolbar",
-            "module": "components/plot-toolbar/plot-toolbar.js"
+            "name": "TerraProgressBar",
+            "module": "components/progress-bar/progress-bar.js"
           }
         }
       ]
@@ -13641,177 +13832,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/progress-bar/progress-bar.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TerraProgressBar",
-          "cssProperties": [
-            {
-              "description": "The progress bar's height.",
-              "name": "--height"
-            },
-            {
-              "description": "The color of the track.",
-              "name": "--track-color"
-            },
-            {
-              "description": "The color of the indicator.",
-              "name": "--indicator-color"
-            },
-            {
-              "description": "The color of the label.",
-              "name": "--label-color"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The progress bar's indicator.",
-              "name": "indicator"
-            },
-            {
-              "description": "The progress bar's label.",
-              "name": "label"
-            }
-          ],
-          "slots": [
-            {
-              "description": "A label to show inside the progress indicator.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The current progress as a percentage, 0 to 100.",
-              "attribute": "value",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
-              "attribute": "indeterminate",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A custom label for assistive devices.",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The progress bar's theme variant.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "title"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The current progress as a percentage, 0 to 100.",
-              "fieldName": "value"
-            },
-            {
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
-              "fieldName": "indeterminate"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A custom label for assistive devices.",
-              "fieldName": "label"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The progress bar's theme variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "title"
-            }
-          ],
-          "superclass": {
-            "name": "TerraElement",
-            "module": "/src/internal/terra-element.js"
-          },
-          "summary": "Progress bars are used to show the status of an ongoing operation.",
-          "tagNameWithoutPrefix": "progress-bar",
-          "tagName": "terra-progress-bar",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Progress bars are used to show the status of an ongoing operation.\n * @documentation https://terra-ui.netlify.app/components/progress-bar\n * @status stable\n * @since 1.0\n *\n * @slot - A label to show inside the progress indicator.\n *\n * @csspart base - The component's base wrapper.\n * @csspart indicator - The progress bar's indicator.\n * @csspart label - The progress bar's label.\n *\n * @cssproperty --height - The progress bar's height.\n * @cssproperty --track-color - The color of the track.\n * @cssproperty --indicator-color - The color of the indicator.\n * @cssproperty --label-color - The color of the label.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/progress-bar",
-          "status": "stable",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TerraProgressBar",
-            "module": "components/progress-bar/progress-bar.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/radio/radio.js",
@@ -14677,6 +14697,18 @@
             {
               "description": "The color of the pulsing ring.",
               "name": "--terra-scroll-hint-ring-color"
+            },
+            {
+              "description": "The background color of the icon circle in inverse mode.",
+              "name": "--terra-scroll-hint-inverse-background-color"
+            },
+            {
+              "description": "The color of the chevron icon in inverse mode.",
+              "name": "--terra-scroll-hint-inverse-icon-color"
+            },
+            {
+              "description": "The color of the text in inverse mode.",
+              "name": "--terra-scroll-hint-inverse-text-color"
             }
           ],
           "cssParts": [
@@ -14728,13 +14760,13 @@
             },
             {
               "kind": "field",
-              "name": "dark",
+              "name": "inverse",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background.",
-              "attribute": "dark",
+              "description": "When true, forces inverse mode styles regardless of system preference. Useful when placing the component on a dark background.",
+              "attribute": "inverse",
               "reflects": true
             },
             {
@@ -14859,13 +14891,13 @@
               "fieldName": "inline"
             },
             {
-              "name": "dark",
+              "name": "inverse",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background.",
-              "fieldName": "dark"
+              "description": "When true, forces inverse mode styles regardless of system preference. Useful when placing the component on a dark background.",
+              "fieldName": "inverse"
             },
             {
               "name": "inactivityDelay",
@@ -14885,7 +14917,7 @@
           "tagNameWithoutPrefix": "scroll-hint",
           "tagName": "terra-scroll-hint",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Scroll hint is an animated button that prompts visitors to scroll.\n * @documentation https://terra-ui.netlify.app/components/scroll-hint\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @event terra-scroll - Emitted when the scroll hint is clicked and scrolling begins.\n *\n * @csspart base - The component's base wrapper.\n * @csspart button - The clickable button element.\n * @csspart icon-container - The container for the icon and pulsing ring.\n * @csspart icon - The chevron icon.\n * @csspart ring - The pulsing ring around the icon.\n * @csspart text - The \"SCROLL TO CONTINUE\" text.\n *\n * @cssproperty --terra-scroll-hint-icon-background-color - The background color of the icon circle.\n * @cssproperty --terra-scroll-hint-icon-color - The color of the chevron icon.\n * @cssproperty --terra-scroll-hint-text-color - The color of the text.\n * @cssproperty --terra-scroll-hint-ring-color - The color of the pulsing ring.\n */",
+          "jsDoc": "/**\n * @summary Scroll hint is an animated button that prompts visitors to scroll.\n * @documentation https://terra-ui.netlify.app/components/scroll-hint\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @event terra-scroll - Emitted when the scroll hint is clicked and scrolling begins.\n *\n * @csspart base - The component's base wrapper.\n * @csspart button - The clickable button element.\n * @csspart icon-container - The container for the icon and pulsing ring.\n * @csspart icon - The chevron icon.\n * @csspart ring - The pulsing ring around the icon.\n * @csspart text - The \"SCROLL TO CONTINUE\" text.\n *\n * @cssproperty --terra-scroll-hint-icon-background-color - The background color of the icon circle.\n * @cssproperty --terra-scroll-hint-icon-color - The color of the chevron icon.\n * @cssproperty --terra-scroll-hint-text-color - The color of the text.\n * @cssproperty --terra-scroll-hint-ring-color - The color of the pulsing ring.\n * @cssproperty --terra-scroll-hint-inverse-background-color - The background color of the icon circle in inverse mode.\n * @cssproperty --terra-scroll-hint-inverse-icon-color - The color of the chevron icon in inverse mode.\n * @cssproperty --terra-scroll-hint-inverse-text-color - The color of the text in inverse mode.\n */",
           "documentation": "https://terra-ui.netlify.app/components/scroll-hint",
           "status": "stable",
           "since": "1.0",
@@ -17918,11 +17950,11 @@
           "cssProperties": [
             {
               "description": "The color of the active tab indicator.",
-              "name": "--terra-tabs-indicator-color"
+              "name": "--terra-tab-indicator-selected"
             },
             {
               "description": "The color of the indicator's track (the line that separates tabs from panels).",
-              "name": "--terra-tabs-track-color"
+              "name": "--terra-tab-track-color"
             },
             {
               "description": "The width of the indicator's track (the line that separates tabs from panels).",
@@ -18376,7 +18408,7 @@
           "tagNameWithoutPrefix": "tabs",
           "tagName": "terra-tabs",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Tabs organize content into a container that shows one section at a time.\n * @documentation https://terra-ui.netlify.app/components/tabs\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @slot - Used for grouping tab panels in the tabs component. Must be `<terra-tab-panel>` elements.\n * @slot nav - Used for grouping tabs in the tabs component. Must be `<terra-tab>` elements.\n *\n * @event {{ name: String }} terra-tab-show - Emitted when a tab is shown.\n * @event {{ name: String }} terra-tab-hide - Emitted when a tab is hidden.\n *\n * @csspart base - The component's base wrapper.\n * @csspart nav - The tabs' navigation container where tabs are slotted in.\n * @csspart tabs - The container that wraps the tabs.\n * @csspart active-tab-indicator - The line that highlights the currently selected tab.\n * @csspart body - The tabs' body where tab panels are slotted in.\n * @csspart scroll-button - The previous/next scroll buttons that show when tabs are scrollable.\n * @csspart scroll-button--start - The starting scroll button.\n * @csspart scroll-button--end - The ending scroll button.\n *\n * @cssproperty --terra-tabs-indicator-color - The color of the active tab indicator.\n * @cssproperty --terra-tabs-track-color - The color of the indicator's track (the line that separates tabs from panels).\n * @cssproperty --terra-tabs-track-width - The width of the indicator's track (the line that separates tabs from panels).\n */",
+          "jsDoc": "/**\n * @summary Tabs organize content into a container that shows one section at a time.\n * @documentation https://terra-ui.netlify.app/components/tabs\n * @status stable\n * @since 1.0\n *\n * @dependency terra-icon\n *\n * @slot - Used for grouping tab panels in the tabs component. Must be `<terra-tab-panel>` elements.\n * @slot nav - Used for grouping tabs in the tabs component. Must be `<terra-tab>` elements.\n *\n * @event {{ name: String }} terra-tab-show - Emitted when a tab is shown.\n * @event {{ name: String }} terra-tab-hide - Emitted when a tab is hidden.\n *\n * @csspart base - The component's base wrapper.\n * @csspart nav - The tabs' navigation container where tabs are slotted in.\n * @csspart tabs - The container that wraps the tabs.\n * @csspart active-tab-indicator - The line that highlights the currently selected tab.\n * @csspart body - The tabs' body where tab panels are slotted in.\n * @csspart scroll-button - The previous/next scroll buttons that show when tabs are scrollable.\n * @csspart scroll-button--start - The starting scroll button.\n * @csspart scroll-button--end - The ending scroll button.\n *\n * @cssproperty --terra-tab-indicator-selected - The color of the active tab indicator.\n * @cssproperty --terra-tab-track-color - The color of the indicator's track (the line that separates tabs from panels).\n * @cssproperty --terra-tabs-track-width - The width of the indicator's track (the line that separates tabs from panels).\n */",
           "documentation": "https://terra-ui.netlify.app/components/tabs",
           "status": "stable",
           "since": "1.0",
@@ -20714,9 +20746,9 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+                "text": "| 'primary'\n        | 'information'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
               },
-              "default": "'primary'",
+              "default": "'information'",
               "description": "The toast's theme variant.",
               "attribute": "variant",
               "reflects": true
@@ -20786,11 +20818,11 @@
                 },
                 {
                   "name": "variant",
-                  "default": "'primary'",
+                  "default": "'information'",
                   "type": {
-                    "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+                    "text": "| 'primary'\n            | 'information'\n            | 'success'\n            | 'neutral'\n            | 'warning'\n            | 'danger'"
                   },
-                  "description": "The toast variant. Defaults to 'primary'."
+                  "description": "The toast variant. Defaults to 'information'."
                 },
                 {
                   "name": "icon",
@@ -20839,9 +20871,9 @@
             {
               "name": "variant",
               "type": {
-                "text": "| 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
+                "text": "| 'primary'\n        | 'information'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'"
               },
-              "default": "'primary'",
+              "default": "'information'",
               "description": "The toast's theme variant.",
               "fieldName": "variant"
             },
@@ -22558,7 +22590,7 @@
   "package": {
     "name": "@nasa-terra/components",
     "description": "A collection of NASA Earthdata components",
-    "version": "0.0.188",
+    "version": "0.0.191",
     "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
     "homepage": "https://github.com/nasa/terra-ui-components",
     "license": "MIT"