@nasa-terra/components 0.0.6 → 0.0.9

package/dist/web-types.json

@@ -1,291 +1,159 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.6",
+  "version": "0.0.9",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
         {
-          "name": "terra-button",
-          "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<sl-icon>` element.\n- **spinner** - The spinner that shows when the button is in the loading state.",
+          "name": "terra-browse-variables",
+          "description": "Browse through the Giovanni catalog.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
           "doc-url": "",
           "attributes": [
-            { "name": "title", "value": { "type": "string", "default": "''" } },
             {
-              "name": "variant",
-              "description": "The button's theme variant.",
-              "value": {
-                "type": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'\n        | 'text'",
-                "default": "'default'"
-              }
+              "name": "searchQuery",
+              "description": "Filters the catalog categories and facets by the given searchQuery\nIf not provided, all categories and facets will be available to browse",
+              "value": { "type": "string" }
             },
+            {
+              "name": "catalog",
+              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+              "value": { "type": "'giovanni'", "default": "'giovanni'" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "searchQuery",
+                "description": "Filters the catalog categories and facets by the given searchQuery\nIf not provided, all categories and facets will be available to browse",
+                "type": "string"
+              },
+              {
+                "name": "catalog",
+                "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+                "type": "'giovanni'"
+              },
+              { "name": "selectedFacetFields", "type": "SelectedFacetField[]" },
+              { "name": "handleFacetSelect" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-chip",
+          "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
+          "doc-url": "",
+          "attributes": [
             {
               "name": "size",
-              "description": "The button's size.",
               "value": {
                 "type": "'small' | 'medium' | 'large'",
                 "default": "'medium'"
               }
-            },
-            {
-              "name": "caret",
-              "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
-              "value": { "type": "boolean", "default": "false" }
-            },
+            }
+          ],
+          "slots": [{ "name": "", "description": "The chip's label." }],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "size", "type": "'small' | 'medium' | 'large'" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-combobox",
+          "description": "Fuzzy-search for combobox with list autocomplete.\n---\n\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
+          "doc-url": "",
+          "attributes": [
             {
-              "name": "disabled",
-              "description": "Disables the button.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "label",
+              "description": "Label the combobox with this.",
+              "value": { "type": "string", "default": "'Search for Items'" }
             },
             {
-              "name": "loading",
-              "description": "Draws the button in a loading state.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "name",
+              "description": "name the combobox with this.",
+              "value": { "type": "string", "default": "'Item'" }
             },
             {
-              "name": "outline",
-              "description": "Draws an outlined button.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "placeholder",
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "value": { "type": "string" }
             },
             {
-              "name": "pill",
-              "description": "Draws a pill-style button with rounded edges.",
+              "name": "hide-help",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "circle",
-              "description": "Draws a circular icon button. When this attribute is present, the button expects a single `<sl-icon>` in the\ndefault slot.",
+              "name": "hide-label",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "type",
-              "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
-              "value": {
-                "type": "'button' | 'submit' | 'reset'",
-                "default": "'button'"
-              }
-            },
-            {
-              "name": "name",
-              "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "value",
-              "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "href",
-              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "target",
-              "description": "Tells the browser where to open the link. Only used when `href` is present.",
-              "value": { "type": "'_blank' | '_parent' | '_self' | '_top'" }
-            },
-            {
-              "name": "rel",
-              "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
-              "value": { "type": "string", "default": "'noreferrer noopener'" }
-            },
-            {
-              "name": "download",
-              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "form",
-              "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "formaction",
-              "description": "Used to override the form owner's `action` attribute.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "formenctype",
-              "description": "Used to override the form owner's `enctype` attribute.",
+              "name": "status",
+              "description": "status of the content",
               "value": {
-                "type": "| 'application/x-www-form-urlencoded'\n        | 'multipart/form-data'\n        | 'text/plain'"
+                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'",
+                "default": "'INITIAL'"
               }
             },
             {
-              "name": "formmethod",
-              "description": "Used to override the form owner's `method` attribute.",
-              "value": { "type": "'post' | 'get'" }
-            },
-            {
-              "name": "formnovalidate",
-              "description": "Used to override the form owner's `novalidate` attribute.",
-              "value": { "type": "boolean" }
-            },
-            {
-              "name": "formtarget",
-              "description": "Used to override the form owner's `target` attribute.",
+              "name": "content",
+              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
               "value": {
-                "type": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | string"
+                "type": "Content",
+                "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }"
               }
             }
           ],
-          "slots": [
-            { "name": "", "description": "The button's label." },
-            {
-              "name": "prefix",
-              "description": "A presentational prefix icon or similar element."
-            },
-            {
-              "name": "suffix",
-              "description": "A presentational suffix icon or similar element."
-            }
-          ],
           "events": [],
           "js": {
             "properties": [
               {
-                "name": "button",
-                "type": "HTMLButtonElement | HTMLLinkElement"
-              },
-              { "name": "invalid", "type": "boolean" },
-              { "name": "title", "type": "string" },
-              {
-                "name": "variant",
-                "description": "The button's theme variant.",
-                "type": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'neutral'\n        | 'warning'\n        | 'danger'\n        | 'text'"
-              },
-              {
-                "name": "size",
-                "description": "The button's size.",
-                "type": "'small' | 'medium' | 'large'"
-              },
-              {
-                "name": "caret",
-                "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
-                "type": "boolean"
-              },
-              {
-                "name": "disabled",
-                "description": "Disables the button.",
-                "type": "boolean"
-              },
-              {
-                "name": "loading",
-                "description": "Draws the button in a loading state.",
-                "type": "boolean"
-              },
-              {
-                "name": "outline",
-                "description": "Draws an outlined button.",
-                "type": "boolean"
-              },
-              {
-                "name": "pill",
-                "description": "Draws a pill-style button with rounded edges.",
-                "type": "boolean"
-              },
-              {
-                "name": "circle",
-                "description": "Draws a circular icon button. When this attribute is present, the button expects a single `<sl-icon>` in the\ndefault slot.",
-                "type": "boolean"
-              },
-              {
-                "name": "type",
-                "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
-                "type": "'button' | 'submit' | 'reset'"
-              },
-              {
-                "name": "name",
-                "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
-                "type": "string"
-              },
-              {
-                "name": "value",
-                "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
-                "type": "string"
-              },
-              {
-                "name": "href",
-                "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-                "type": "string"
-              },
-              {
-                "name": "target",
-                "description": "Tells the browser where to open the link. Only used when `href` is present.",
-                "type": "'_blank' | '_parent' | '_self' | '_top'"
-              },
-              {
-                "name": "rel",
-                "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
+                "name": "label",
+                "description": "Label the combobox with this.",
                 "type": "string"
               },
               {
-                "name": "download",
-                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
-                "type": "string | undefined"
-              },
-              {
-                "name": "form",
-                "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
+                "name": "name",
+                "description": "name the combobox with this.",
                 "type": "string"
               },
               {
-                "name": "formAction",
-                "description": "Used to override the form owner's `action` attribute.",
+                "name": "placeholder",
+                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
                 "type": "string"
               },
               {
-                "name": "formEnctype",
-                "description": "Used to override the form owner's `enctype` attribute.",
-                "type": "| 'application/x-www-form-urlencoded'\n        | 'multipart/form-data'\n        | 'text/plain'"
-              },
-              {
-                "name": "formMethod",
-                "description": "Used to override the form owner's `method` attribute.",
-                "type": "'post' | 'get'"
+                "name": "hideHelp",
+                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+                "type": "boolean"
               },
               {
-                "name": "formNoValidate",
-                "description": "Used to override the form owner's `novalidate` attribute.",
+                "name": "hideLabel",
+                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
                 "type": "boolean"
               },
               {
-                "name": "formTarget",
-                "description": "Used to override the form owner's `target` attribute.",
-                "type": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | string"
+                "name": "status",
+                "description": "status of the content",
+                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
               },
               {
-                "name": "validity",
-                "description": "Gets the validity state object"
+                "name": "content",
+                "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+                "type": "Content"
               },
+              { "name": "isExpanded", "type": "boolean" },
+              { "name": "query" },
               {
-                "name": "validationMessage",
-                "description": "Gets the validation message"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "terra-chip",
-          "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "size",
-              "value": {
-                "type": "'small' | 'medium' | 'large'",
-                "default": "'medium'"
+                "name": "searchResults",
+                "type": "GroupedListItem[] | ListItem[]"
               }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The chip's label." }],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "size", "type": "'small' | 'medium' | 'large'" }
             ],
             "events": []
           }
@@ -340,98 +208,183 @@
           }
         },
         {
-          "name": "terra-combobox",
-          "description": "Fuzzy-search for combobox with list autocomplete.\n---\n\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
+          "name": "terra-giovanni-search",
+          "description": "Fuzzy-search for dataset keywords in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-giovanni-search-change** - Emitted when an option is selected.\n- **terra-search** - Emitted when the component is triggering a search (like a form triggering submit).\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
           "doc-url": "",
           "attributes": [
             {
               "name": "label",
               "description": "Label the combobox with this.",
-              "value": { "type": "string", "default": "'Search for Items'" }
-            },
-            {
-              "name": "name",
-              "description": "name the combobox with this.",
-              "value": { "type": "string", "default": "'Item'" }
+              "value": {
+                "type": "string",
+                "default": "'Enter search terms (e.g., precipitation, AOD)'"
+              }
             },
             {
               "name": "placeholder",
               "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
               "value": { "type": "string" }
             },
-            {
-              "name": "hide-help",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "value": { "type": "boolean", "default": "false" }
-            },
             {
               "name": "hide-label",
               "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "value": { "type": "boolean", "default": "false" }
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "searchConfig",
+              "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+              "value": {
+                "type": "object",
+                "default": "{\n        //* @see {@link https://www.fusejs.io/api/options.html#options}\n        keys: ['id'],\n        useExtendedSearch: true,\n    }"
+              }
+            },
+            { "name": "value", "value": { "type": "string" } }
+          ],
+          "events": [
+            {
+              "name": "terra-giovanni-search-change",
+              "description": "Emitted when an option is selected."
+            },
+            {
+              "name": "terra-search",
+              "description": "Emitted when the component is triggering a search (like a form triggering submit)."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "label",
+                "description": "Label the combobox with this.",
+                "type": "string"
+              },
+              {
+                "name": "placeholder",
+                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+                "type": "string"
+              },
+              {
+                "name": "hideLabel",
+                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+                "type": "boolean"
+              },
+              {
+                "name": "searchConfig",
+                "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
+                "type": "object"
+              },
+              { "name": "value", "type": "string" },
+              { "name": "isExpanded", "type": "boolean" },
+              { "name": "query" },
+              { "name": "searchResults", "type": "ListItem[]" }
+            ],
+            "events": [
+              {
+                "name": "terra-giovanni-search-change",
+                "description": "Emitted when an option is selected."
+              },
+              {
+                "name": "terra-search",
+                "description": "Emitted when the component is triggering a search (like a form triggering submit)."
+              }
+            ]
+          }
+        },
+        {
+          "name": "terra-icon",
+          "description": "Icons are symbols that can be used to represent various options within an application.\n---\n\n\n### **Events:**\n - **terra-load** - Emitted when the icon has loaded.\n- **terra-error** - Emitted when the icon fails to load due to an error.\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "name",
+              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "src",
+              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "label",
+              "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "library",
+              "description": "The name of a registered custom icon library.",
+              "value": {
+                "type": "'default' | 'heroicons' | string",
+                "default": "'default'"
+              }
+            },
+            {
+              "name": "color",
+              "description": "The CSS color to assign to the SVG.",
+              "value": { "type": "string | null", "default": "null" }
             },
             {
-              "name": "status",
-              "description": "status of the content",
-              "value": {
-                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'",
-                "default": "'INITIAL'"
-              }
+              "name": "font-size",
+              "description": "The CSS font-size to assign to the SVG.",
+              "value": { "type": "string | null", "default": "null" }
+            }
+          ],
+          "events": [
+            {
+              "name": "terra-load",
+              "description": "Emitted when the icon has loaded."
             },
             {
-              "name": "content",
-              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
-              "value": {
-                "type": "Content",
-                "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }"
-              }
+              "name": "terra-error",
+              "description": "Emitted when the icon fails to load due to an error."
             }
           ],
