@nasa-terra/components 0.0.173 → 0.0.174

package/dist/custom-elements.json

@@ -769,99 +769,194 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb/breadcrumb.js",
+      "path": "components/banner/banner.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraBreadcrumb",
-          "cssProperties": [
-            {
-              "description": "The text color of inactive breadcrumbs.",
-              "name": "--terra-breadcrumb-color"
-            },
-            {
-              "description": "The text color of the current (last) breadcrumb.",
-              "name": "--terra-breadcrumb-color-current"
-            },
-            {
-              "description": "The text color of visited breadcrumb links.",
-              "name": "--terra-breadcrumb-color-visited"
-            }
-          ],
+          "name": "TerraBanner",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
             },
             {
-              "description": "The breadcrumb link element.",
-              "name": "link"
+              "description": "The container that wraps the optional icon.",
+              "name": "icon"
             },
             {
-              "description": "The breadcrumb label element when not a link.",
-              "name": "label"
+              "description": "The container that wraps the banner's main content.",
+              "name": "message"
             }
           ],
           "slots": [
             {
-              "description": "The default slot.",
+              "description": "The banner's main content.",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "href",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "default": "new HasSlotController(this, 'icon', 'suffix')"
+            },
+            {
+              "kind": "field",
+              "name": "base",
               "type": {
-                "text": "string | undefined"
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
               },
-              "description": "The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text.",
-              "attribute": "href"
+              "default": "false",
+              "description": "Indicates whether or not the banner is open. You can toggle this attribute to show and hide the banner, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the banner's open state.",
+              "attribute": "open",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "current",
+              "name": "closable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates that this breadcrumb represents the current page.\nWhen set, `aria-current=\"page\"` will be applied to the underlying element.",
-              "attribute": "current",
+              "description": "Enables a close button that allows the user to dismiss the banner.",
+              "attribute": "closable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'neutral' | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The banner's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "sticky",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "sticky",
               "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "handleClose",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the banner."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the banner"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the banner opens.",
+              "name": "terra-show",
+              "reactName": "onTerraShow",
+              "eventName": "TerraShowEvent"
+            },
+            {
+              "description": "Emitted after the banner opens and all animations are complete.",
+              "name": "terra-after-show",
+              "reactName": "onTerraAfterShow",
+              "eventName": "TerraAfterShowEvent"
+            },
+            {
+              "description": "Emitted when the banner closes.",
+              "name": "terra-hide",
+              "reactName": "onTerraHide",
+              "eventName": "TerraHideEvent"
+            },
+            {
+              "description": "Emitted after the banner closes and all animations are complete.",
+              "name": "terra-after-hide",
+              "reactName": "onTerraAfterHide",
+              "eventName": "TerraAfterHideEvent"
             }
           ],
           "attributes": [
             {
-              "name": "href",
+              "name": "open",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text.",
-              "fieldName": "href"
+              "default": "false",
+              "description": "Indicates whether or not the banner is open. You can toggle this attribute to show and hide the banner, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the banner's open state.",
+              "fieldName": "open"
             },
             {
-              "name": "current",
+              "name": "closable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates that this breadcrumb represents the current page.\nWhen set, `aria-current=\"page\"` will be applied to the underlying element.",
-              "fieldName": "current"
+              "description": "Enables a close button that allows the user to dismiss the banner.",
+              "fieldName": "closable"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'neutral' | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The banner's theme variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "sticky",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "sticky"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "A single breadcrumb item used inside `terra-breadcrumbs`.",
-          "tagNameWithoutPrefix": "breadcrumb",
-          "tagName": "terra-breadcrumb",
+          "summary": "Banners are used to display important messages on top of the header.",
+          "tagNameWithoutPrefix": "banner",
+          "tagName": "terra-banner",
           "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 */",
-          "documentation": "https://terra-ui.netlify.app/components/breadcrumb",
+          "jsDoc": "/**\n * @summary Banners are used to display important messages on top of the header.\n * @documentation https://terra-ui.netlify.app/components/banner\n * @status stable\n * @since 1.0\n *\n * @slot - The banner's main content.\n *\n * @event terra-show - Emitted when the banner opens.\n * @event terra-after-show - Emitted after the banner opens and all animations are complete.\n * @event terra-hide - Emitted when the banner closes.\n * @event terra-after-hide - Emitted after the banner 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 banner's main content.\n *\n * @animation banner.show - The animation to use when showing the banner.\n * @animation banner.hide - The animation to use when hiding the banner.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/banner",
           "status": "stable",
-          "since": "1.0"
+          "since": "1.0",
+          "animations": [
+            {
+              "name": "banner.show",
+              "description": "The animation to use when showing the banner."
+            },
+            {
+              "name": "banner.hide",
+              "description": "The animation to use when hiding the banner."
+            }
+          ]
         }
       ],
       "exports": [
@@ -869,24 +964,32 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraBreadcrumb",
-            "module": "components/breadcrumb/breadcrumb.js"
+            "name": "TerraBanner",
+            "module": "components/banner/banner.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumbs/breadcrumbs.js",
+      "path": "components/breadcrumb/breadcrumb.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TerraBreadcrumbs",
+          "name": "TerraBreadcrumb",
           "cssProperties": [
             {
-              "description": "The space between breadcrumbs.",
-              "name": "--terra-breadcrumbs-gap"
+              "description": "The text color of inactive breadcrumbs.",
+              "name": "--terra-breadcrumb-color"
+            },
+            {
+              "description": "The text color of the current (last) breadcrumb.",
+              "name": "--terra-breadcrumb-color-current"
+            },
+            {
+              "description": "The text color of visited breadcrumb links.",
+              "name": "--terra-breadcrumb-color-visited"
             }
           ],
           "cssParts": [
@@ -895,69 +998,71 @@
               "name": "base"
             },
             {
-              "description": "The navigation container.",
-              "name": "nav"
+              "description": "The breadcrumb link element.",
+              "name": "link"
+            },
+            {
+              "description": "The breadcrumb label element when not a link.",
+              "name": "label"
             }
           ],
           "slots": [
             {
-              "description": "The breadcrumb items. Typically `<terra-breadcrumb>` elements.",
+              "description": "The default slot.",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "href",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'Breadcrumb'",
-              "description": "Accessible label for the breadcrumb navigation.",
-              "attribute": "aria-label"
+              "description": "The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text.",
+              "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "theme",
+              "name": "current",
               "type": {
-                "text": "'light' | 'dark'"
+                "text": "boolean"
               },
-              "default": "'light'",
-              "description": "Color theme of the breadcrumbs, matching the Horizon Design System.",
-              "attribute": "theme",
+              "default": "false",
+              "description": "Indicates that this breadcrumb represents the current page.\nWhen set, `aria-current=\"page\"` will be applied to the underlying element.",
+              "attribute": "current",
               "reflects": true
             }
           ],
           "attributes": [
             {
-              "name": "aria-label",
+              "name": "href",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'Breadcrumb'",
-              "description": "Accessible label for the breadcrumb navigation.",
-              "fieldName": "ariaLabel"
+              "description": "The URL the breadcrumb points to. When omitted, the breadcrumb is rendered as plain text.",
+              "fieldName": "href"
             },
             {
-              "name": "theme",
+              "name": "current",
               "type": {
-                "text": "'light' | 'dark'"
+                "text": "boolean"
               },
-              "default": "'light'",
-              "description": "Color theme of the breadcrumbs, matching the Horizon Design System.",
-              "fieldName": "theme"
+              "default": "false",
+              "description": "Indicates that this breadcrumb represents the current page.\nWhen set, `aria-current=\"page\"` will be applied to the underlying element.",
+              "fieldName": "current"
             }
           ],
           "superclass": {
             "name": "TerraElement",
             "module": "/src/internal/terra-element.js"
           },
