@esri/calcite-components 2.1.0-next.9 → 2.2.0-next.0

package/dist/extras/docs-json.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2023-12-15T03:36:12",
+  "timestamp": "2023-12-19T17:58:18",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.8.1",
+    "version": "4.8.2",
     "typescriptVersion": "5.2.2"
   },
   "components": [
@@ -6270,6 +6270,10 @@
         ],
         "calcite-input-number": [
           "calcite-progress",
+          "calcite-icon",
+          "calcite-input-message"
+        ],
+        "calcite-input-message": [
           "calcite-icon"
         ],
         "calcite-color-picker-hex-input": [
@@ -6278,7 +6282,8 @@
         ],
         "calcite-input-text": [
           "calcite-progress",
-          "calcite-icon"
+          "calcite-icon",
+          "calcite-input-message"
         ],
         "calcite-button": [
           "calcite-loader",
@@ -6521,11 +6526,16 @@
         ],
         "calcite-input-text": [
           "calcite-progress",
+          "calcite-icon",
+          "calcite-input-message"
+        ],
+        "calcite-input-message": [
           "calcite-icon"
         ],
         "calcite-input-number": [
           "calcite-progress",
-          "calcite-icon"
+          "calcite-icon",
+          "calcite-input-message"
         ],
         "calcite-color-picker": [
           "calcite-color-picker-hex-input"
@@ -7203,6 +7213,51 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "validationIcon",
+          "type": "boolean | string",
+          "complexType": {
+            "original": "string | boolean",
+            "resolved": "boolean | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-icon",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation icon to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "validationMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-message",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation message to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "value",
           "type": "string | string[]",
@@ -7426,16 +7481,21 @@
       ],
       "dependencies": [
         "calcite-chip",
-        "calcite-icon"
+        "calcite-icon",
+        "calcite-input-message"
       ],
       "dependencyGraph": {
         "calcite-combobox": [
           "calcite-chip",
-          "calcite-icon"
+          "calcite-icon",
+          "calcite-input-message"
         ],
         "calcite-chip": [
           "calcite-icon"
         ],
+        "calcite-input-message": [
+          "calcite-icon"
+        ],
         "calcite-input-time-zone": [
           "calcite-combobox"
         ]
@@ -10659,6 +10719,10 @@
         ],
         "calcite-input": [
           "calcite-progress",
+          "calcite-icon",
+          "calcite-input-message"
+        ],
+        "calcite-input-message": [
           "calcite-icon"
         ],
         "calcite-list": [
@@ -13264,6 +13328,51 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "validationIcon",
+          "type": "boolean | string",
+          "complexType": {
+            "original": "string | boolean",
+            "resolved": "boolean | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-icon",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation icon to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "validationMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-message",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation message to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "value",
           "type": "string",
@@ -13377,11 +13486,16 @@
       ],
       "dependencies": [
         "calcite-progress",
-        "calcite-icon"
+        "calcite-icon",
+        "calcite-input-message"
       ],
       "dependencyGraph": {
         "calcite-input": [
           "calcite-progress",
+          "calcite-icon",
+          "calcite-input-message"
+        ],
+        "calcite-input-message": [
           "calcite-icon"
         ],
         "calcite-filter": [
@@ -13999,6 +14113,51 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "validationIcon",
+          "type": "boolean | string",
+          "complexType": {
+            "original": "string | boolean",
+            "resolved": "boolean | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-icon",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation icon to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "validationMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-message",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation message to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "value",
           "type": "string | string[]",
@@ -14200,16 +14359,22 @@
       "dependencies": [
         "calcite-input-text",
         "calcite-date-picker",
-        "calcite-icon"
+        "calcite-icon",
+        "calcite-input-message"
       ],
       "dependencyGraph": {
         "calcite-input-date-picker": [
           "calcite-input-text",
           "calcite-date-picker",
-          "calcite-icon"
+          "calcite-icon",
+          "calcite-input-message"
         ],
         "calcite-input-text": [
           "calcite-progress",
+          "calcite-icon",
+          "calcite-input-message"
+        ],
+        "calcite-input-message": [
           "calcite-icon"
         ],
         "calcite-date-picker": [
@@ -14378,13 +14543,46 @@
         }
       ],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "calcite-combobox",
+        "calcite-input",
+        "calcite-input-date-picker",
+        "calcite-input-number",
+        "calcite-input-text",
+        "calcite-input-time-picker",
+        "calcite-select",
+        "calcite-text-area"
+      ],
       "dependencies": [
         "calcite-icon"
       ],
       "dependencyGraph": {
         "calcite-input-message": [
           "calcite-icon"
+        ],
+        "calcite-combobox": [
+          "calcite-input-message"
+        ],
+        "calcite-input": [
+          "calcite-input-message"
+        ],
+        "calcite-input-date-picker": [
+          "calcite-input-message"
+        ],
+        "calcite-input-number": [
+          "calcite-input-message"
+        ],
+        "calcite-input-text": [
+          "calcite-input-message"
+        ],
+        "calcite-input-time-picker": [
+          "calcite-input-message"
+        ],
+        "calcite-select": [
+          "calcite-input-message"
+        ],
+        "calcite-text-area": [
+          "calcite-input-message"
         ]
       }
     },
@@ -15237,6 +15435,51 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "validationIcon",
+          "type": "boolean | string",
+          "complexType": {
+            "original": "string | boolean",
+            "resolved": "boolean | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-icon",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation icon to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "validationMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-message",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation message to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "value",
           "type": "string",
@@ -15351,11 +15594,16 @@
       ],
       "dependencies": [
         "calcite-progress",
-        "calcite-icon"
+        "calcite-icon",
+        "calcite-input-message"
       ],
       "dependencyGraph": {
         "calcite-input-number": [
           "calcite-progress",
+          "calcite-icon",
+          "calcite-input-message"
+        ],
+        "calcite-input-message": [
           "calcite-icon"
         ],
         "calcite-color-picker": [
@@ -16041,6 +16289,51 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "validationIcon",
+          "type": "boolean | string",
+          "complexType": {
+            "original": "string | boolean",
+            "resolved": "boolean | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-icon",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation icon to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "validationMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-message",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation message to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "value",
           "type": "string",
@@ -16156,11 +16449,16 @@
       ],
       "dependencies": [
         "calcite-progress",
-        "calcite-icon"
+        "calcite-icon",
+        "calcite-input-message"
       ],
       "dependencyGraph": {
         "calcite-input-text": [
           "calcite-progress",
+          "calcite-icon",
+          "calcite-input-message"
+        ],
+        "calcite-input-message": [
           "calcite-icon"
         ],
         "calcite-color-picker-hex-input": [
@@ -16630,6 +16928,51 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "validationIcon",
+          "type": "boolean | string",
+          "complexType": {
+            "original": "string | boolean",
+            "resolved": "boolean | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-icon",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation icon to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "validationMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-message",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation message to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "value",
           "type": "string",
@@ -16795,17 +17138,23 @@
         "calcite-input-text",
         "calcite-popover",
         "calcite-time-picker",
-        "calcite-icon"
+        "calcite-icon",
+        "calcite-input-message"
       ],
       "dependencyGraph": {
         "calcite-input-time-picker": [
           "calcite-input-text",
           "calcite-popover",
           "calcite-time-picker",
-          "calcite-icon"
+          "calcite-icon",
+          "calcite-input-message"
         ],
         "calcite-input-text": [
           "calcite-progress",
+          "calcite-icon",
+          "calcite-input-message"
+        ],
+        "calcite-input-message": [
           "calcite-icon"
         ],
         "calcite-popover": [
@@ -17150,6 +17499,51 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "validationIcon",
+          "type": "boolean | string",
+          "complexType": {
+            "original": "string | boolean",
+            "resolved": "boolean | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-icon",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation icon to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "validationMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-message",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation message to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "value",
           "type": "string",
@@ -17289,11 +17683,15 @@
         ],
         "calcite-combobox": [
           "calcite-chip",
-          "calcite-icon"
+          "calcite-icon",
+          "calcite-input-message"
         ],
         "calcite-chip": [
           "calcite-icon"
         ],
+        "calcite-input-message": [
+          "calcite-icon"
+        ],
         "calcite-combobox-item": [
           "calcite-icon"
         ]
@@ -17756,7 +18154,7 @@
         }
       ],
       "usage": {
-        "Advanced": "```html\n<calcite-list>\n  <calcite-list-item\n    label=\"Dog\"\n    description=\"Also known as Canis familiaris, a carnivorous mammal closely related to the gray wolf that has been domesticated as a pet.\"\n  >\n    <calcite-action icon=\"information\" label=\"information\" scale=\"s\" slot=\"actions-start\"></calcite-action>\n    <calcite-icon scale=\"l\" icon=\"layer\" slot=\"content-start\"></calcite-icon>\n    <calcite-avatar scale=\"l\" slot=\"content-start\" thumbnail=\"https://placedog.net/300/300\"></calcite-avatar>\n    <calcite-icon\n      scale=\"s\"\n      icon=\"check\"\n      slot=\"content-end\"\n      style=\"color: var(--calcite-color-status-success)\"\n    ></calcite-icon>\n    <calcite-action icon=\"ellipsis\" label=\"menu\" slot=\"actions-end\"></calcite-action>\n    <calcite-action icon=\"x\" label=\"remove\" slot=\"actions-end\"></calcite-action>\n  </calcite-list-item>\n  <calcite-list-item\n    label=\"Cat\"\n    description=\"Also known as Felis catus, a carnivorous mammal that has long been domesticated as a pet and for catching rats and mice.\"\n  >\n    <calcite-action icon=\"information\" label=\"information\" scale=\"s\" slot=\"actions-start\"></calcite-action>\n    <calcite-icon scale=\"l\" icon=\"layer\" slot=\"content-start\"></calcite-icon>\n    <calcite-avatar scale=\"l\" slot=\"content-start\" thumbnail=\"https://placekitten.com/g/300/300\"></calcite-avatar>\n    <calcite-icon\n      scale=\"s\"\n      icon=\"check\"\n      slot=\"content-end\"\n      style=\"color: var(--calcite-color-status-success)\"\n    ></calcite-icon>\n    <calcite-action icon=\"ellipsis\" label=\"menu\" slot=\"actions-end\"></calcite-action>\n    <calcite-action icon=\"x\" label=\"remove\" slot=\"actions-end\"></calcite-action>\n  </calcite-list-item>\n  <calcite-list-item label=\"Bear\" description=\"Carnivorous mammals of the family Ursidae.\">\n    <calcite-action icon=\"information\" label=\"information\" scale=\"s\" slot=\"actions-start\"></calcite-action>\n    <calcite-icon scale=\"l\" icon=\"layer\" slot=\"content-start\"></calcite-icon>\n    <calcite-avatar scale=\"l\" slot=\"content-start\" thumbnail=\"https://placebear.com/g/400/400\"></calcite-avatar>\n    <calcite-icon\n      scale=\"s\"\n      icon=\"exclamation-mark-triangle\"\n      slot=\"content-end\"\n      style=\"color: var(--calcite-color-status-danger)\"\n    ></calcite-icon>\n    <calcite-action icon=\"ellipsis\" label=\"menu\" slot=\"actions-end\"></calcite-action>\n    <calcite-action icon=\"x\" label=\"remove\" slot=\"actions-end\"></calcite-action>\n  </calcite-list-item>\n</calcite-list>\n```\n",
+        "Advanced": "```html\n<calcite-list>\n  <calcite-list-item\n    label=\"Dog\"\n    description=\"Also known as Canis familiaris, a carnivorous mammal closely related to the gray wolf that has been domesticated as a pet.\"\n  >\n    <calcite-action icon=\"information\" label=\"information\" scale=\"s\" slot=\"actions-start\"></calcite-action>\n    <calcite-icon scale=\"l\" icon=\"layer\" slot=\"content-start\"></calcite-icon>\n    <calcite-avatar scale=\"l\" slot=\"content-start\" thumbnail=\"https://placedog.net/300/300\"></calcite-avatar>\n    <calcite-icon\n      scale=\"s\"\n      icon=\"check\"\n      slot=\"content-end\"\n      style=\"color: var(--calcite-color-status-success)\"\n    ></calcite-icon>\n    <calcite-action icon=\"ellipsis\" label=\"menu\" slot=\"actions-end\"></calcite-action>\n    <calcite-action icon=\"x\" label=\"remove\" slot=\"actions-end\"></calcite-action>\n  </calcite-list-item>\n  <calcite-list-item\n    label=\"Cat\"\n    description=\"Also known as Felis catus, a carnivorous mammal that has long been domesticated as a pet and for catching rats and mice.\"\n  >\n    <calcite-action icon=\"information\" label=\"information\" scale=\"s\" slot=\"actions-start\"></calcite-action>\n    <calcite-icon scale=\"l\" icon=\"layer\" slot=\"content-start\"></calcite-icon>\n    <calcite-avatar scale=\"l\" slot=\"content-start\" thumbnail=\"my-thumbnail.png\"></calcite-avatar>\n    <calcite-icon\n      scale=\"s\"\n      icon=\"check\"\n      slot=\"content-end\"\n      style=\"color: var(--calcite-color-status-success)\"\n    ></calcite-icon>\n    <calcite-action icon=\"ellipsis\" label=\"menu\" slot=\"actions-end\"></calcite-action>\n    <calcite-action icon=\"x\" label=\"remove\" slot=\"actions-end\"></calcite-action>\n  </calcite-list-item>\n  <calcite-list-item label=\"Bear\" description=\"Carnivorous mammals of the family Ursidae.\">\n    <calcite-action icon=\"information\" label=\"information\" scale=\"s\" slot=\"actions-start\"></calcite-action>\n    <calcite-icon scale=\"l\" icon=\"layer\" slot=\"content-start\"></calcite-icon>\n    <calcite-avatar scale=\"l\" slot=\"content-start\" thumbnail=\"https://placebear.com/g/400/400\"></calcite-avatar>\n    <calcite-icon\n      scale=\"s\"\n      icon=\"exclamation-mark-triangle\"\n      slot=\"content-end\"\n      style=\"color: var(--calcite-color-status-danger)\"\n    ></calcite-icon>\n    <calcite-action icon=\"ellipsis\" label=\"menu\" slot=\"actions-end\"></calcite-action>\n    <calcite-action icon=\"x\" label=\"remove\" slot=\"actions-end\"></calcite-action>\n  </calcite-list-item>\n</calcite-list>\n```\n",
         "Basic": "```html\n<calcite-list>\n  <calcite-list-item\n    label=\"Comet\"\n    description=\"Cosmic snowballs of frozen gases, rock, and dust that orbit the Sun.\"\n  ></calcite-list-item>\n  <calcite-list-item\n    label=\"Meteoroid\"\n    description=\"A small body of matter from outer space that enters Earth's atmosphere and appears like a streak of light.\"\n  ></calcite-list-item>\n  <calcite-list-item\n    label=\"Asteroid\"\n    description=\"A celestial body made of rock and metal that orbits the Sun.\"\n  ></calcite-list-item>\n</calcite-list>\n```\n",
         "DragEnabled": "```html\n<calcite-list drag-enabled>\n  <calcite-list-item\n    label=\"Don Quixote\"\n    value=\"1\"\n    description=\"Don Quixote is a Spanish epic novel by Miguel de Cervantes.\"\n  >\n    <calcite-icon icon=\"book\" slot=\"content-start\"></calcite-icon>\n  </calcite-list-item>\n  <calcite-list-item\n    label=\"A Tale of Two Cities\"\n    value=\"2\"\n    description=\"A historical novel published in 1859 by Charles Dickens, set in London and Paris before and during the French Revolution.\"\n  >\n    <calcite-icon icon=\"book\" slot=\"content-start\"></calcite-icon>\n  </calcite-list-item>\n  <calcite-list-item\n    label=\"The Lord of the Rings\"\n    value=\"3\"\n    description=\"An epic high-fantasy novel by the English author and scholar J. R. R. Tolkien.\"\n  >\n    <calcite-icon icon=\"book\" slot=\"content-start\"></calcite-icon>\n  </calcite-list-item>\n</calcite-list>\n```\n",
         "DragEnabledNested": "```html\n<calcite-list drag-enabled group=\"Birds\">\n  <calcite-list-item open label=\"Eagles\">\n    <calcite-list>\n      <calcite-list-item\n        label=\"Bald Eagle\"\n        description=\"The bald eagle is a bird of prey found in North America.\"\n      ></calcite-list-item>\n      <calcite-list-item\n        label=\"Golden Eagle\"\n        description=\"The golden eagle is a bird of prey living in the Northern Hemisphere.\"\n      ></calcite-list-item>\n    </calcite-list>\n  </calcite-list-item>\n  <calcite-list-item open label=\"Owls\">\n    <calcite-list>\n      <calcite-list-item\n        label=\"Great Horned Owl\"\n        description=\"The great horned owl, also known as the tiger owl, or the hoot owl, is a large owl native to the Americas.\"\n      ></calcite-list-item>\n      <calcite-list-item\n        label=\"Snow Owl\"\n        description=\"The snowy owl, also known as the polar owl, the white owl and the Arctic owl, is a large, white owl of the true owl family.\"\n      ></calcite-list-item>\n    </calcite-list>\n  </calcite-list-item>\n</calcite-list>\n```\n",
@@ -18440,6 +18838,10 @@
         ],
         "calcite-input": [
           "calcite-progress",
+          "calcite-icon",
+          "calcite-input-message"
+        ],
+        "calcite-input-message": [
           "calcite-icon"
         ]
       }
@@ -18785,6 +19187,20 @@
           "composed": true,
           "docs": "Emits when the item's content is selected.",
           "docsTags": []
+        },
+        {
+          "event": "calciteListItemToggle",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": false,
+          "composed": true,
+          "docs": "Fires when the open button is clicked.",
+          "docsTags": []
         }
       ],
       "listeners": [
@@ -23342,6 +23758,10 @@
         ],
         "calcite-input": [
           "calcite-progress",
+          "calcite-icon",
+          "calcite-input-message"
+        ],
+        "calcite-input-message": [
           "calcite-icon"
         ],
         "calcite-scrim": [
@@ -26465,6 +26885,51 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "validationIcon",
+          "type": "boolean | string",
+          "complexType": {
+            "original": "string | boolean",
+            "resolved": "boolean | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-icon",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation icon to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "validationMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-message",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation message to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "value",
           "type": "string",
@@ -26598,10 +27063,15 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
-        "calcite-icon"
+        "calcite-icon",
+        "calcite-input-message"
       ],
       "dependencyGraph": {
         "calcite-select": [
+          "calcite-icon",
+          "calcite-input-message"
+        ],
+        "calcite-input-message": [
           "calcite-icon"
         ]
       }
@@ -29243,8 +29713,8 @@
         }
       ],
       "usage": {
-        "Basic": "```html\n<calcite-stack>\n  <calcite-action appearance=\"transparent\" text=\"banana\" icon=\"banana\" slot=\"actions-start\"></calcite-action>\n  <calcite-chip slot=\"content-start\" value=\"chip\" scale=\"s\" appearance=\"outline\">My great chip</calcite-chip>\n  Hello World\n  <calcite-avatar slot=\"content-end\" thumbnail=\"http://placekitten.com/105/105\" scale=\"s\"> </calcite-avatar>\n  <calcite-action appearance=\"transparent\" text=\"Close\" icon=\"x\" slot=\"actions-end\"></calcite-action>\n</calcite-stack>\n```\n",
-        "Disabled": "```html\n<calcite-stack disabled>\n  <calcite-action appearance=\"transparent\" text=\"banana\" icon=\"banana\" slot=\"actions-start\"></calcite-action>\n  Hello World\n  <calcite-avatar slot=\"content-end\" thumbnail=\"http://placekitten.com/105/105\" scale=\"s\"> </calcite-avatar>\n  <calcite-chip slot=\"content-start\" value=\"chip\" scale=\"s\" appearance=\"outline\">My great chip</calcite-chip>\n  <calcite-action appearance=\"transparent\" text=\"Close\" icon=\"x\" slot=\"actions-end\"></calcite-action>\n</calcite-stack>\n```\n"
+        "Basic": "```html\n<calcite-stack>\n  <calcite-action appearance=\"transparent\" text=\"banana\" icon=\"banana\" slot=\"actions-start\"></calcite-action>\n  <calcite-chip slot=\"content-start\" value=\"chip\" scale=\"s\" appearance=\"outline\">My great chip</calcite-chip>\n  Hello World\n  <calcite-avatar slot=\"content-end\" thumbnail=\"my-thumbnail.png\" scale=\"s\"> </calcite-avatar>\n  <calcite-action appearance=\"transparent\" text=\"Close\" icon=\"x\" slot=\"actions-end\"></calcite-action>\n</calcite-stack>\n```\n",
+        "Disabled": "```html\n<calcite-stack disabled>\n  <calcite-action appearance=\"transparent\" text=\"banana\" icon=\"banana\" slot=\"actions-start\"></calcite-action>\n  Hello World\n  <calcite-avatar slot=\"content-end\" thumbnail=\"my-thumbnail.png\" scale=\"s\"> </calcite-avatar>\n  <calcite-chip slot=\"content-start\" value=\"chip\" scale=\"s\" appearance=\"outline\">My great chip</calcite-chip>\n  <calcite-action appearance=\"transparent\" text=\"Close\" icon=\"x\" slot=\"actions-end\"></calcite-action>\n</calcite-stack>\n```\n"
       },
       "props": [
         {
@@ -31175,6 +31645,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "striped",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "striped",
+          "reflectToAttr": true,
+          "docs": "When `true`, displays striped styling in the component.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "zebra",
           "type": "boolean",
@@ -31186,9 +31678,15 @@
           "mutable": false,
           "attr": "zebra",
           "reflectToAttr": true,
-          "docs": "When `true`, displays zebra styling in the component.",
-          "docsTags": [],
+          "docs": "When `true`, displays striped styling in the component.",
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "Use the `striped` property instead."
+            }
+          ],
           "default": "false",
+          "deprecation": "Use the `striped` property instead.",
           "values": [
             {
               "type": "boolean"
@@ -31440,11 +31938,6 @@
           "name": "--calcite-table-cell-background",
           "annotation": "prop",
           "docs": "Specifies the background color of the component."
-        },
-        {
-          "name": "--calcite-table-cell-border-color",
-          "annotation": "prop",
-          "docs": "Specifies the border color of the component."
         }
       ],
       "slots": [
@@ -31817,8 +32310,8 @@
         }
       ],
       "usage": {
-        "Basic": "`calcite-tabs` uses several sub-components ([calcite-tab-nav](../tab-nav), [calcite-tab](../tab), [calcite-tab-title](../tab-title)) to create a tabbed interface with optional client side storage. Place your content inside of the `<calcite-tab>` element:\n\n```html\n<calcite-tabs>\n  <calcite-tab-nav slot=\"title-group\">\n    <calcite-tab-title selected>Dogs</calcite-tab-title>\n    <calcite-tab-title>Cats</calcite-tab-title>\n    <calcite-tab-title>Bears</calcite-tab-title>\n  </calcite-tab-nav>\n  <calcite-tab selected><img src=\"https://placedog.net/550/600\" /></calcite-tab>\n  <calcite-tab><img src=\"https://placekitten.com/550/600\" /></calcite-tab>\n  <calcite-tab><img src=\"https://placebear.com/550/600\" /></calcite-tab>\n</calcite-tabs>\n```\n",
-        "Bordered": "```html\n<calcite-tabs bordered layout=\"center\" position=\"bottom\">\n  <calcite-tab-nav slot=\"title-group\">\n    <calcite-tab-title selected>Dogs</calcite-tab-title>\n    <calcite-tab-title>Cats</calcite-tab-title>\n    <calcite-tab-title>Bears</calcite-tab-title>\n  </calcite-tab-nav>\n  <calcite-tab selected><img src=\"https://placedog.net/550/600\" /></calcite-tab>\n  <calcite-tab><img src=\"https://placekitten.com/550/600\" /></calcite-tab>\n  <calcite-tab><img src=\"https://placebear.com/550/600\" /></calcite-tab>\n</calcite-tabs>\n```\n"
+        "Basic": "`calcite-tabs` uses several sub-components ([calcite-tab-nav](../tab-nav), [calcite-tab](../tab), [calcite-tab-title](../tab-title)) to create a tabbed interface with optional client side storage. Place your content inside of the `<calcite-tab>` element:\n\n```html\n<calcite-tabs>\n  <calcite-tab-nav slot=\"title-group\">\n    <calcite-tab-title selected>Dogs</calcite-tab-title>\n    <calcite-tab-title>Cats</calcite-tab-title>\n    <calcite-tab-title>Bears</calcite-tab-title>\n  </calcite-tab-nav>\n  <calcite-tab selected><img src=\"https://placedog.net/550/600\" /></calcite-tab>\n  <calcite-tab><img src=\"my-image.png\" /></calcite-tab>\n  <calcite-tab><img src=\"my-image2.png\" /></calcite-tab>\n</calcite-tabs>\n```\n",
+        "Bordered": "```html\n<calcite-tabs bordered layout=\"center\" position=\"bottom\">\n  <calcite-tab-nav slot=\"title-group\">\n    <calcite-tab-title selected>Dogs</calcite-tab-title>\n    <calcite-tab-title>Cats</calcite-tab-title>\n    <calcite-tab-title>Bears</calcite-tab-title>\n  </calcite-tab-nav>\n  <calcite-tab selected><img src=\"https://placedog.net/550/600\" /></calcite-tab>\n  <calcite-tab><img src=\"my-image.png\" /></calcite-tab>\n  <calcite-tab><img src=\"my-image2.png\" /></calcite-tab>\n</calcite-tabs>\n```\n"
       },
       "props": [
         {
@@ -32494,6 +32987,51 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "validationIcon",
+          "type": "boolean | string",
+          "complexType": {
+            "original": "string | boolean",
+            "resolved": "boolean | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-icon",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation icon to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "validationMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "validation-message",
+          "reflectToAttr": false,
+          "docs": "Specifies the validation message to display under the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "value",
           "type": "string",
@@ -32642,8 +33180,17 @@
       ],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "calcite-input-message"
+      ],
+      "dependencyGraph": {
+        "calcite-text-area": [
+          "calcite-input-message"
+        ],
+        "calcite-input-message": [
+          "calcite-icon"
+        ]
+      }
     },
     {
       "filePath": "src/components/tile/tile.tsx",
@@ -33667,7 +34214,7 @@
         }
       ],
       "usage": {
-        "Basic": "Renders a close-disabled tip with a heading, thumbnail, info and a link.\n\n```html\n<calcite-tip close-disabled heading=\"Kittens\">\n  <img slot=\"thumbnail\" src=\"https://placekitten.com/1000/600\" alt=\"\" />\n  <p>\n    Did you know that kittens are born with their eyes shut and ears folded? They start to open their eyes and unfold\n    their ears after about a week.\n  </p>\n</calcite-tip>\n```\n"
+        "Basic": "Renders a close-disabled tip with a heading, thumbnail, info and a link.\n\n```html\n<calcite-tip close-disabled heading=\"Kittens\">\n  <img slot=\"thumbnail\" src=\"my-thumbnail.png\" alt=\"\" />\n  <p>\n    Did you know that kittens are born with their eyes shut and ears folded? They start to open their eyes and unfold\n    their ears after about a week.\n  </p>\n</calcite-tip>\n```\n"
       },
       "props": [
         {
@@ -33944,7 +34491,7 @@
         }
       ],
       "usage": {
-        "Basic": "Renders a tip manager using a group of tips as well as a single tip.\n\n```html\n<calcite-tip-manager>\n  <calcite-tip-group group-title=\"Animal Insights\">\n    <calcite-tip heading=\"Paws for Thought\" selected>\n      <img slot=\"thumbnail\" src=\"https://placedog.net/400/200\" />\n      <p>\n        Did you know that a dog's sense of smell is so powerful that it can detect certain diseases, including cancer,\n        with remarkable accuracy?\n      </p>\n      <p>\n        Explore the incredible abilities of dogs with our\n        <calcite-link href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Canine Marvels</calcite-link>.\n      </p>\n    </calcite-tip>\n    <calcite-tip heading=\"Whisker Wisdom\" hidden>\n      <img slot=\"thumbnail\" src=\"https://placekitten.com/400/200\" />\n      <p>\n        Cats use their whiskers not only for balance but also to measure openings. If a cat's whiskers fit through an\n        opening, the rest of its body will too!\n      </p>\n      <p>\n        Discover intriguing facts about cats with our\n        <calcite-link href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Curious Cat Chronicles</calcite-link>.\n      </p>\n    </calcite-tip>\n  </calcite-tip-group>\n  <calcite-tip heading=\"Bear Essentials\" hidden>\n    <img slot=\"thumbnail\" src=\"https://placebear.com/400/200\" />\n    <p>\n      Bears are excellent swimmers! They can swim long distances and even dive for their meals. Polar bears, in\n      particular, are known to swim for hours in search of food.\n    </p>\n    <p>\n      Explore the aquatic side of bears with our\n      <calcite-link href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Bear Aquatics</calcite-link>.\n    </p>\n  </calcite-tip>\n</calcite-tip-manager>\n```\n"
+        "Basic": "Renders a tip manager using a group of tips as well as a single tip.\n\n```html\n<calcite-tip-manager>\n  <calcite-tip-group group-title=\"Animal Insights\">\n    <calcite-tip heading=\"Paws for Thought\" selected>\n      <img slot=\"thumbnail\" src=\"https://placedog.net/400/200\" />\n      <p>\n        Did you know that a dog's sense of smell is so powerful that it can detect certain diseases, including cancer,\n        with remarkable accuracy?\n      </p>\n      <p>\n        Explore the incredible abilities of dogs with our\n        <calcite-link href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Canine Marvels</calcite-link>.\n      </p>\n    </calcite-tip>\n    <calcite-tip heading=\"Whisker Wisdom\" hidden>\n      <img slot=\"thumbnail\" src=\"my-thumbnail.png\" />\n      <p>\n        Cats use their whiskers not only for balance but also to measure openings. If a cat's whiskers fit through an\n        opening, the rest of its body will too!\n      </p>\n      <p>\n        Discover intriguing facts about cats with our\n        <calcite-link href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Curious Cat Chronicles</calcite-link>.\n      </p>\n    </calcite-tip>\n  </calcite-tip-group>\n  <calcite-tip heading=\"Bear Essentials\" hidden>\n    <img slot=\"thumbnail\" src=\"https://placebear.com/400/200\" />\n    <p>\n      Bears are excellent swimmers! They can swim long distances and even dive for their meals. Polar bears, in\n      particular, are known to swim for hours in search of food.\n    </p>\n    <p>\n      Explore the aquatic side of bears with our\n      <calcite-link href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Bear Aquatics</calcite-link>.\n    </p>\n  </calcite-tip>\n</calcite-tip-manager>\n```\n"
       },
       "props": [
         {
@@ -35528,6 +36075,10 @@
         ],
         "calcite-input": [
           "calcite-progress",
+          "calcite-icon",
+          "calcite-input-message"
+        ],
+        "calcite-input-message": [
           "calcite-icon"
         ],
         "calcite-scrim": [