@ncino/web-components 2.2.0-preview.8 → 3.0.0-preview.2

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ncino/web-components",
-  "version": "2.2.0-preview.7",
+  "version": "3.0.0-preview.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2073,6 +2073,10 @@
               "name": "aria-labelledby",
               "value": { "type": "string", "default": "''" }
             },
+            {
+              "name": "aria-describedby",
+              "value": { "type": "string | undefined" }
+            },
             { "name": "title", "value": { "type": "string", "default": "''" } },
             {
               "name": "faux-focus",
@@ -2094,6 +2098,7 @@
               { "name": "selectable", "type": "boolean" },
               { "name": "multiselect", "type": "boolean" },
               { "name": "ariaLabelledBy", "type": "string" },
+              { "name": "ariaDescribedby", "type": "string | undefined" },
               { "name": "title", "type": "string" },
               { "name": "fauxFocus", "type": "boolean" },
               { "name": "_selectedListItem", "type": "null" },
@@ -2110,9 +2115,143 @@
           }
         },
         {
-          "name": "ngc-input-dropdown",
+          "name": "nsc-icon",
           "description": "\n---\n",
           "doc-url": "",
+          "attributes": [
+            {
+              "name": "name",
+              "value": { "type": "string | null", "default": "null" }
+            },
+            {
+              "name": "type",
+              "value": {
+                "type": "'standard' | 'utility' | 'doctype' | 'action' | 'custom'",
+                "default": "'utility'"
+              }
+            },
+            {
+              "name": "size",
+              "value": {
+                "type": "'xx-small' | 'x-small' | 'small' | 'large'",
+                "default": "'small'"
+              }
+            },
+            {
+              "name": "icon-title",
+              "value": { "type": "string | null", "default": "null" }
+            },
+            {
+              "name": "variant",
+              "value": {
+                "type": "'success' | 'warning' | 'error' | 'light' | 'bare'",
+                "default": "'bare'"
+              }
+            },
+            {
+              "name": "svg-classes",
+              "value": { "type": "string", "default": "''" }
+            },
+            { "name": "fill", "value": { "type": "string", "default": "''" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "iconPath" },
+              { "name": "iconSize" },
+              { "name": "iconVariant" },
+              { "name": "name", "type": "string | null" },
+              {
+                "name": "type",
+                "type": "'standard' | 'utility' | 'doctype' | 'action' | 'custom'"
+              },
+              {
+                "name": "size",
+                "type": "'xx-small' | 'x-small' | 'small' | 'large'"
+              },
+              { "name": "iconTitle", "type": "string | null" },
+              {
+                "name": "variant",
+                "type": "'success' | 'warning' | 'error' | 'light' | 'bare'"
+              },
+              { "name": "svgClasses", "type": "string" },
+              { "name": "fill", "type": "string" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "ngc-icon-button",
+          "description": "\n---\n\n\n### **Events:**\n - **click**",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "value": {
+                "type": " | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'",
+                "default": "'small'"
+              }
+            },
+            {
+              "name": "aria-label",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "loading-aria-label",
+              "value": { "type": "string", "default": "'Loading'" }
+            },
+            {
+              "name": "icon-name",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "loading",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "skeleton",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "data-testid",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            }
+          ],
+          "events": [{ "name": "click", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "buttonAriaLabel" },
+              { "name": "sizeClass" },
+              { "name": "loadingClass" },
+              { "name": "pxSize" },
+              { "name": "skeletonMarkup" },
+              { "name": "loadingMarkup" },
+              {
+                "name": "size",
+                "type": " | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'"
+              },
+              { "name": "ariaLabel", "type": "string" },
+              { "name": "loadingAriaLabel", "type": "string" },
+              { "name": "iconName", "type": "string" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "loading", "type": "boolean" },
+              { "name": "skeleton", "type": "boolean" },
+              { "name": "dataTestid", "type": "string | undefined" },
+              { "name": "labelDataTestid" },
+              { "name": "helpTextDataTestid" },
+              { "name": "errorMessageDataTestid" }
+            ],
+            "events": [{ "name": "click", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "ngc-input-dropdown",
+          "description": "\n---\n\n\n### **Events:**\n - **change**",
+          "doc-url": "",
           "attributes": [
             {
               "name": "options",
@@ -2132,6 +2271,10 @@
               "name": "value-displayed",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "max-autocomplete-results",
+              "value": { "type": "number | undefined", "default": "250" }
+            },
             { "name": "id", "value": { "type": "string", "default": "''" } },
             {
               "name": "required",
@@ -2183,7 +2326,7 @@
               "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
-          "events": [],
+          "events": [{ "name": "change", "type": "CustomEvent" }],
           "js": {
             "properties": [
               { "name": "options", "type": "NgcDropdownType[]" },
@@ -2192,22 +2335,33 @@
               { "name": "countryCode", "type": "string | undefined" },
               { "name": "listWidth", "type": "string | undefined" },
               { "name": "valueDisplayed", "type": "boolean" },
+              {
+                "name": "maxAutocompleteResults",
+                "type": "number | undefined"
+              },
               { "name": "_cleanup", "type": "(() => void) | undefined" },
               { "name": "_expanded", "type": "boolean" },
               { "name": "_searchValue", "type": "string" },
               { "name": "listboxRef", "type": "Ref<HTMLDivElement>" },
               { "name": "listRef", "type": "Ref<HTMLElement>" },
               { "name": "inputRef", "type": "Ref<HTMLInputElement>" },
+              { "name": "noResultsMessage", "type": "string" },
               { "name": "fauxInputMarkup" },
               { "name": "displayedValue" },
               { "name": "showPlaceholder" },
               { "name": "replacedActiveDescendant" },
               { "name": "listboxMarkup" },
+              { "name": "listboxMessageMarkup" },
+              { "name": "resultsExceedMaxMessage" },
               { "name": "displayedOptions" },
+              { "name": "filteredOptions" },
+              { "name": "limitedOptions" },
+              { "name": "resultsExceedMax" },
               { "name": "errorClass" },
               { "name": "disabledClass" },
               { "name": "labelMarkup" },
               { "name": "endIconMarkup" },
+              { "name": "clearIconButtonMarkup" },
               { "name": "controlRef", "type": "Ref<HTMLDivElement>" },
               { "name": "shouldHaveStartMarkup" },
               { "name": "shouldHaveEndMarkup" },
@@ -2233,7 +2387,7 @@
               { "name": "helpTextDataTestid" },
               { "name": "errorMessageDataTestid" }
             ],
-            "events": []
+            "events": [{ "name": "change", "type": "CustomEvent" }]
           }
         },
         {
@@ -2474,140 +2628,6 @@
             "events": [{ "name": "change", "type": "CustomEvent" }]
           }
         },
-        {
-          "name": "nsc-icon",
-          "description": "\n---\n",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "name",
-              "value": { "type": "string | null", "default": "null" }
-            },
-            {
-              "name": "type",
-              "value": {
-                "type": "'standard' | 'utility' | 'doctype' | 'action' | 'custom'",
-                "default": "'utility'"
-              }
-            },
-            {
-              "name": "size",
-              "value": {
-                "type": "'xx-small' | 'x-small' | 'small' | 'large'",
-                "default": "'small'"
-              }
-            },
-            {
-              "name": "icon-title",
-              "value": { "type": "string | null", "default": "null" }
-            },
-            {
-              "name": "variant",
-              "value": {
-                "type": "'success' | 'warning' | 'error' | 'light' | 'bare'",
-                "default": "'bare'"
-              }
-            },
-            {
-              "name": "svg-classes",
-              "value": { "type": "string", "default": "''" }
-            },
-            { "name": "fill", "value": { "type": "string", "default": "''" } }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "iconPath" },
-              { "name": "iconSize" },
-              { "name": "iconVariant" },
-              { "name": "name", "type": "string | null" },
-              {
-                "name": "type",
-                "type": "'standard' | 'utility' | 'doctype' | 'action' | 'custom'"
-              },
-              {
-                "name": "size",
-                "type": "'xx-small' | 'x-small' | 'small' | 'large'"
-              },
-              { "name": "iconTitle", "type": "string | null" },
-              {
-                "name": "variant",
-                "type": "'success' | 'warning' | 'error' | 'light' | 'bare'"
-              },
-              { "name": "svgClasses", "type": "string" },
-              { "name": "fill", "type": "string" }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "ngc-icon-button",
-          "description": "\n---\n\n\n### **Events:**\n - **click**",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "size",
-              "value": {
-                "type": " | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'",
-                "default": "'small'"
-              }
-            },
-            {
-              "name": "aria-label",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "loading-aria-label",
-              "value": { "type": "string", "default": "'Loading'" }
-            },
-            {
-              "name": "icon-name",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "disabled",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "loading",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "skeleton",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "data-testid",
-              "value": { "type": "string | undefined", "default": "undefined" }
-            }
-          ],
-          "events": [{ "name": "click", "type": "CustomEvent" }],
-          "js": {
-            "properties": [
-              { "name": "buttonAriaLabel" },
-              { "name": "sizeClass" },
-              { "name": "loadingClass" },
-              { "name": "pxSize" },
-              { "name": "skeletonMarkup" },
-              { "name": "loadingMarkup" },
-              {
-                "name": "size",
-                "type": " | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'"
-              },
-              { "name": "ariaLabel", "type": "string" },
-              { "name": "loadingAriaLabel", "type": "string" },
-              { "name": "iconName", "type": "string" },
-              { "name": "disabled", "type": "boolean" },
-              { "name": "loading", "type": "boolean" },
-              { "name": "skeleton", "type": "boolean" },
-              { "name": "dataTestid", "type": "string | undefined" },
-              { "name": "labelDataTestid" },
-              { "name": "helpTextDataTestid" },
-              { "name": "errorMessageDataTestid" }
-            ],
-            "events": [{ "name": "click", "type": "CustomEvent" }]
-          }
-        },
         {
           "name": "nsc-menu",
           "description": "\n---\n",
@@ -3967,6 +3987,14 @@
           "events": [],
           "js": { "properties": [], "events": [] }
         },
+        {
+          "name": "ngc-illustration-list",
+          "description": "An element that renders all of the illustrations in the illustration registry.\nThis component is not distributed as part of the library, but is useful for\ndevelopment and testing.\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
         {
           "name": "slot-placeholder",
           "description": "\n---\n",
@@ -3983,14 +4011,6 @@
             "events": []
           }
         },
-        {
-          "name": "ngc-illustration-list",
-          "description": "An element that renders all of the illustrations in the illustration registry.\nThis component is not distributed as part of the library, but is useful for\ndevelopment and testing.\n---\n",
-          "doc-url": "",
-          "attributes": [],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
         {
           "name": "ngc-datepicker",
           "description": "\n---\n",