-          "summary": "A collection of breadcrumb items that shows the current page's location in the site hierarchy.",
-          "tagNameWithoutPrefix": "breadcrumbs",
-          "tagName": "terra-breadcrumbs",
+          "summary": "A single breadcrumb item used inside `terra-breadcrumbs`.",
+          "tagNameWithoutPrefix": "breadcrumb",
+          "tagName": "terra-breadcrumb",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A collection of breadcrumb items that shows the current page's location in the site hierarchy.\n * @documentation https://terra-ui.netlify.app/components/breadcrumbs\n * @status stable\n * @since 1.0\n *\n * @slot - The breadcrumb items. Typically `<terra-breadcrumb>` elements.\n *\n * @csspart base - The component's base wrapper.\n * @csspart nav - The navigation container.\n *\n * @cssproperty --terra-breadcrumbs-gap - The space between breadcrumbs.\n */",
-          "documentation": "https://terra-ui.netlify.app/components/breadcrumbs",
+          "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 */",
+          "documentation": "https://terra-ui.netlify.app/components/breadcrumb",
           "status": "stable",
           "since": "1.0"
         }
@@ -967,8 +1072,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TerraBreadcrumbs",
-            "module": "components/breadcrumbs/breadcrumbs.js"
+            "name": "TerraBreadcrumb",
+            "module": "components/breadcrumb/breadcrumb.js"
           }
         }
       ]
