@nasa-terra/components 0.0.46 → 0.0.48

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.46",
+  "version": "0.0.48",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -284,28 +284,208 @@
           }
         },
         {
-          "name": "terra-browse-variables",
-          "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
+          "name": "terra-chip",
+          "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
           "doc-url": "",
           "attributes": [
             {
-              "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'" }
+              "name": "size",
+              "value": {
+                "type": "'small' | 'medium' | 'large'",
+                "default": "'medium'"
+              }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The chip's label." }],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "size", "type": "'small' | 'medium' | 'large'" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-data-rods",
+          "description": "A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variable-entry-id",
+              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "collection",
+              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "variable",
+              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "start-date",
+              "description": "The start date for the time series plot. (ex: 2021-01-01)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "end-date",
+              "description": "The end date for the time series plot. (ex: 2021-01-01)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "location",
+              "description": "The point location in \"lat,lon\" format.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "bearer-token",
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "value": { "type": "string" }
             }
           ],
           "events": [],
           "js": {
             "properties": [
               {
-                "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": "variableEntryId",
+                "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
+                "type": "string | undefined"
               },
-              { "name": "searchQuery", "type": "string" },
-              { "name": "selectedFacets", "type": "SelectedFacets" },
-              { "name": "selectedVariables", "type": "Variable[]" },
-              { "name": "showVariablesBrowse", "type": "boolean" }
+              {
+                "name": "collection",
+                "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
+                "type": "string | undefined"
+              },
+              {
+                "name": "variable",
+                "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
+                "type": "string | undefined"
+              },
+              {
+                "name": "startDate",
+                "description": "The start date for the time series plot. (ex: 2021-01-01)",
+                "type": "string | undefined"
+              },
+              {
+                "name": "endDate",
+                "description": "The end date for the time series plot. (ex: 2021-01-01)",
+                "type": "string | undefined"
+              },
+              {
+                "name": "location",
+                "description": "The point location in \"lat,lon\" format.",
+                "type": "string | undefined"
+              },
+              {
+                "name": "bearerToken",
+                "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+                "type": "string"
+              },
+              { "name": "catalogVariable", "type": "Variable" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "terra-date-picker",
+          "description": "A date picker component that supports single date selection or date range selection.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **input** - The date input element.",
+          "doc-url": "",
+          "attributes": [
+            { "name": "id", "value": { "type": "string" } },
+            {
+              "name": "range",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "min-date", "value": { "type": "string | undefined" } },
+            { "name": "max-date", "value": { "type": "string | undefined" } },
+            { "name": "start-date", "value": { "type": "string | undefined" } },
+            { "name": "end-date", "value": { "type": "string | undefined" } },
+            {
+              "name": "allow-input",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "alt-format",
+              "value": { "type": "string", "default": "'F j, Y'" }
+            },
+            {
+              "name": "alt-input",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "alt-input-class",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "date-format",
+              "value": { "type": "string", "default": "'Y-m-d'" }
+            },
+            {
+              "name": "enable-time",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "time-24hr",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "week-numbers",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "static",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "position",
+              "value": {
+                "type": "'auto' | 'above' | 'below'",
+                "default": "'auto'"
+              }
+            },
+            {
+              "name": "show-months",
+              "value": { "type": "number", "default": "1" }
+            },
+            {
+              "name": "hide-label",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "label",
+              "value": { "type": "string", "default": "'Select Date'" }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The default slot." }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "selectedDates",
+                "type": "{\n        startDate: string | null\n        endDate: string | null\n    }"
+              },
+              { "name": "id", "type": "string" },
+              { "name": "range", "type": "boolean" },
+              { "name": "minDate", "type": "string | undefined" },
+              { "name": "maxDate", "type": "string | undefined" },
+              { "name": "startDate", "type": "string | undefined" },
+              { "name": "endDate", "type": "string | undefined" },
+              { "name": "allowInput", "type": "boolean" },
+              { "name": "altFormat", "type": "string" },
+              { "name": "altInput", "type": "boolean" },
+              { "name": "altInputClass", "type": "string" },
+              { "name": "dateFormat", "type": "string" },
+              { "name": "enableTime", "type": "boolean" },
+              { "name": "time24hr", "type": "boolean" },
+              { "name": "weekNumbers", "type": "boolean" },
+              { "name": "static", "type": "boolean" },
+              { "name": "position", "type": "'auto' | 'above' | 'below'" },
+              { "name": "showMonths", "type": "number" },
+              { "name": "hideLabel", "type": "boolean" },
+              { "name": "label", "type": "string" }
             ],
             "events": []
           }
@@ -406,85 +586,28 @@
           }
         },
         {
-          "name": "terra-data-rods",
-          "description": "A component for visualizing Hydrology Data Rods time series using the GES DISC Giovanni API\n---\n",
+          "name": "terra-browse-variables",
+          "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
           "doc-url": "",
           "attributes": [
             {
-              "name": "variable-entry-id",
-              "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "collection",
-              "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "variable",
-              "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "start-date",
-              "description": "The start date for the time series plot. (ex: 2021-01-01)",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "end-date",
-              "description": "The end date for the time series plot. (ex: 2021-01-01)",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "location",
-              "description": "The point location in \"lat,lon\" format.",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "bearer-token",
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "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": "variableEntryId",
-                "description": "a variable entry ID (ex: GPM_3IMERGHH_06_precipitationCal)",
-                "type": "string | undefined"
-              },
-              {
-                "name": "collection",
-                "description": "a collection entry id (ex: GPM_3IMERGHH_06)\nonly required if you don't include a variableEntryId",
-                "type": "string | undefined"
-              },
-              {
-                "name": "variable",
-                "description": "a variable short name to plot (ex: precipitationCal)\nonly required if you don't include a variableEntryId",
-                "type": "string | undefined"
-              },
-              {
-                "name": "startDate",
-                "description": "The start date for the time series plot. (ex: 2021-01-01)",
-                "type": "string | undefined"
-              },
-              {
-                "name": "endDate",
-                "description": "The end date for the time series plot. (ex: 2021-01-01)",
-                "type": "string | undefined"
-              },
-              {
-                "name": "location",
-                "description": "The point location in \"lat,lon\" format.",
-                "type": "string | undefined"
-              },
-              {
-                "name": "bearerToken",
-                "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-                "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": "catalogVariable", "type": "Variable" }
+              { "name": "searchQuery", "type": "string" },
+              { "name": "selectedFacets", "type": "SelectedFacets" },
+              { "name": "selectedVariables", "type": "Variable[]" },
+              { "name": "showVariablesBrowse", "type": "boolean" }
             ],
             "events": []
           }
@@ -527,35 +650,13 @@
               { "name": "minDate", "type": "string" },
               { "name": "maxDate", "type": "string" },
               {
-                "name": "startDate",
-                "description": "The start date for the time series plot.",
-                "type": "string"
-              },
-              { "name": "endDate", "type": "string" },
-              { "name": "disabled", "type": "boolean" },
-              { "name": "hasPips", "type": "boolean" }
-            ],
-            "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'"
-              }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The chip's label." }],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "size", "type": "'small' | 'medium' | 'large'" }
+                "name": "startDate",
+                "description": "The start date for the time series plot.",
+                "type": "string"
+              },
+              { "name": "endDate", "type": "string" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "hasPips", "type": "boolean" }
             ],
             "events": []
           }