-          "events": [],
           "js": {
             "properties": [
               {
-                "name": "label",
-                "description": "Label the combobox with this.",
-                "type": "string"
+                "name": "svg",
+                "type": "SVGElement | HTMLTemplateResult | null"
               },
               {
                 "name": "name",
-                "description": "name the combobox with this.",
-                "type": "string"
+                "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+                "type": "string | undefined"
               },
               {
-                "name": "placeholder",
-                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-                "type": "string"
+                "name": "src",
+                "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
+                "type": "string | undefined"
               },
               {
-                "name": "hideHelp",
-                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-                "type": "boolean"
+                "name": "label",
+                "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
+                "type": "string"
               },
               {
-                "name": "hideLabel",
-                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-                "type": "boolean"
+                "name": "library",
+                "description": "The name of a registered custom icon library.",
+                "type": "'default' | 'heroicons' | string"
               },
               {
-                "name": "status",
-                "description": "status of the content",
-                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
+                "name": "color",
+                "description": "The CSS color to assign to the SVG.",
+                "type": "string | null"
               },
               {
-                "name": "content",
-                "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
-                "type": "Content"
+                "name": "fontSize",
+                "description": "The CSS font-size to assign to the SVG.",
+                "type": "string | null"
+              }
+            ],
+            "events": [
+              {
+                "name": "terra-load",
+                "description": "Emitted when the icon has loaded."
               },
-              { "name": "isExpanded", "type": "boolean" },
-              { "name": "query" },
               {
-                "name": "searchResults",
-                "type": "GroupedListItem[] | ListItem[]"
+                "name": "terra-error",
+                "description": "Emitted when the icon fails to load due to an error."
               }
-            ],
-            "events": []
+            ]
           }
         },
         {
@@ -440,169 +393,307 @@
           "doc-url": "",
           "attributes": [
             {
-              "name": "size",
-              "description": "The loader's size",
-              "value": { "type": "'small' | 'large'", "default": "'large'" }
-            },
-            {
-              "name": "theme",
-              "description": "The loader's theme, light or dark mode",
-              "value": { "type": "'light' | 'dark'" }
+              "name": "variant",
+              "description": "The loader's variant",
+              "value": {
+                "type": "'small' | 'large' | 'orbit'",
+                "default": "'large'"
+              }
             },
             {
               "name": "percent",
               "description": "The percent complete for the loader to display",
-              "value": { "type": "number", "default": "0" }
+              "value": { "type": "string", "default": "'0'" }
             },
             {
               "name": "indeterminate",
               "description": "an indeterminate loader has an unknown progress and will show a spinner",
               "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "label",
-              "description": "A label used by a screen reader which describes the loader element (e.g., \"Loading video of Tropical Storm Nepartak\")",
-              "value": { "type": "string", "default": "'Loading request'" }
-            },
-            {
-              "name": "message",
-              "description": "A message used by a screen reader to describe current value of loader element in a more human-understandable way (e.g, \"12% of 45MB\")",
-              "value": { "type": "string", "default": "''" }
             }
           ],
           "events": [],
           "js": {
             "properties": [
               {
-                "name": "size",
-                "description": "The loader's size",
-                "type": "'small' | 'large'"
-              },
-              {
-                "name": "theme",
-                "description": "The loader's theme, light or dark mode",
-                "type": "'light' | 'dark'"
+                "name": "variant",
+                "description": "The loader's variant",
+                "type": "'small' | 'large' | 'orbit'"
               },
               {
                 "name": "percent",
                 "description": "The percent complete for the loader to display",
-                "type": "number"
+                "type": "string"
               },
               {
                 "name": "indeterminate",
                 "description": "an indeterminate loader has an unknown progress and will show a spinner",
                 "type": "boolean"
               },
-              {
-                "name": "label",
-                "description": "A label used by a screen reader which describes the loader element (e.g., \"Loading video of Tropical Storm Nepartak\")",
-                "type": "string"
-              },
-              {
-                "name": "message",
-                "description": "A message used by a screen reader to describe current value of loader element in a more human-understandable way (e.g, \"12% of 45MB\")",
-                "type": "string"
-              }
+              { "name": "_currentPercent", "type": "number" }
             ],
             "events": []
           }
         },
         {
-          "name": "terra-icon",
-          "description": "Icons are symbols that can be used to represent various options within an application.\n---\n\n\n### **Events:**\n - **terra-load** - Emitted when the icon has loaded.\n- **terra-error** - Emitted when the icon fails to load due to an error.\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.",
+          "name": "terra-button",
+          "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<sl-icon>` element.\n- **spinner** - The spinner that shows when the button is in the loading state.",
           "doc-url": "",
           "attributes": [
+            { "name": "title", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "variant",
+              "description": "The button's theme variant.",
+              "value": {
+                "type": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'\n        | 'text'\n        | 'pagelink'",
+                "default": "'primary'"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The button's size.",
+              "value": {
+                "type": "'small' | 'medium' | 'large'",
+                "default": "'medium'"
+              }
+            },
+            {
+              "name": "caret",
+              "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "shape",
+              "description": "The button's shape. Used to control the radius edge shape when button is not in a terra-button-group.",
+              "value": { "type": "'square' | 'square-left' | 'square-right'" }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the button.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "loading",
+              "description": "Draws the button in a loading state.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "outline",
+              "description": "Draws an outlined button.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "circle",
+              "description": "Draws a circular icon button. When this attribute is present, the button expects a single `<terra-icon>` in the\ndefault slot.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
+              "value": {
+                "type": "'button' | 'submit' | 'reset'",
+                "default": "'button'"
+              }
+            },
             {
               "name": "name",
-              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
-              "value": { "type": "string | undefined" }
+              "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
+              "value": { "type": "string", "default": "''" }
             },
             {
-              "name": "src",
-              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
-              "value": { "type": "string | undefined" }
+              "name": "value",
+              "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
+              "value": { "type": "string", "default": "''" }
             },
             {
-              "name": "label",
-              "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
+              "name": "href",
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
               "value": { "type": "string", "default": "''" }
             },
             {
-              "name": "library",
-              "description": "The name of a registered custom icon library.",
+              "name": "target",
+              "description": "Tells the browser where to open the link. Only used when `href` is present.",
+              "value": { "type": "'_blank' | '_parent' | '_self' | '_top'" }
+            },
+            {
+              "name": "rel",
+              "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
+              "value": { "type": "string", "default": "'noreferrer noopener'" }
+            },
+            {
+              "name": "download",
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "form",
+              "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "formaction",
+              "description": "Used to override the form owner's `action` attribute.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "formenctype",
+              "description": "Used to override the form owner's `enctype` attribute.",
               "value": {
-                "type": "'default' | 'heroicons' | string",
-                "default": "'default'"
+                "type": "| 'application/x-www-form-urlencoded'\n        | 'multipart/form-data'\n        | 'text/plain'"
               }
             },
             {
-              "name": "color",
-              "description": "The CSS color to assign to the SVG.",
-              "value": { "type": "string | null", "default": "null" }
+              "name": "formmethod",
+              "description": "Used to override the form owner's `method` attribute.",
+              "value": { "type": "'post' | 'get'" }
             },
             {
-              "name": "font-size",
-              "description": "The CSS font-size to assign to the SVG.",
-              "value": { "type": "string | null", "default": "null" }
+              "name": "formnovalidate",
+              "description": "Used to override the form owner's `novalidate` attribute.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "formtarget",
+              "description": "Used to override the form owner's `target` attribute.",
+              "value": {
+                "type": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | string"
+              }
             }
           ],
-          "events": [
+          "slots": [
+            { "name": "", "description": "The button's label." },
             {
-              "name": "terra-load",
-              "description": "Emitted when the icon has loaded."
+              "name": "prefix",
+              "description": "A presentational prefix icon or similar element."
             },
             {
-              "name": "terra-error",
-              "description": "Emitted when the icon fails to load due to an error."
+              "name": "suffix",
+              "description": "A presentational suffix icon or similar element."
             }
           ],
+          "events": [],
           "js": {
             "properties": [
               {
-                "name": "svg",
-                "type": "SVGElement | HTMLTemplateResult | null"
+                "name": "button",
+                "type": "HTMLButtonElement | HTMLLinkElement"
+              },
+              { "name": "invalid", "type": "boolean" },
+              { "name": "title", "type": "string" },
+              {
+                "name": "variant",
+                "description": "The button's theme variant.",
+                "type": "| 'default'\n        | 'primary'\n        | 'success'\n        | 'warning'\n        | 'danger'\n        | 'text'\n        | 'pagelink'"
+              },
+              {
+                "name": "size",
+                "description": "The button's size.",
+                "type": "'small' | 'medium' | 'large'"
+              },
+              {
+                "name": "caret",
+                "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior.",
+                "type": "boolean"
+              },
+              {
+                "name": "shape",
+                "description": "The button's shape. Used to control the radius edge shape when button is not in a terra-button-group.",
+                "type": "'square' | 'square-left' | 'square-right'"
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the button.",
+                "type": "boolean"
+              },
+              {
+                "name": "loading",
+                "description": "Draws the button in a loading state.",
+                "type": "boolean"
+              },
+              {
+                "name": "outline",
+                "description": "Draws an outlined button.",
+                "type": "boolean"
+              },
+              {
+                "name": "circle",
+                "description": "Draws a circular icon button. When this attribute is present, the button expects a single `<terra-icon>` in the\ndefault slot.",
+                "type": "boolean"
+              },
+              {
+                "name": "type",
+                "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
+                "type": "'button' | 'submit' | 'reset'"
               },
               {
                 "name": "name",
-                "description": "The name of the icon to draw. Available names depend on the icon library being used.",
-                "type": "string | undefined"
+                "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
+                "type": "string"
               },
               {
-                "name": "src",
-                "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
+                "name": "value",
+                "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
+                "type": "string"
+              },
+              {
+                "name": "href",
+                "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+                "type": "string"
+              },
+              {
+                "name": "target",
+                "description": "Tells the browser where to open the link. Only used when `href` is present.",
+                "type": "'_blank' | '_parent' | '_self' | '_top'"
+              },
+              {
+                "name": "rel",
+                "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
+                "type": "string"
+              },
+              {
+                "name": "download",
+                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
                 "type": "string | undefined"
               },
               {
-                "name": "label",
-                "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
+                "name": "form",
+                "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
                 "type": "string"
               },
               {
-                "name": "library",
-                "description": "The name of a registered custom icon library.",
-                "type": "'default' | 'heroicons' | string"
+                "name": "formAction",
+                "description": "Used to override the form owner's `action` attribute.",
+                "type": "string"
               },
               {
-                "name": "color",
-                "description": "The CSS color to assign to the SVG.",
-                "type": "string | null"
+                "name": "formEnctype",
+                "description": "Used to override the form owner's `enctype` attribute.",
+                "type": "| 'application/x-www-form-urlencoded'\n        | 'multipart/form-data'\n        | 'text/plain'"
               },
               {
-                "name": "fontSize",
-                "description": "The CSS font-size to assign to the SVG.",
-                "type": "string | null"
-              }
-            ],
-            "events": [
+                "name": "formMethod",
+                "description": "Used to override the form owner's `method` attribute.",
+                "type": "'post' | 'get'"
+              },
               {
-                "name": "terra-load",
-                "description": "Emitted when the icon has loaded."
+                "name": "formNoValidate",
+                "description": "Used to override the form owner's `novalidate` attribute.",
+                "type": "boolean"
               },
               {
-                "name": "terra-error",
-                "description": "Emitted when the icon fails to load due to an error."
+                "name": "formTarget",
+                "description": "Used to override the form owner's `target` attribute.",
+                "type": "| '_self'\n        | '_blank'\n        | '_parent'\n        | '_top'\n        | string"
+              },
+              {
+                "name": "validity",
+                "description": "Gets the validity state object"
+              },
+              {
+                "name": "validationMessage",
+                "description": "Gets the validation message"
               }
-            ]
+            ],
+            "events": []
           }
         },
         {
@@ -705,7 +796,7 @@
               "name": "config",
               "value": {
                 "type": "Partial<Config> | undefined",
-                "default": "{\n        modeBarButtonsToAdd: [\n            {\n                name: 'Download Data',\n                title: 'Download plot data as a CSV file',\n                icon: Icons.disk,\n                click: () => {\n                    this.downloadCSV()\n                },\n            },\n        ],\n    }"
+                "default": "{}"
               }
             },
             {
@@ -716,7 +807,6 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "plotData", "type": "Array<Plot>" },
               { "name": "base", "type": "HTMLElement" },
               { "name": "plotTitle", "type": "string | undefined" },
               { "name": "layout", "type": "Partial<Layout> | undefined" },
