@nasa-terra/components 0.0.189 → 0.0.192

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

@@ -45,6 +45,7 @@
           "values": [
             { "name": "" },
             { "name": "primary" },
+            { "name": "information" },
             { "name": "success" },
             { "name": "neutral" },
             { "name": "warning" },
@@ -53,8 +54,12 @@
         },
         {
           "name": "appearance",
-          "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.",
-          "values": [{ "name": "filled" }, { "name": "white" }]
+          "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.",
+          "values": [
+            { "name": "filled" },
+            { "name": "white" },
+            { "name": "subtle" }
+          ]
         },
         {
           "name": "duration",
@@ -125,10 +130,10 @@
           "values": [
             { "name": "" },
             { "name": "primary" },
+            { "name": "information" },
             { "name": "success" },
             { "name": "neutral" },
             { "name": "warning" },
-            { "name": "info" },
             { "name": "danger" }
           ]
         },
@@ -184,7 +189,7 @@
     },
     {
       "name": "terra-breadcrumb",
-      "description": "A single breadcrumb item used inside `terra-breadcrumbs`.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--terra-breadcrumb-color** - The text color of inactive breadcrumbs. _(default: undefined)_\n- **--terra-breadcrumb-color-current** - The text color of the current (last) breadcrumb. _(default: undefined)_\n- **--terra-breadcrumb-color-visited** - The text color of visited breadcrumb links. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **link** - The breadcrumb link element.\n- **label** - The breadcrumb label element when not a link.",
+      "description": "A single breadcrumb item used inside `terra-breadcrumbs`.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--terra-breadcrumb-text-default** - The text color of inactive breadcrumbs. _(default: undefined)_\n- **--terra-breadcrumb-text-current** - The text color of the current (last) breadcrumb. _(default: undefined)_\n- **--terra-breadcrumb-text-visited** - The text color of visited breadcrumb links. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **link** - The breadcrumb link element.\n- **label** - The breadcrumb label element when not a link.",
       "attributes": [
         {
           "name": "href",
@@ -256,6 +261,7 @@
             { "name": "" },
             { "name": "default" },
             { "name": "primary" },
+            { "name": "cta" },
             { "name": "success" },
             { "name": "warning" },
             { "name": "danger" },
@@ -812,7 +818,17 @@
         { "name": "hideClearAll", "values": [] },
         { "name": "clearAllLabel", "values": [] },
         { "name": "use-end-of-day", "values": [] },
-        { "name": "closable", "values": [] }
+        { "name": "closable", "values": [] },
+        {
+          "name": "timezone",
+          "description": "IANA timezone identifier for display (e.g. 'America/New_York'). Affects time display only; internal values remain UTC.",
+          "values": []
+        },
+        {
+          "name": "twelve-hour",
+          "description": "Display time in 12-hour format with AM/PM. Requires enable-time. Internal values remain UTC.",
+          "values": []
+        }
       ],
       "references": [
         {
@@ -1381,7 +1397,7 @@
     },
     {
       "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.",
+      "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- **--terra-options-item-text** - The text color of the option. _(default: undefined)_\n- **--terra-options-item-text-hover** - The text color of the option on hover. _(default: undefined)_\n- **--terra-options-item-text-active** - The text color of the option when active. _(default: undefined)_\n- **--terra-options-item-background-hover** - The background color of the option on hover. _(default: undefined)_\n- **--terra-options-item-background-active** - The background color of the option when active. _(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.",
       "attributes": [
         {
           "name": "value",
@@ -1457,6 +1473,45 @@
         }
       ]
     },
+    {
+      "name": "terra-plot-toolbar",
+      "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--terra-plot-toolbar-help-menu-display** - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        { "name": "catalogVariable", "values": [{ "name": "Variable" }] },
+        { "name": "variableEntryId", "values": [] },
+        { "name": "plot", "values": [{ "name": "TerraPlot" }] },
+        {
+          "name": "timeSeriesData",
+          "values": [{ "name": "Partial<Plotly.Data>[]" }, { "name": "Blob" }]
+        },
+        { "name": "location", "values": [] },
+        { "name": "startDate", "values": [] },
+        { "name": "endDate", "values": [] },
+        { "name": "cacheKey", "values": [] },
+        { "name": "dataType", "values": [{ "name": "DataType" }] },
+        { "name": "show-location", "values": [] },
+        { "name": "show-date-range", "values": [] },
+        { "name": "colormaps", "values": [{ "name": "string[]" }] },
+        { "name": "color-map-name", "values": [] },
+        { "name": "opacity", "values": [] },
+        { "name": "show-citation", "values": [] },
+        { "name": "show-help", "values": [] },
+        {
+          "name": "application-citation",
+          "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
+          "values": []
+        },
+        { "name": "mobileView", "values": [] },
+        { "name": "productLabel", "values": [] },
+        { "name": "bottomSheetDragY", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://terra-ui.netlify.app/components/plot-toolbar"
+        }
+      ]
+    },
     {
       "name": "terra-popup",
       "description": "Popup is a utility that lets you declaratively anchor \"popup\" containers to another element.\n---\n\n\n### **Events:**\n - **terra-reposition** - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.\n\n### **Methods:**\n - **reposition()** - Forces the popup to recalculate and reposition itself.\n\n### **Slots:**\n - _default_ - The popup's content.\n- **anchor** - The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the `anchor` attribute or property instead.\n\n### **CSS Properties:**\n - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_\n- **--arrow-color** - The color of the arrow. _(default: var(--terra-color-carbon-black))_\n- **--auto-size-available-width** - A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n- **--auto-size-available-height** - A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n\n### **CSS Parts:**\n - **arrow** - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.\n- **popup** - The popup's container. Useful for setting a background color, box shadow, etc.\n- **hover-bridge** - The hover bridge element. Only available when the `hover-bridge` option is enabled.",
@@ -1611,45 +1666,6 @@
         }
       ]
     },