@@ -1307,6 +1412,104 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/breadcrumbs/breadcrumbs.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TerraBreadcrumbs",
+          "cssProperties": [
+            {
+              "description": "The space between breadcrumbs.",
+              "name": "--terra-breadcrumbs-gap"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The navigation container.",
+              "name": "nav"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The breadcrumb items. Typically `<terra-breadcrumb>` elements.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Breadcrumb'",
+              "description": "Accessible label for the breadcrumb navigation.",
+              "attribute": "aria-label"
+            },
+            {
+              "kind": "field",
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark'"
+              },
+              "default": "'light'",
+              "description": "Color theme of the breadcrumbs, matching the Horizon Design System.",
+              "attribute": "theme",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Breadcrumb'",
+              "description": "Accessible label for the breadcrumb navigation.",
+              "fieldName": "ariaLabel"
+            },
+            {
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark'"
+              },
+              "default": "'light'",
+              "description": "Color theme of the breadcrumbs, matching the Horizon Design System.",
+              "fieldName": "theme"
+            }
+          ],
+          "superclass": {
+            "name": "TerraElement",
+            "module": "/src/internal/terra-element.js"
+          },
+          "summary": "A collection of breadcrumb items that shows the current page's location in the site hierarchy.",
+          "tagNameWithoutPrefix": "breadcrumbs",
+          "tagName": "terra-breadcrumbs",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A collection of breadcrumb items that shows the current page's location in the site hierarchy.\n * @documentation https://terra-ui.netlify.app/components/breadcrumbs\n * @status stable\n * @since 1.0\n *\n * @slot - The breadcrumb items. Typically `<terra-breadcrumb>` elements.\n *\n * @csspart base - The component's base wrapper.\n * @csspart nav - The navigation container.\n *\n * @cssproperty --terra-breadcrumbs-gap - The space between breadcrumbs.\n */",
+          "documentation": "https://terra-ui.netlify.app/components/breadcrumbs",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TerraBreadcrumbs",
+            "module": "components/breadcrumbs/breadcrumbs.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/button/button.js",
@@ -21590,7 +21793,7 @@
   "package": {
     "name": "@nasa-terra/components",
     "description": "A collection of NASA Earthdata components",
-    "version": "0.0.173",
+    "version": "0.0.174",
     "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
     "homepage": "https://github.com/nasa/terra-ui-components",
     "license": "MIT"

package/dist/react/accordion/index.js

@@ -1,16 +1,16 @@
 import {
   accordion_default
-} from "../../chunks/chunk.Q22TEDZU.js";
-import "../../chunks/chunk.L3QGS6DM.js";
-import "../../chunks/chunk.DBJRHMP4.js";
-import "../../chunks/chunk.KUSRVQBO.js";
+} from "../../chunks/chunk.ZQ4YDF5U.js";
+import "../../chunks/chunk.X3GQAK23.js";
+import "../../chunks/chunk.YXTXQG56.js";
 import "../../chunks/chunk.GZ4HOM2F.js";
+import "../../chunks/chunk.KUSRVQBO.js";
 import "../../chunks/chunk.6RW5OQCP.js";
 import "../../chunks/chunk.7CMA526Q.js";
 import "../../chunks/chunk.PBC3S6IG.js";
 import "../../chunks/chunk.ETGKMYPQ.js";
 import "../../chunks/chunk.NWXJOH5T.js";
-import "../../chunks/chunk.VT5KHE7G.js";
+import "../../chunks/chunk.4JTABINI.js";
 import "../../chunks/chunk.LCV6WZ5X.js";
 import "../../chunks/chunk.SHKVBVTI.js";
 export {

package/dist/react/alert/index.js

@@ -1,11 +1,11 @@
 import {
   alert_default
-} from "../../chunks/chunk.53H2EA5M.js";
-import "../../chunks/chunk.AQSBCRI5.js";
+} from "../../chunks/chunk.6SXHMHRE.js";
+import "../../chunks/chunk.75V6PGSR.js";
 import "../../chunks/chunk.N5ZOPEYQ.js";
 import "../../chunks/chunk.7YRJKZ6R.js";
 import "../../chunks/chunk.NWXJOH5T.js";
-import "../../chunks/chunk.VT5KHE7G.js";
+import "../../chunks/chunk.4JTABINI.js";
 import "../../chunks/chunk.LCV6WZ5X.js";
 import "../../chunks/chunk.D74V2Y4N.js";
 import "../../chunks/chunk.SHKVBVTI.js";

package/dist/react/avatar/index.js

@@ -1,16 +1,16 @@
 import {
   avatar_default
-} from "../../chunks/chunk.3BVEL3JW.js";
-import "../../chunks/chunk.7PMNU4UI.js";
+} from "../../chunks/chunk.TFFE7BN3.js";
+import "../../chunks/chunk.QCJBU6RE.js";
 import "../../chunks/chunk.INXE5RBS.js";