@@ -633,107 +734,6 @@
             ]
           }
         },
-        {
-          "name": "terra-date-picker",
-          "description": "A date picker component that supports single date selection or date range selection.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **input** - The date input element.",
-          "doc-url": "",
-          "attributes": [
-            { "name": "id", "value": { "type": "string" } },
-            {
-              "name": "range",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            { "name": "min-date", "value": { "type": "string | undefined" } },
-            { "name": "max-date", "value": { "type": "string | undefined" } },
-            { "name": "start-date", "value": { "type": "string | undefined" } },
-            { "name": "end-date", "value": { "type": "string | undefined" } },
-            {
-              "name": "allow-input",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "alt-format",
-              "value": { "type": "string", "default": "'F j, Y'" }
-            },
-            {
-              "name": "alt-input",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "alt-input-class",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "date-format",
-              "value": { "type": "string", "default": "'Y-m-d'" }
-            },
-            {
-              "name": "enable-time",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "time-24hr",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "week-numbers",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "static",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "position",
-              "value": {
-                "type": "'auto' | 'above' | 'below'",
-                "default": "'auto'"
-              }
-            },
-            {
-              "name": "show-months",
-              "value": { "type": "number", "default": "1" }
-            },
-            {
-              "name": "hide-label",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "label",
-              "value": { "type": "string", "default": "'Select Date'" }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The default slot." }],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "selectedDates",
-                "type": "{\n        startDate: string | null\n        endDate: string | null\n    }"
-              },
-              { "name": "id", "type": "string" },
-              { "name": "range", "type": "boolean" },
-              { "name": "minDate", "type": "string | undefined" },
-              { "name": "maxDate", "type": "string | undefined" },
-              { "name": "startDate", "type": "string | undefined" },
-              { "name": "endDate", "type": "string | undefined" },
-              { "name": "allowInput", "type": "boolean" },
-              { "name": "altFormat", "type": "string" },
-              { "name": "altInput", "type": "boolean" },
-              { "name": "altInputClass", "type": "string" },
-              { "name": "dateFormat", "type": "string" },
-              { "name": "enableTime", "type": "boolean" },
-              { "name": "time24hr", "type": "boolean" },
-              { "name": "weekNumbers", "type": "boolean" },
-              { "name": "static", "type": "boolean" },
-              { "name": "position", "type": "'auto' | 'above' | 'below'" },
-              { "name": "showMonths", "type": "number" },
-              { "name": "hideLabel", "type": "boolean" },
-              { "name": "label", "type": "string" }
-            ],
-            "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.",
@@ -1296,46 +1296,50 @@
           }
         },
         {
-          "name": "terra-variable-keyword-search",
-          "description": "Fuzzy-search for dataset keywords in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-variable-keyword-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.",
+          "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### **Methods:**\n - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting.\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": "'Enter search terms (e.g., precipitation, AOD)'"
-              }
+              "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": "true" }
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "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": "use-tags",
+              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+              "value": { "type": "boolean", "default": "false" }
             },