-    {
-      "name": "terra-plot-toolbar",
-      "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--terra-plot-toolbar-help-menu-display** - Controls the display of the help menu button. Set to `none` to hide it. Defaults to `flex`. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
-        { "name": "catalogVariable", "values": [{ "name": "Variable" }] },
-        { "name": "variableEntryId", "values": [] },
-        { "name": "plot", "values": [{ "name": "TerraPlot" }] },
-        {
-          "name": "timeSeriesData",
-          "values": [{ "name": "Partial<Plotly.Data>[]" }, { "name": "Blob" }]
-        },
-        { "name": "location", "values": [] },
-        { "name": "startDate", "values": [] },
-        { "name": "endDate", "values": [] },
-        { "name": "cacheKey", "values": [] },
-        { "name": "dataType", "values": [{ "name": "DataType" }] },
-        { "name": "show-location", "values": [] },
-        { "name": "show-date-range", "values": [] },
-        { "name": "colormaps", "values": [{ "name": "string[]" }] },
-        { "name": "color-map-name", "values": [] },
-        { "name": "opacity", "values": [] },
-        { "name": "show-citation", "values": [] },
-        { "name": "show-help", "values": [] },
-        {
-          "name": "application-citation",
-          "description": "if you include an application citation, it will be displayed in the citation panel alongside the dataset citation",
-          "values": []
-        },
-        { "name": "mobileView", "values": [] },
-        { "name": "productLabel", "values": [] },
-        { "name": "bottomSheetDragY", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://terra-ui.netlify.app/components/plot-toolbar"
-        }
-      ]
-    },
     {
       "name": "terra-progress-bar",
       "description": "Progress bars are used to show the status of an ongoing operation.\n---\n\n\n### **Slots:**\n - _default_ - A label to show inside the progress indicator.\n\n### **CSS Properties:**\n - **--height** - The progress bar's height. _(default: undefined)_\n- **--track-color** - The color of the track. _(default: undefined)_\n- **--indicator-color** - The color of the indicator. _(default: undefined)_\n- **--label-color** - The color of the label. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **indicator** - The progress bar's indicator.\n- **label** - The progress bar's label.",
@@ -1795,7 +1811,7 @@
     },
     {
       "name": "terra-scroll-hint",
-      "description": "Scroll hint is an animated button that prompts visitors to scroll.\n---\n\n\n### **Events:**\n - **terra-scroll** - Emitted when the scroll hint is clicked and scrolling begins.\n\n### **CSS Properties:**\n - **--terra-scroll-hint-icon-background-color** - The background color of the icon circle. _(default: undefined)_\n- **--terra-scroll-hint-icon-color** - The color of the chevron icon. _(default: undefined)_\n- **--terra-scroll-hint-text-color** - The color of the text. _(default: undefined)_\n- **--terra-scroll-hint-ring-color** - The color of the pulsing ring. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **button** - The clickable button element.\n- **icon-container** - The container for the icon and pulsing ring.\n- **icon** - The chevron icon.\n- **ring** - The pulsing ring around the icon.\n- **text** - The \"SCROLL TO CONTINUE\" text.",
+      "description": "Scroll hint is an animated button that prompts visitors to scroll.\n---\n\n\n### **Events:**\n - **terra-scroll** - Emitted when the scroll hint is clicked and scrolling begins.\n\n### **CSS Properties:**\n - **--terra-scroll-hint-icon-background-color** - The background color of the icon circle. _(default: undefined)_\n- **--terra-scroll-hint-icon-color** - The color of the chevron icon. _(default: undefined)_\n- **--terra-scroll-hint-text-color** - The color of the text. _(default: undefined)_\n- **--terra-scroll-hint-ring-color** - The color of the pulsing ring. _(default: undefined)_\n- **--terra-scroll-hint-inverse-background-color** - The background color of the icon circle in inverse mode. _(default: undefined)_\n- **--terra-scroll-hint-inverse-icon-color** - The color of the chevron icon in inverse mode. _(default: undefined)_\n- **--terra-scroll-hint-inverse-text-color** - The color of the text in inverse mode. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **button** - The clickable button element.\n- **icon-container** - The container for the icon and pulsing ring.\n- **icon** - The chevron icon.\n- **ring** - The pulsing ring around the icon.\n- **text** - The \"SCROLL TO CONTINUE\" text.",
       "attributes": [
         {
           "name": "inline",
@@ -1803,8 +1819,8 @@
           "values": []
         },
         {
-          "name": "dark",
-          "description": "When true, forces dark mode styles regardless of system preference. Useful when placing the component on a dark background.",
+          "name": "inverse",
+          "description": "When true, forces inverse mode styles regardless of system preference. Useful when placing the component on a dark background.",
           "values": []
         },
         {
@@ -2083,6 +2099,11 @@
           "description": "Whether bounding box selection is allowed via the draw toolbar.\nMirrors the terra-map attribute name for consistency.",
           "values": []
         },
+        {
+          "name": "show-polygon-selection",
+          "description": "Whether polygon selection is allowed via the draw toolbar.\nMirrors the terra-map attribute name for consistency.",
+          "values": []
+        },
         { "name": "hide-bounding-box-selection", "values": [] },
         {
           "name": "show-point-selection",
@@ -2262,7 +2283,7 @@
     },
     {
       "name": "terra-tabs",
-      "description": "Tabs organize content into a container that shows one section at a time.\n---\n\n\n### **Events:**\n - **terra-tab-show** - Emitted when a tab is shown.\n- **terra-tab-hide** - Emitted when a tab is hidden.\n\n### **Methods:**\n - **show(panel: _string_)** - Shows the specified tab panel.\n\n### **Slots:**\n - _default_ - Used for grouping tab panels in the tabs component. Must be `<terra-tab-panel>` elements.\n- **nav** - Used for grouping tabs in the tabs component. Must be `<terra-tab>` elements.\n\n### **CSS Properties:**\n - **--terra-tabs-indicator-color** - The color of the active tab indicator. _(default: undefined)_\n- **--terra-tabs-track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_\n- **--terra-tabs-track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The tabs' navigation container where tabs are slotted in.\n- **tabs** - The container that wraps the tabs.\n- **active-tab-indicator** - The line that highlights the currently selected tab.\n- **body** - The tabs' body where tab panels are slotted in.\n- **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable.\n- **scroll-button--start** - The starting scroll button.\n- **scroll-button--end** - The ending scroll button.",
+      "description": "Tabs organize content into a container that shows one section at a time.\n---\n\n\n### **Events:**\n - **terra-tab-show** - Emitted when a tab is shown.\n- **terra-tab-hide** - Emitted when a tab is hidden.\n\n### **Methods:**\n - **show(panel: _string_)** - Shows the specified tab panel.\n\n### **Slots:**\n - _default_ - Used for grouping tab panels in the tabs component. Must be `<terra-tab-panel>` elements.\n- **nav** - Used for grouping tabs in the tabs component. Must be `<terra-tab>` elements.\n\n### **CSS Properties:**\n - **--terra-tab-indicator-selected** - The color of the active tab indicator. _(default: undefined)_\n- **--terra-tab-track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_\n- **--terra-tabs-track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The tabs' navigation container where tabs are slotted in.\n- **tabs** - The container that wraps the tabs.\n- **active-tab-indicator** - The line that highlights the currently selected tab.\n- **body** - The tabs' body where tab panels are slotted in.\n- **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable.\n- **scroll-button--start** - The starting scroll button.\n- **scroll-button--end** - The ending scroll button.",
       "attributes": [
         {
           "name": "placement",
@@ -2518,7 +2539,7 @@
     },
     {
       "name": "terra-toast",
-      "description": "Toasts are used to display brief, non-intrusive notifications that appear temporarily.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the toast opens.\n- **terra-after-show** - Emitted after the toast opens and all animations are complete.\n- **terra-hide** - Emitted when the toast closes.\n- **terra-after-hide** - Emitted after the toast closes and all animations are complete.\n\n### **Methods:**\n - **toast()** - Displays the toast as a notification. This will move the toast out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by\ncalling this method again. The returned promise will resolve after the toast is hidden.\n- **show()** - Shows the toast.\n- **hide()** - Hides the toast.\n- **notify(message: _string_, variant: _'primary' | 'success' | 'neutral' | 'warning' | 'danger'_, icon: _string_, duration): __** - Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the\nbody, and displays it as a notification.\n\n### **Slots:**\n - _default_ - The toast's main content.\n- **icon** - An icon to show in the toast. Works best with `<terra-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, an `<terra-alert>` element.\n- **base__base** - The alert's exported `base` part.\n- **base__icon** - The alert's exported `icon` part.\n- **base__message** - The alert's exported `message` part.",
+      "description": "Toasts are used to display brief, non-intrusive notifications that appear temporarily.\n---\n\n\n### **Events:**\n - **terra-show** - Emitted when the toast opens.\n- **terra-after-show** - Emitted after the toast opens and all animations are complete.\n- **terra-hide** - Emitted when the toast closes.\n- **terra-after-hide** - Emitted after the toast closes and all animations are complete.\n\n### **Methods:**\n - **toast()** - Displays the toast as a notification. This will move the toast out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the toast, you can reuse it by\ncalling this method again. The returned promise will resolve after the toast is hidden.\n- **show()** - Shows the toast.\n- **hide()** - Hides the toast.\n- **notify(message: _string_, variant: _| 'primary'\n            | 'information'\n            | 'success'\n            | 'neutral'\n            | 'warning'\n            | 'danger'_, icon: _string_, duration): __** - Creates a toast notification imperatively. This is a convenience method that creates a toast, appends it to the\nbody, and displays it as a notification.\n\n### **Slots:**\n - _default_ - The toast's main content.\n- **icon** - An icon to show in the toast. Works best with `<terra-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, an `<terra-alert>` element.\n- **base__base** - The alert's exported `base` part.\n- **base__icon** - The alert's exported `icon` part.\n- **base__message** - The alert's exported `message` part.",
       "attributes": [
         {
           "name": "variant",
@@ -2526,6 +2547,7 @@
           "values": [
             { "name": "" },
             { "name": "primary" },
+            { "name": "information" },
             { "name": "success" },
             { "name": "neutral" },
             { "name": "warning" },