@@ -832,6 +922,74 @@
             "events": []
           }
         },
+        {
+          "name": "terra-variable-combobox",
+          "description": "Fuzzy-search for dataset variables in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-combobox-change** - Emitted when an option is selected.\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "description": "Label the combobox with this.",
+              "value": { "type": "string", "default": "'Search for Variables'" }
+            },
+            {
+              "name": "placeholder",
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "hide-help",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "hide-label",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "value", "value": { "type": "string" } }
+          ],
+          "events": [
+            {
+              "name": "terra-combobox-change",
+              "description": "Emitted when an option is selected."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "label",
+                "description": "Label the combobox with this.",
+                "type": "string"
+              },
+              {
+                "name": "placeholder",
+                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+                "type": "string"
+              },
+              {
+                "name": "hideHelp",
+                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+                "type": "boolean"
+              },
+              {
+                "name": "hideLabel",
+                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+                "type": "boolean"
+              },
+              { "name": "value", "type": "string" },
+              { "name": "isExpanded", "type": "boolean" },
+              { "name": "query" },
+              { "name": "searchResults", "type": "ListItem[]" }
+            ],
+            "events": [
+              {
+                "name": "terra-combobox-change",
+                "description": "Emitted when an option is selected."
+              }
+            ]
+          }
+        },
         {
           "name": "terra-time-series",
           "description": "A component for visualizing time series data using the GES DISC Giovanni API.\n---\n",
@@ -842,11 +1000,26 @@
               "description": "a collection entry id (ex: GPM_3IMERGHH_06)",
               "value": { "type": "string | undefined" }
             },