-import "../../chunks/chunk.DBJRHMP4.js";
-import "../../chunks/chunk.KUSRVQBO.js";
+import "../../chunks/chunk.YXTXQG56.js";
 import "../../chunks/chunk.GZ4HOM2F.js";
+import "../../chunks/chunk.KUSRVQBO.js";
 import "../../chunks/chunk.6RW5OQCP.js";
 import "../../chunks/chunk.7CMA526Q.js";
 import "../../chunks/chunk.PBC3S6IG.js";
 import "../../chunks/chunk.NWXJOH5T.js";
-import "../../chunks/chunk.VT5KHE7G.js";
+import "../../chunks/chunk.4JTABINI.js";
 import "../../chunks/chunk.LCV6WZ5X.js";
 import "../../chunks/chunk.SHKVBVTI.js";
 export {

package/dist/react/badge/index.js

@@ -1,9 +1,9 @@
 import {
   badge_default
-} from "../../chunks/chunk.YW6LTV2C.js";
-import "../../chunks/chunk.XNUE63XD.js";
+} from "../../chunks/chunk.Q3IUUVSE.js";
+import "../../chunks/chunk.LEOVFOOK.js";
 import "../../chunks/chunk.F4BY2ABV.js";
-import "../../chunks/chunk.VT5KHE7G.js";
+import "../../chunks/chunk.4JTABINI.js";
 import "../../chunks/chunk.LCV6WZ5X.js";
 import "../../chunks/chunk.SHKVBVTI.js";
 export {

package/dist/react/banner/index.d.ts

@@ -0,0 +1,37 @@
+import Component from '../../components/banner/banner.component.js';
+import { type EventName } from '@lit/react';
+import type { TerraShowEvent } from '../../events/events.js';
+import type { TerraAfterShowEvent } from '../../events/events.js';
+import type { TerraHideEvent } from '../../events/events.js';
+import type { TerraAfterHideEvent } from '../../events/events.js';
+export type { TerraShowEvent } from '../../events/events.js';
+export type { TerraAfterShowEvent } from '../../events/events.js';
+export type { TerraHideEvent } from '../../events/events.js';
+export type { TerraAfterHideEvent } from '../../events/events.js';
+/**
+ * @summary Banners are used to display important messages on top of the header.
+ * @documentation https://terra-ui.netlify.app/components/banner
+ * @status stable
+ * @since 1.0
+ *
+ * @slot - The banner's main content.
+ *
+ * @event terra-show - Emitted when the banner opens.
+ * @event terra-after-show - Emitted after the banner opens and all animations are complete.
+ * @event terra-hide - Emitted when the banner closes.
+ * @event terra-after-hide - Emitted after the banner closes and all animations are complete.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart icon - The container that wraps the optional icon.
+ * @csspart message - The container that wraps the banner's main content.
+ *
+ * @animation banner.show - The animation to use when showing the banner.
+ * @animation banner.hide - The animation to use when hiding the banner.
+ */
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onTerraShow: EventName<TerraShowEvent>;
+    onTerraAfterShow: EventName<TerraAfterShowEvent>;
+    onTerraHide: EventName<TerraHideEvent>;
+    onTerraAfterHide: EventName<TerraAfterHideEvent>;
+}>;
+export default reactWrapper;

package/dist/react/banner/index.js

@@ -0,0 +1,14 @@
+import {
+  banner_default
+} from "../../chunks/chunk.LZSDXMQ2.js";
+import "../../chunks/chunk.DVTFT5PU.js";
+import "../../chunks/chunk.LO722BLM.js";
+import "../../chunks/chunk.N5ZOPEYQ.js";
+import "../../chunks/chunk.7YRJKZ6R.js";
+import "../../chunks/chunk.NWXJOH5T.js";
+import "../../chunks/chunk.4JTABINI.js";
+import "../../chunks/chunk.LCV6WZ5X.js";
+import "../../chunks/chunk.SHKVBVTI.js";
+export {
+  banner_default as default
+};

package/dist/react/breadcrumb/index.js

@@ -1,9 +1,9 @@
 import {
   breadcrumb_default
-} from "../../chunks/chunk.5YMG2KJ6.js";
-import "../../chunks/chunk.LUYFVAMD.js";
+} from "../../chunks/chunk.M6E64BGI.js";
+import "../../chunks/chunk.RB3U57XZ.js";
 import "../../chunks/chunk.MLJKAT2G.js";
-import "../../chunks/chunk.VT5KHE7G.js";
+import "../../chunks/chunk.4JTABINI.js";
 import "../../chunks/chunk.LCV6WZ5X.js";
 import "../../chunks/chunk.SHKVBVTI.js";
 export {