-            { "name": "value", "value": { "type": "string" } }
+            {
+              "name": "value",
+              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "bearer-token",
+              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+              "value": { "type": "string" }
+            }
           ],
           "events": [
             {
-              "name": "terra-variable-keyword-search-change",
+              "name": "terra-combobox-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": {
@@ -1350,78 +1354,86 @@
                 "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": "searchConfig",
-                "description": "type can be `Boolean`, `String`, `Number`, `Object`, or `Array`",
-                "type": "object"
+                "name": "useTags",
+                "description": "Determines if the variable combobox uses tags or plain text to display the query.",
+                "type": "boolean"
+              },
+              {
+                "name": "value",
+                "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
+                "type": "string"
+              },
+              {
+                "name": "bearerToken",
+                "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
+                "type": "string"
               },
-              { "name": "value", "type": "string" },
               { "name": "isExpanded", "type": "boolean" },
               { "name": "query" },
-              { "name": "searchResults", "type": "ListItem[]" }
+              { "name": "searchResults", "type": "ListItem[]" },
+              { "name": "tags", "type": "string[]" },
+              { "name": "tagContainerWidth", "type": "number" }
             ],
             "events": [
               {
-                "name": "terra-variable-keyword-search-change",
+                "name": "terra-combobox-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-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### **Methods:**\n - **valueChanged(oldValue: _string_, newValue: _string_)** - This component's value is read by other components.\nInternally, the variable metdata has slight differences that require adapting.\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-variable-keyword-search",
+          "description": "Fuzzy-search for dataset keywords in combobox with list autocomplete.\n---\n\n\n### **Events:**\n - **terra-variable-keyword-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 Variables'" }
+              "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" }
-            },
-            {
-              "name": "use-tags",
-              "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-              "value": { "type": "boolean", "default": "false" }
+              "value": { "type": "boolean", "default": "true" }
             },
             {
-              "name": "value",
-              "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
-              "value": { "type": "string" }
+              "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": "bearer-token",
-              "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-              "value": { "type": "string" }
-            }
+            { "name": "value", "value": { "type": "string" } }
           ],
           "events": [
             {
-              "name": "terra-combobox-change",
+              "name": "terra-variable-keyword-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": {
@@ -1436,41 +1448,29 @@
                 "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": "useTags",
-                "description": "Determines if the variable combobox uses tags or plain text to display the query.",
-                "type": "boolean"
-              },
-              {
-                "name": "value",
-                "description": "Represents the EntryID (<collection-name>_<variable-name>) of the selected variable.\nOther components (like the time-series graphing component) will use this.",
-                "type": "string"
-              },
-              {
-                "name": "bearerToken",
-                "description": "The token to be used for authentication with remote servers.\nThe component provides the header \"Authorization: Bearer\" (the request header and authentication scheme).\nThe property's value will be inserted after \"Bearer\" (the authentication scheme).",
-                "type": "string"
+                "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[]" },
-              { "name": "tags", "type": "string[]" },
-              { "name": "tagContainerWidth", "type": "number" }
+              { "name": "searchResults", "type": "ListItem[]" }
             ],
             "events": [
               {
-                "name": "terra-combobox-change",
+                "name": "terra-variable-keyword-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)."
               }
             ]
           }