+            {
+              "name": "datasetLandingPage",
+              "description": "the dataset landing page for the collection",
+              "value": { "type": "string | undefined" }
+            },
             {
               "name": "variable",
               "description": "a variable short name to plot (ex: precipitationCal)",
               "value": { "type": "string | undefined" }
             },
+            {
+              "name": "variableLandingPage",
+              "description": "the variable landing page",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "variableLongName",
+              "description": "a variable long name to plot (e.g., \"Longwave radiation flux downwards (surface)\")",
+              "value": { "type": "string | undefined" }
+            },
             {
               "name": "start-date",
               "description": "The start date for the time series plot. (ex: 2021-01-01)",
@@ -876,11 +1049,26 @@
                 "description": "a collection entry id (ex: GPM_3IMERGHH_06)",
                 "type": "string | undefined"
               },
+              {
+                "name": "datasetLandingPage",
+                "description": "the dataset landing page for the collection",
+                "type": "string | undefined"
+              },
               {
                 "name": "variable",
                 "description": "a variable short name to plot (ex: precipitationCal)",
                 "type": "string | undefined"
               },
+              {
+                "name": "variableLandingPage",
+                "description": "the variable landing page",
+                "type": "string | undefined"
+              },
+              {
+                "name": "variableLongName",
+                "description": "a variable long name to plot (e.g., \"Longwave radiation flux downwards (surface)\")",
+                "type": "string | undefined"
+              },
               {
                 "name": "startDate",
                 "description": "The start date for the time series plot. (ex: 2021-01-01)",
@@ -905,6 +1093,7 @@
               { "name": "plot", "type": "TerraPlot" },
               { "name": "spatialPicker", "type": "TerraSpatialPicker" },
               { "name": "variableCombobox", "type": "TerraVariableCombobox" },
+              { "name": "menu", "type": "HTMLMenuElement" },
               {
                 "name": "collectionBeginningDateTime",
                 "description": "holds the start date for the earliest available data for the collection",
@@ -914,77 +1103,10 @@
                 "name": "collectionEndingDateTime",
                 "description": "holds the end date for the latest available data for the collection",
                 "type": "string | undefined"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "terra-variable-combobox",
-          "description": "Fuzzy-search for dataset variables in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-combobox-change** - Emitted when an option is selected.\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "label",
-              "description": "Label the combobox with this.",
-              "value": { "type": "string", "default": "'Search for Variables'" }
-            },
-            {
-              "name": "placeholder",
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "hide-help",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "hide-label",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            { "name": "value", "value": { "type": "string" } }
-          ],
-          "events": [
-            {
-              "name": "terra-combobox-change",
-              "description": "Emitted when an option is selected."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "label",
-                "description": "Label the combobox with this.",
-                "type": "string"
-              },
-              {
-                "name": "placeholder",
-                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-                "type": "string"
-              },
-              {
-                "name": "hideHelp",
-                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-                "type": "boolean"
               },
-              {
-                "name": "hideLabel",
-                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-                "type": "boolean"
-              },
-              { "name": "value", "type": "string" },
-              { "name": "isExpanded", "type": "boolean" },
-              { "name": "query" },
-              { "name": "searchResults", "type": "ListItem[]" }
+              { "name": "activeMenuItem", "type": "MenuNames" }
             ],
-            "events": [
-              {
-                "name": "terra-combobox-change",
-                "description": "Emitted when an option is selected."
-              }
-            ]
+            "events": []
           }
         }
       ]