@esri/calcite-components 1.0.0-beta.76 → 1.0.0-beta.79

package/dist/extras/docs-json.json

@@ -1,13 +1,13 @@
 {
-  "timestamp": "2022-02-01T01:47:54",
+  "timestamp": "2022-03-15T02:53:34",
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.13.0",
-    "typescriptVersion": "4.3.5"
+    "version": "2.14.1",
+    "typescriptVersion": "4.5.4"
   },
   "components": [
     {
-      "filePath": "./src/components/calcite-accordion/calcite-accordion.tsx",
+      "filePath": "./src/components/accordion/accordion.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-accordion",
       "readme": "# calcite-accordion\n\n`calcite-accordion` can be used to present content in collapsible sections. Configuration options exist for visual style (icon-position, scale, appearance), and selection functionality. Selection modes include \"multi\", \"single\", and \"single-persist\".\n",
@@ -181,7 +181,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-accordion-item/calcite-accordion-item.tsx",
+      "filePath": "./src/components/accordion-item/accordion-item.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-accordion-item",
       "readme": "# calcite-accordion-item\n\nindividual `calcite-accordion` item\n",
@@ -294,7 +294,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-action/calcite-action.tsx",
+      "filePath": "./src/components/action/action.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-action",
       "readme": "# calcite-action\n\nThe `calcite-action` component lives in either a `calcite-action-bar` or `calcite-action-pad`. Actions look like an icon with a text description option of the component that will be revealed when the icon/ text is clicked or selected.\n",
@@ -646,7 +646,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-action-bar/calcite-action-bar.tsx",
+      "filePath": "./src/components/action-bar/action-bar.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-action-bar",
       "readme": "# calcite-action-bar\n\n## Description\n\nThe `calcite-action-bar` component is made up of multiple `calcite-action`s in the form of clickable icons. The action bar can be expanded to view actions with descriptive text or made smaller to view with just icons.\n",
@@ -875,7 +875,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-action-group/calcite-action-group.tsx",
+      "filePath": "./src/components/action-group/action-group.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-action-group",
       "readme": "# calcite-action-group\n\nThe `calcite-action-group` is a wrapper for multiple `calcite-action`s and housed in `calcite-action-bar` and `calcite-action-pad`.\n",
@@ -1095,7 +1095,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-action-menu/calcite-action-menu.tsx",
+      "filePath": "./src/components/action-menu/action-menu.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-action-menu",
       "readme": "# calcite-action-menu\n",
@@ -1213,7 +1213,7 @@
           "docsTags": [
             {
               "name": "see",
-              "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
+              "text": "[PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
             }
           ],
           "default": "\"auto\"",
@@ -1341,7 +1341,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-action-pad/calcite-action-pad.tsx",
+      "filePath": "./src/components/action-pad/action-pad.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-action-pad",
       "readme": "# calcite-action-pad\n\nThe `calcite-action-pad` component is made up of `calcite-action`s in the form of clickable icons. This does not have an expandable option and is a smaller and simpler component than `calcite-action-bar`.\n",
@@ -1570,7 +1570,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-alert/calcite-alert.tsx",
+      "filePath": "./src/components/alert/alert.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-alert",
       "readme": "# calcite-alert\n",
@@ -1890,7 +1890,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-avatar/calcite-avatar.tsx",
+      "filePath": "./src/components/avatar/avatar.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-avatar",
       "readme": "# calcite-avatar\n\nThe avatar component provides a unique (but consistent) visual for a user. It's built\nto work with users returned from the ArcGIS REST API.\n",
@@ -2008,7 +2008,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-block/calcite-block.tsx",
+      "filePath": "./src/components/block/block.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-block",
       "readme": "# calcite-block\n\nThe `calcite-block` component is intended for displaying a heading and content. Content can also include stacked, collapsible `calcite-block-section`s typically housed in a panel.\n",
@@ -2366,7 +2366,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-block-section/calcite-block-section.tsx",
+      "filePath": "./src/components/block-section/block-section.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-block-section",
       "readme": "# calcite-block-section\n\nThe `calcite-block-section` component is a child element of `calcite-block`. Sections can have their own header and content and can be toggled open or closed.\n",
@@ -2526,7 +2526,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-button/calcite-button.tsx",
+      "filePath": "./src/components/button/button.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-button",
       "readme": "# calcite-button\n",
@@ -3023,7 +3023,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-card/calcite-card.tsx",
+      "filePath": "./src/components/card/card.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-card",
       "readme": "# calcite-card\n",
@@ -3232,7 +3232,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-checkbox/calcite-checkbox.tsx",
+      "filePath": "./src/components/checkbox/checkbox.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-checkbox",
       "readme": "# calcite-checkbox\n",
@@ -3420,7 +3420,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-chip/calcite-chip.tsx",
+      "filePath": "./src/components/chip/chip.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-chip",
       "readme": "# calcite-chip\n",
@@ -3671,7 +3671,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-color-picker/calcite-color-picker.tsx",
+      "filePath": "./src/components/color-picker/color-picker.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-color-picker",
       "readme": "# calcite-color-picker\n",
@@ -3721,6 +3721,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "When true, disabled prevents user interaction.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "format",
           "type": "\"auto\" | \"hex\" | \"hexa\" | \"hsl\" | \"hsl-css\" | \"hsla\" | \"hsla-css\" | \"hsv\" | \"hsva\" | \"rgb\" | \"rgb-css\" | \"rgba\" | \"rgba-css\"",
@@ -4309,7 +4326,7 @@
           "mutable": true,
           "attr": "value",
           "reflectToAttr": false,
-          "docs": "The color value.\n\nThis value can be either a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/color|CSS string}\na RGB, HSL or HSV object.\n\nThe type will be preserved as the color is updated.",
+          "docs": "The color value.\n\nThis value can be either a {@link https ://developer.mozilla.org/en-US/docs/Web/CSS/color|CSS string}\na RGB, HSL or HSV object.\n\nThe type will be preserved as the color is updated.",
           "docsTags": [
             {
               "name": "default",
@@ -4317,7 +4334,7 @@
             },
             {
               "name": "see",
-              "text": " [ColorValue](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-color-picker/interfaces.ts#L10)"
+              "text": "[ColorValue](https://github.com/Esri/calcite-components/blob/master/src/components/color-picker/interfaces.ts#L10)"
             }
           ],
           "default": "defaultValue",
@@ -4436,7 +4453,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-color-picker-hex-input/calcite-color-picker-hex-input.tsx",
+      "filePath": "./src/components/color-picker-hex-input/color-picker-hex-input.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-color-picker-hex-input",
       "readme": "# calcite-hex-input\n",
@@ -4605,7 +4622,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-color-picker-swatch/calcite-color-picker-swatch.tsx",
+      "filePath": "./src/components/color-picker-swatch/color-picker-swatch.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-color-picker-swatch",
       "readme": "# my-component\n",
@@ -4699,7 +4716,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-combobox/calcite-combobox.tsx",
+      "filePath": "./src/components/combobox/combobox.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-combobox",
       "readme": "# calcite-combobox\n",
@@ -4766,6 +4783,21 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "flipPlacements",
+          "type": "ComputedPlacement[]",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Defines the available placements that can be used when a flip occurs.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "ComputedPlacement[]"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "intlRemoveTag",
           "type": "string",
@@ -5059,7 +5091,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-combobox-item/calcite-combobox-item.tsx",
+      "filePath": "./src/components/combobox-item/combobox-item.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-combobox-item",
       "readme": "# calcite-combobox-item\n",
@@ -5091,14 +5123,14 @@
         },
         {
           "name": "ancestors",
-          "type": "ComboboxChildElement[]",
+          "type": "any[]",
           "mutable": true,
           "reflectToAttr": false,
           "docs": "Parent and grandparent combobox items, this is set internally for use from combobox",
           "docsTags": [],
           "values": [
             {
-              "type": "ComboboxChildElement[]"
+              "type": "any[]"
             }
           ],
           "optional": false,
@@ -5264,7 +5296,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-combobox-item-group/calcite-combobox-item-group.tsx",
+      "filePath": "./src/components/combobox-item-group/combobox-item-group.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-combobox-item-group",
       "readme": "# calcite-combobox-item-group\n",
@@ -5279,14 +5311,14 @@
       "props": [
         {
           "name": "ancestors",
-          "type": "ComboboxChildElement[]",
+          "type": "any[]",
           "mutable": true,
           "reflectToAttr": false,
           "docs": "Parent and grandparent combobox items, this is set internally for use from combobox",
           "docsTags": [],
           "values": [
             {
-              "type": "ComboboxChildElement[]"
+              "type": "any[]"
             }
           ],
           "optional": false,
@@ -5325,7 +5357,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-date-picker/calcite-date-picker.tsx",
+      "filePath": "./src/components/date-picker/date-picker.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-date-picker",
       "readme": "# calcite-date-picker\n\nThe `calcite-date-picker` component allows for selecting a date via a calendar or text input. It supports multiple locales, languages, right to left, and is fully keyboard accessible.\n",
@@ -5744,7 +5776,7 @@
           "docsTags": [
             {
               "name": "see",
-              "text": " [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-date-picker/interfaces.ts#L1)"
+              "text": "[DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/date-picker/interfaces.ts#L1)"
             }
           ]
         }
@@ -5777,7 +5809,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-date-picker-day/calcite-date-picker-day.tsx",
+      "filePath": "./src/components/date-picker-day/date-picker-day.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-date-picker-day",
       "readme": "# calcite-date-day\n",
@@ -6043,7 +6075,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-date-picker-month/calcite-date-picker-month.tsx",
+      "filePath": "./src/components/date-picker-month/date-picker-month.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-date-picker-month",
       "readme": "# calcite-date-month\n",
@@ -6230,7 +6262,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-date-picker-month-header/calcite-date-picker-month-header.tsx",
+      "filePath": "./src/components/date-picker-month-header/date-picker-month-header.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-date-picker-month-header",
       "readme": "# calcite-date-month-header\n",
@@ -6472,7 +6504,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-dropdown/calcite-dropdown.tsx",
+      "filePath": "./src/components/dropdown/dropdown.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-dropdown",
       "readme": "# calcite-dropdown\n\nA `calcite-dropdown` can be used to provide an absolutely positioned set of selectable items. You can combine multiple groups of items and selection modes, and optionally pass a title for each group. All `<calcite-dropdown-item>` must have a parent `<calcite-dropdown-group>`, even if `group-title` attribute is not set.\n",
@@ -6544,6 +6576,21 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "flipPlacements",
+          "type": "ComputedPlacement[]",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Defines the available placements that can be used when a flip occurs.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "ComputedPlacement[]"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "maxItems",
           "type": "number",
@@ -6596,7 +6643,7 @@
               "text": "\"bottom-leading\""
             }
           ],
-          "default": "DefaultDropdownPlacement",
+          "default": "defaultMenuPlacement",
           "values": [
             {
               "value": "bottom",
@@ -6847,7 +6894,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-dropdown-group/calcite-dropdown-group.tsx",
+      "filePath": "./src/components/dropdown-group/dropdown-group.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-dropdown-group",
       "readme": "# calcite-dropdown-group\n",
@@ -6950,7 +6997,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-dropdown-item/calcite-dropdown-item.tsx",
+      "filePath": "./src/components/dropdown-item/dropdown-item.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-dropdown-item",
       "readme": "# calcite-dropdown-item\n",
@@ -7153,7 +7200,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-fab/calcite-fab.tsx",
+      "filePath": "./src/components/fab/fab.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-fab",
       "readme": "# calcite-fab\n",
@@ -7382,7 +7429,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-filter/calcite-filter.tsx",
+      "filePath": "./src/components/filter/filter.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-filter",
       "readme": "# calcite-filter\n",
@@ -7466,13 +7513,14 @@
           "reflectToAttr": false,
           "docs": "The items to filter through. The filter uses this as the starting point, and returns items\nthat contain the string entered in the input, using a partial match and recursive search.\n\nThis property is required.",
           "docsTags": [],
+          "default": "[]",
           "values": [
             {
               "type": "object[]"
             }
           ],
           "optional": false,
-          "required": true
+          "required": false
         },
         {
           "name": "placeholder",
@@ -7490,6 +7538,32 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "scale",
+          "type": "\"l\" | \"m\" | \"s\"",
+          "mutable": false,
+          "attr": "scale",
+          "reflectToAttr": true,
+          "docs": "specify the scale of filter, defaults to m",
+          "docsTags": [],
+          "default": "\"m\"",
+          "values": [
+            {
+              "value": "l",
+              "type": "string"
+            },
+            {
+              "value": "m",
+              "type": "string"
+            },
+            {
+              "value": "s",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "value",
           "type": "string",
@@ -7498,12 +7572,13 @@
           "reflectToAttr": false,
           "docs": "Filter value.",
           "docsTags": [],
+          "default": "\"\"",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         }
       ],
@@ -7540,19 +7615,14 @@
         "calcite-value-list"
       ],
       "dependencies": [
-        "calcite-scrim",
         "calcite-input",
         "calcite-icon"
       ],
       "dependencyGraph": {
         "calcite-filter": [
-          "calcite-scrim",
           "calcite-input",
           "calcite-icon"
         ],
-        "calcite-scrim": [
-          "calcite-loader"
-        ],
         "calcite-input": [
           "calcite-progress",
           "calcite-icon"
@@ -7566,7 +7636,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-flow/calcite-flow.tsx",
+      "filePath": "./src/components/flow/flow.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-flow",
       "readme": "# calcite-flow\n\nThe `calcite-flow` component is a series of panels that provides a user with a workflow (eg. editing experience), by which the user can switch from panel to panel of `calcite-panel`s.\n",
@@ -7616,7 +7686,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-graph/calcite-graph.tsx",
+      "filePath": "./src/components/graph/graph.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-graph",
       "readme": "# calcite-graph\n\nThe graph component is used to show small, lightweight graphs in places where a full interactive chart is not needed. This includes sparklines, histograms, and small trend plots.\n",
@@ -7737,7 +7807,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-handle/calcite-handle.tsx",
+      "filePath": "./src/components/handle/handle.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-handle",
       "readme": "# calcite-handle\n",
@@ -7807,7 +7877,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-icon/calcite-icon.tsx",
+      "filePath": "./src/components/icon/icon.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-icon",
       "readme": "# calcite-icon\n",
@@ -8045,7 +8115,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-inline-editable/calcite-inline-editable.tsx",
+      "filePath": "./src/components/inline-editable/inline-editable.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-inline-editable",
       "readme": "# calcite-inline-editable\n",
@@ -8300,7 +8370,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-input/calcite-input.tsx",
+      "filePath": "./src/components/input/input.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-input",
       "readme": "# calcite-input\n",
@@ -8988,7 +9058,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-input-date-picker/calcite-input-date-picker.tsx",
+      "filePath": "./src/components/input-date-picker/input-date-picker.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-input-date-picker",
       "readme": "# calcite-input-date-picker\n",
@@ -9075,6 +9145,21 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "flipPlacements",
+          "type": "ComputedPlacement[]",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Defines the available placements that can be used when a flip occurs.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "ComputedPlacement[]"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "headingLevel",
           "type": "1 | 2 | 3 | 4 | 5 | 6",
@@ -9508,7 +9593,7 @@
           "docsTags": [
             {
               "name": "see",
-              "text": " [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-date-picker/interfaces.ts#L1)"
+              "text": "[DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-date-picker/interfaces.ts#L1)"
             },
             {
               "name": "deprecated",
@@ -9576,7 +9661,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-input-message/calcite-input-message.tsx",
+      "filePath": "./src/components/input-message/input-message.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-input-message",
       "readme": "# calcite-input-message\n\nDisplays a contextual message to a user. Allows the passing of content, links, etc.\n",
@@ -9731,7 +9816,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-input-time-picker/calcite-input-time-picker.tsx",
+      "filePath": "./src/components/input-time-picker/input-time-picker.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-input-time-picker",
       "readme": "# calcite-input-time-picker\n",
@@ -10123,7 +10208,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-label/calcite-label.tsx",
+      "filePath": "./src/components/label/label.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-label",
       "readme": "# calcite-label\n\nRenders a `<label>` around its children and can be used with any [labelable native](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Form_labelable) or labelable calcite element.\n",
@@ -10189,8 +10274,14 @@
           "attr": "disabled",
           "reflectToAttr": true,
           "docs": "is the label disabled",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use the `disabled` property on the interactive components instead"
+            }
+          ],
           "default": "false",
+          "deprecation": "use the `disabled` property on the interactive components instead",
           "values": [
             {
               "type": "boolean"
@@ -10322,7 +10413,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-link/calcite-link.tsx",
+      "filePath": "./src/components/link/link.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-link",
       "readme": "# calcite-link\n",
@@ -10520,7 +10611,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-list/calcite-list.tsx",
+      "filePath": "./src/components/list/list.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-list",
       "readme": "# calcite-list\n",
@@ -10538,6 +10629,23 @@
         "Nested": "```html\n<calcite-list>\n  <calcite-list-item\n    label=\"Cras iaculis ultricies nulla.\"\n    description=\"Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\"\n  >\n    <calcite-list-item label=\"Ut aliquam sollicitudin leo.\" description=\"Aliquam tincidunt mauris eu risus.\">\n      <calcite-list-item\n        label=\"Vestibulum commodo felis quis tortor.\"\n        description=\"Vestibulum auctor dapibus neque.\"\n      ></calcite-list-item></calcite-list-item\n  ></calcite-list-item>\n</calcite-list>\n```\n"
       },
       "props": [
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "When true, disabled prevents user interaction.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "headingLevel",
           "type": "1 | 2 | 3 | 4 | 5 | 6",
@@ -10604,7 +10712,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-list-item/calcite-list-item.tsx",
+      "filePath": "./src/components/list-item/list-item.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-list-item",
       "readme": "# calcite-list-item\n\nA general purpose list that enables users to construct list items that conform to Calcite styling.\n\nIf you are looking for a list that handles more advanced usage like selection, see the documentation for 'calcite-pick-list' or 'calcite-value-list'.\n",
@@ -10744,7 +10852,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-list-item-group/calcite-list-item-group.tsx",
+      "filePath": "./src/components/list-item-group/list-item-group.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-list-item-group",
       "readme": "# calcite-list-item-group\n",
@@ -10827,7 +10935,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-loader/calcite-loader.tsx",
+      "filePath": "./src/components/loader/loader.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-loader",
       "readme": "# calcite-loader\n\nThe `calcite-loader` component can act as a determinate or indeterminate loading indicator.\n",
@@ -11037,7 +11145,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-modal/calcite-modal.tsx",
+      "filePath": "./src/components/modal/modal.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-modal",
       "readme": "# calcite-modal\n\n`calcite-modal` allows you to show a modal/dialog to your users. The modal handles fencing focus and animating in/out.\n\n<style>\n  html {\n      overflow:auto !important;\n  }\n</style>",
@@ -11469,7 +11577,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-notice/calcite-notice.tsx",
+      "filePath": "./src/components/notice/notice.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-notice",
       "readme": "# calcite-notice\n",
@@ -11726,7 +11834,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-option/calcite-option.tsx",
+      "filePath": "./src/components/option/option.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-option",
       "readme": "# calcite-option\n",
@@ -11811,7 +11919,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-option-group/calcite-option-group.tsx",
+      "filePath": "./src/components/option-group/option-group.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-option-group",
       "readme": "# calcite-option-group\n",
@@ -11874,7 +11982,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-pagination/calcite-pagination.tsx",
+      "filePath": "./src/components/pagination/pagination.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-pagination",
       "readme": "# calcite-pagination\n\n`calcite-pagination` allows users to select a page from a paginated API.\n",
@@ -12033,7 +12141,7 @@
       "events": [
         {
           "event": "calcitePaginationChange",
-          "detail": "CalcitePaginationDetail",
+          "detail": "PaginationDetail",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -12041,13 +12149,13 @@
           "docsTags": [
             {
               "name": "see",
-              "text": " [CalcitePaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pagination/calcite-pagination.tsx#L18)"
+              "text": "[PaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/pagination/calcite-pagination.tsx#L18)"
             }
           ]
         },
         {
           "event": "calcitePaginationUpdate",
-          "detail": "CalcitePaginationDetail",
+          "detail": "PaginationDetail",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -12082,7 +12190,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-panel/calcite-panel.tsx",
+      "filePath": "./src/components/panel/panel.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-panel",
       "readme": "# calcite-panel\n\nThe `calcite-panel` component is a container for a header, content and optional footer. The header will have centered content as well as optional leading and trailing content. The panel can also be setup to be dismissible which allows it to be closed by a user.\n",
@@ -12253,7 +12361,7 @@
           "mutable": false,
           "attr": "height-scale",
           "reflectToAttr": true,
-          "docs": "Specifies the maxiumum height of the panel.",
+          "docs": "Specifies the maximum height of the panel.",
           "docsTags": [],
           "values": [
             {
@@ -12269,7 +12377,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -12550,7 +12658,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-pick-list/calcite-pick-list.tsx",
+      "filePath": "./src/components/pick-list/pick-list.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-pick-list",
       "readme": "# calcite-pick-list\n\n`calcite-pick-list` lives in a panel and contains `calcite-pick-list-item`s. Each item is able to be be selected via radio button or checkboxes (which have a multiselect and shift-click capability). There is also an option for a filter at the top of the list for searching.\n",
@@ -12568,7 +12676,7 @@
       "usage": {
         "Basic": "Renders a basic pick list with radio buttons on the left and actions on the right side.\n\n```html\n<calcite-pick-list>\n  <calcite-pick-list-item label=\"T. Rex\" description=\"Arm strength impaired\" value=\"trex\">\n    <calcite-action slot=\"actions-end\" icon=\"circle\"></calcite-action>\n  </calcite-pick-list-item>\n  <calcite-pick-list-item label=\"Triceratops\" description=\"3 horn\" value=\"triceratops\" selected>\n    <calcite-action slot=\"actions-end\" icon=\"circle\"></calcite-action>\n  </calcite-pick-list-item>\n  <calcite-pick-list-item label=\"Velociraptor\" description=\"Swift seizer\" value=\"velociraptor\">\n    <calcite-action slot=\"actions-end\" icon=\"circle\"></calcite-action>\n  </calcite-pick-list-item>\n</calcite-pick-list>\n```\n",
         "Multi-select-and-filter-enabled": "Renders a pick list with a sticky filter and checkboxes for multiple selection of items.\n\n```html\n<calcite-pick-list multiple filter-enabled>\n  <calcite-pick-list-item label=\"Chocolate\" value=\"chocolate\">\n    <calcite-action slot=\"actions-end\" icon=\"ellipsis-circle\"></calcite-action>\n  </calcite-pick-list-item>\n  <calcite-pick-list-item label=\"Vanilla\" description=\"Oldie but goodie\" value=\"vanilla\">\n    <calcite-action slot=\"actions-end\" icon=\"ellipsis-circle\"></calcite-action>\n  </calcite-pick-list-item>\n  <calcite-pick-list-item label=\"Strawberry\" description=\"no metadata on this one\" value=\"strawberry\">\n    <calcite-action slot=\"actions-end\" icon=\"ellipsis-circle\"></calcite-action>\n  </calcite-pick-list-item>\n</calcite-pick-list>\n```\n",
-        "Sub-groups": "Renders groups of pick list items that are visually separated.\n\n```html\n<calcite-pick-list>\n  <calcite-pick-list-group group-title=\"numbers\">\n    <calcite-pick-list-item heading=\"one\" description=\"fish\" value=\"one\" icon=\"grip\">\n      <calcite-action slot=\"actions-end\" icon=\"ellipsis\"></calcite-action>\n    </calcite-pick-list-item>\n    <calcite-pick-list-item heading=\"two\" description=\"fish\" value=\"two\" icon=\"grip\">\n      <calcite-action slot=\"actions-end\" icon=\"ellipsis\"></calcite-action>\n    </calcite-pick-list-item>\n  </calcite-pick-list-group>\n  <calcite-pick-list-group group-title=\"colors\">\n    <calcite-pick-list-item heading=\"red\" description=\"fish\" value=\"red\" icon=\"grip\">\n      <calcite-action slot=\"actions-end\" icon=\"ellipsis\"></calcite-action>\n    </calcite-pick-list-item>\n    <calcite-pick-list-item heading=\"blue\" description=\"fish\" value=\"blue\" icon=\"grip\">\n      <calcite-action slot=\"actions-end\" icon=\"ellipsis\"></calcite-action>\n    </calcite-pick-list-item>\n  </calcite-pick-list-group>\n</calcite-pick-list>\n```\n"
+        "Sub-groups": "Renders groups of pick list items that are visually separated.\n\n```html\n<calcite-pick-list>\n  <calcite-pick-list-group group-title=\"numbers\">\n    <calcite-pick-list-item label=\"one\" description=\"fish\" value=\"one\" icon=\"grip\">\n      <calcite-action slot=\"actions-end\" icon=\"ellipsis\"></calcite-action>\n    </calcite-pick-list-item>\n    <calcite-pick-list-item label=\"two\" description=\"fish\" value=\"two\" icon=\"grip\">\n      <calcite-action slot=\"actions-end\" icon=\"ellipsis\"></calcite-action>\n    </calcite-pick-list-item>\n  </calcite-pick-list-group>\n  <calcite-pick-list-group group-title=\"colors\">\n    <calcite-pick-list-item label=\"red\" description=\"fish\" value=\"red\" icon=\"grip\">\n      <calcite-action slot=\"actions-end\" icon=\"ellipsis\"></calcite-action>\n    </calcite-pick-list-item>\n    <calcite-pick-list-item label=\"blue\" description=\"fish\" value=\"blue\" icon=\"grip\">\n      <calcite-action slot=\"actions-end\" icon=\"ellipsis\"></calcite-action>\n    </calcite-pick-list-item>\n  </calcite-pick-list-group>\n</calcite-pick-list>\n```\n"
       },
       "props": [
         {
@@ -12795,21 +12903,20 @@
           "calcite-scrim"
         ],
         "calcite-filter": [
-          "calcite-scrim",
           "calcite-input",
           "calcite-icon"
         ],
-        "calcite-scrim": [
-          "calcite-loader"
-        ],
         "calcite-input": [
           "calcite-progress",
           "calcite-icon"
+        ],
+        "calcite-scrim": [
+          "calcite-loader"
         ]
       }
     },
     {
-      "filePath": "./src/components/calcite-pick-list-group/calcite-pick-list-group.tsx",
+      "filePath": "./src/components/pick-list-group/pick-list-group.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-pick-list-group",
       "readme": "# calcite-pick-list-group\n\n`calcite-pick-list-group` is a wrapper for multiple `calcite-pick-list-item`s and lives in `calcite-pick-list`.\n",
@@ -12892,7 +12999,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-pick-list-item/calcite-pick-list-item.tsx",
+      "filePath": "./src/components/pick-list-item/pick-list-item.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-pick-list-item",
       "readme": "# calcite-pick-list-item\n\n`calcite-pick-list-item`s are cards contained in a `calcite-pick-list`. They each can have a label and description, an icon, and be set to compact. The developer can disable or preselect each list item and give it a value.\n",
@@ -12956,7 +13063,7 @@
               "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         },
         {
@@ -12969,7 +13076,7 @@
           "docsTags": [
             {
               "name": "see",
-              "text": " [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pick-list/resources.ts#L5)"
+              "text": "[ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)"
             }
           ],
           "default": "null",
@@ -13170,7 +13277,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-popover/calcite-popover.tsx",
+      "filePath": "./src/components/popover/popover.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-popover",
       "readme": "# calcite-popover\n",
@@ -13453,7 +13560,7 @@
           "docsTags": [
             {
               "name": "see",
-              "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
+              "text": "[PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
             }
           ],
           "default": "\"auto\"",
@@ -13581,7 +13688,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-popover-manager/calcite-popover-manager.tsx",
+      "filePath": "./src/components/popover-manager/popover-manager.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-popover-manager",
       "readme": "# calcite-popover-manager\n",
@@ -13657,7 +13764,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-progress/calcite-progress.tsx",
+      "filePath": "./src/components/progress/progress.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-progress",
       "readme": "# calcite-progress\n\nThe `calcite-progress` component is used to show progress on some async task to the user.\n",
@@ -13773,7 +13880,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-radio-button/calcite-radio-button.tsx",
+      "filePath": "./src/components/radio-button/radio-button.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-radio-button",
       "readme": "# calcite-radio-button\n",
@@ -13970,7 +14077,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-radio-button-group/calcite-radio-button-group.tsx",
+      "filePath": "./src/components/radio-button-group/radio-button-group.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-radio-button-group",
       "readme": "# calcite-radio-button-group\n",
@@ -14139,7 +14246,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-radio-group/calcite-radio-group.tsx",
+      "filePath": "./src/components/radio-group/radio-group.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-radio-group",
       "readme": "# calcite-radio-group\n",
@@ -14265,6 +14372,7 @@
           "name": "selectedItem",
           "type": "HTMLCalciteRadioGroupItemElement",
           "mutable": true,
+          "attr": "selected-item",
           "reflectToAttr": false,
           "docs": "The group's selected item.",
           "docsTags": [],
@@ -14365,7 +14473,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-radio-group-item/calcite-radio-group-item.tsx",
+      "filePath": "./src/components/radio-group-item/radio-group-item.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-radio-group-item",
       "readme": "# calcite-radio-group-item\n",
@@ -14479,7 +14587,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-rating/calcite-rating.tsx",
+      "filePath": "./src/components/rating/rating.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-rating",
       "readme": "# calcite-rating\n",
@@ -14732,7 +14840,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-scrim/calcite-scrim.tsx",
+      "filePath": "./src/components/scrim/scrim.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-scrim",
       "readme": "# calcite-scrim\n",
@@ -14801,7 +14909,6 @@
       "parts": [],
       "dependents": [
         "calcite-block",
-        "calcite-filter",
         "calcite-modal",
         "calcite-panel",
         "calcite-pick-list",
@@ -14817,9 +14924,6 @@
         "calcite-block": [
           "calcite-scrim"
         ],
-        "calcite-filter": [
-          "calcite-scrim"
-        ],
         "calcite-modal": [
           "calcite-scrim"
         ],
@@ -14835,7 +14939,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-select/calcite-select.tsx",
+      "filePath": "./src/components/select/select.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-select",
       "readme": "# calcite-select\n\nThis component represents a menu of options.\n",
@@ -14934,6 +15038,7 @@
           "name": "selectedOption",
           "type": "HTMLCalciteOptionElement",
           "mutable": true,
+          "attr": "selected-option",
           "reflectToAttr": false,
           "docs": "The currently selected option.",
           "docsTags": [
@@ -15059,7 +15164,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-shell/calcite-shell.tsx",
+      "filePath": "./src/components/shell/shell.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-shell",
       "readme": "# calcite-shell\n\nThe `calcite-shell` component is used for application layout management. It is a container for the view as well as other calcite components like `calcite-shell-panel` and `calcite-tip-manager`.\n\n_note: calcite-shell supports tablet as the smallest screen size_\n",
@@ -15157,7 +15262,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-shell-center-row/calcite-shell-center-row.tsx",
+      "filePath": "./src/components/shell-center-row/shell-center-row.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-shell-center-row",
       "readme": "# calcite-shell-center-row\n",
@@ -15197,7 +15302,7 @@
           "mutable": false,
           "attr": "height-scale",
           "reflectToAttr": true,
-          "docs": "Specifies the maxiumum height of the row.",
+          "docs": "Specifies the maximum height of the row.",
           "docsTags": [],
           "default": "\"s\"",
           "values": [
@@ -15260,7 +15365,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-shell-panel/calcite-shell-panel.tsx",
+      "filePath": "./src/components/shell-panel/shell-panel.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-shell-panel",
       "readme": "# calcite-shell-panel\n\nThe `calcite-shell-panel` is a child component of `calcite-shell` used as a container to display other components like `calcite-block` and `calcite-flow`.\n",
@@ -15323,7 +15428,7 @@
           "mutable": false,
           "attr": "detached-height-scale",
           "reflectToAttr": true,
-          "docs": "Specifies the maxiumum height of the contents when detached.",
+          "docs": "Specifies the maximum height of the contents when detached.",
           "docsTags": [],
           "default": "\"l\"",
           "values": [
@@ -15460,7 +15565,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-slider/calcite-slider.tsx",
+      "filePath": "./src/components/slider/slider.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-slider",
       "readme": "# calcite-slider\n\nRange selection component for selecting single or multiple numeric values inside a given range.\n",
@@ -15514,7 +15619,7 @@
           "docsTags": [
             {
               "name": "see",
-              "text": " [DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-graph/interfaces.ts#L5)"
+              "text": "[DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/graph/interfaces.ts#L5)"
             }
           ],
           "values": [
@@ -15928,7 +16033,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-sortable-list/calcite-sortable-list.tsx",
+      "filePath": "./src/components/sortable-list/sortable-list.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-sortable-list",
       "readme": "# calcite-sortable-list\n",
@@ -16083,7 +16188,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-split-button/calcite-split-button.tsx",
+      "filePath": "./src/components/split-button/split-button.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-split-button",
       "readme": "# calcite-split-button\n\nThe calcite-split-button control is one that combines a button with a dropdown menu in order to provide a primary action along with one or more related secondary options / actions. It's useful for grouping related actions or options for users, while elevating a commonly-used or default action for easier access. Its inner content populates the control's dropdown menu, and is thus expected to be valid `calcite-dropdown` content.\n",
@@ -16449,7 +16554,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-stepper/calcite-stepper.tsx",
+      "filePath": "./src/components/stepper/stepper.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-stepper",
       "readme": "# calcite-stepper\n\nCalcite stepper can be used to present a stepper workflow to a user. It has configurable display options for layout (horizontal or vertical), and the ability to automatically render status icons, and step numbers.\n",
@@ -16639,7 +16744,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-stepper-item/calcite-stepper-item.tsx",
+      "filePath": "./src/components/stepper-item/stepper-item.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-stepper-item",
       "readme": "# calcite-stepper-item\n\nindividual `calcite-stepper-item` item\n",
@@ -16691,7 +16796,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "disabled",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "is the step disabled and not navigable to by a user",
           "docsTags": [],
           "default": "false",
@@ -16787,7 +16892,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-switch/calcite-switch.tsx",
+      "filePath": "./src/components/switch/switch.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-switch",
       "readme": "# calcite-switch\n\n`calcite-switch` is used to toggle a value on or off.\n",
@@ -16968,7 +17073,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-tab/calcite-tab.tsx",
+      "filePath": "./src/components/tab/tab.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-tab",
       "readme": "# calcite-tab\n",
@@ -17058,11 +17163,11 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-tab-nav/calcite-tab-nav.tsx",
+      "filePath": "./src/components/tab-nav/tab-nav.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-tab-nav",
-      "readme": "# calcite-tab-nav\n\nThe tab-nav groups several [calcite-tab-title](../calcite-tab-title) components and builds out the navigation. You can optionally use attibutes on the tab-nav to configure client side storage of the selected tab.\n",
-      "docs": "The tab-nav groups several [calcite-tab-title](../calcite-tab-title) components and builds out the navigation. You can optionally use attibutes on the tab-nav to configure client side storage of the selected tab.",
+      "readme": "# calcite-tab-nav\n\nThe tab-nav groups several [calcite-tab-title](../tab-title) components and builds out the navigation. You can optionally use attibutes on the tab-nav to configure client side storage of the selected tab.\n",
+      "docs": "The tab-nav groups several [calcite-tab-title](../tab-title) components and builds out the navigation. You can optionally use attibutes on the tab-nav to configure client side storage of the selected tab.",
       "docsTags": [
         {
           "name": "slot",
@@ -17118,7 +17223,7 @@
           "docsTags": [
             {
               "name": "see",
-              "text": " [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tab/interfaces.ts#L1)"
+              "text": "[TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)"
             }
           ]
         }
@@ -17176,11 +17281,11 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-tab-title/calcite-tab-title.tsx",
+      "filePath": "./src/components/tab-title/tab-title.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-tab-title",
-      "readme": "# calcite-tab-title\n\nThe tab-title is the link that switches between panes in [calcite-tabs](../calcite-tabs).\n",
-      "docs": "The tab-title is the link that switches between panes in [calcite-tabs](../calcite-tabs).",
+      "readme": "# calcite-tab-title\n\nThe tab-title is the link that switches between panes in [calcite-tabs](../tabs).\n",
+      "docs": "The tab-title is the link that switches between panes in [calcite-tabs](../tabs).",
       "docsTags": [
         {
           "name": "slot",
@@ -17321,7 +17426,7 @@
           "docsTags": [
             {
               "name": "see",
-              "text": " [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tab/interfaces.ts#L1)"
+              "text": "[TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)"
             }
           ]
         }
@@ -17368,7 +17473,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-tabs/calcite-tabs.tsx",
+      "filePath": "./src/components/tabs/tabs.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-tabs",
       "readme": "# calcite-tabs\n",
@@ -17384,7 +17489,7 @@
         }
       ],
       "usage": {
-        "Basic": "`calcite-tabs` uses several sub-components ([calcite-tab-nav](../calcite-tab-nav), [calcite-tab](../calcite-tab), [calcite-tab-title](../calcite-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=\"tab-nav\">\n    <calcite-tab-title active>Tab 1 Title</calcite-tab-title>\n    <calcite-tab-title>Tab 2 Title</calcite-tab-title>\n  </calcite-tab-nav>\n\n  <calcite-tab active>Tab 1 Content</calcite-tab>\n  <calcite-tab>Tab 2 Content</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=\"tab-nav\">\n    <calcite-tab-title active>Tab 1 Title</calcite-tab-title>\n    <calcite-tab-title>Tab 2 Title</calcite-tab-title>\n  </calcite-tab-nav>\n\n  <calcite-tab active>Tab 1 Content</calcite-tab>\n  <calcite-tab>Tab 2 Content</calcite-tab>\n</calcite-tabs>\n```\n",
         "Bordered": "```html\n<calcite-tabs bordered>\n  <calcite-tab-nav slot=\"tab-nav\">\n    <calcite-tab-title tab=\"tab1\">Tab 1 Title</calcite-tab-title>\n    <calcite-tab-title tab=\"tab2\">Tab 2 Title</calcite-tab-title>\n    <calcite-tab-title tab=\"tab3\">Tab 3 Title</calcite-tab-title>\n    <calcite-tab-title tab=\"tab4\" active>Tab 4 Title</calcite-tab-title>\n  </calcite-tab-nav>\n  <calcite-tab tab=\"tab1\">Tab 1 Content</calcite-tab>\n  <calcite-tab tab=\"tab2\">Tab 2 Content</calcite-tab>\n  <calcite-tab tab=\"tab3\">Tab 3 Content</calcite-tab>\n  <calcite-tab tab=\"tab4\" active>Tab 4 Content</calcite-tab>\n</calcite-tabs>\n```\n"
       },
       "props": [
@@ -17525,7 +17630,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-tile/calcite-tile.tsx",
+      "filePath": "./src/components/tile/tile.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-tile",
       "readme": "# calcite-tile\n",
@@ -17713,7 +17818,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-tile-select/calcite-tile-select.tsx",
+      "filePath": "./src/components/tile-select/tile-select.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-tile-select",
       "readme": "# calcite-tile-select\n",
@@ -18045,7 +18150,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-tile-select-group/calcite-tile-select-group.tsx",
+      "filePath": "./src/components/tile-select-group/tile-select-group.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-tile-select-group",
       "readme": "# calcite-tile-select-group\n",
@@ -18058,6 +18163,23 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "The disabled state of the tile select.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "layout",
           "type": "\"horizontal\" | \"vertical\"",
@@ -18097,7 +18219,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-time-picker/calcite-time-picker.tsx",
+      "filePath": "./src/components/time-picker/time-picker.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-time-picker",
       "readme": "# calcite-time-picker\n",
@@ -18480,7 +18602,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-tip/calcite-tip.tsx",
+      "filePath": "./src/components/tip/tip.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-tip",
       "readme": "# calcite-tip\n\nThe `calcite-tip` component can comprise of an image, text and hyperlink to give helpful hints to a user about using the platform.\n",
@@ -18660,7 +18782,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-tip-group/calcite-tip-group.tsx",
+      "filePath": "./src/components/tip-group/tip-group.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-tip-group",
       "readme": "# calcite-tip-group\n\n`calcite-tip-group` is a wrapper for multiple `calcite-tip`s and is housed in `calcite-tip-manager`.\n",
@@ -18706,7 +18828,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-tip-manager/calcite-tip-manager.tsx",
+      "filePath": "./src/components/tip-manager/tip-manager.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-tip-manager",
       "readme": "# calcite-tip-manager\n\nThe `calcite-tip-manager` component contains multiple `calcite-tip`s that a user can view through via interactive arrows to go back and forth through the tips in the deck.\n",
@@ -18928,7 +19050,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-tooltip/calcite-tooltip.tsx",
+      "filePath": "./src/components/tooltip/tooltip.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-tooltip",
       "readme": "# calcite-tooltip\n",
@@ -19047,7 +19169,7 @@
           "docsTags": [
             {
               "name": "see",
-              "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
+              "text": "[PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
             }
           ],
           "default": "\"auto\"",
@@ -19113,7 +19235,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-tooltip-manager/calcite-tooltip-manager.tsx",
+      "filePath": "./src/components/tooltip-manager/tooltip-manager.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-tooltip-manager",
       "readme": "# calcite-tooltip-manager\n",
@@ -19211,7 +19333,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-tree/calcite-tree.tsx",
+      "filePath": "./src/components/tree/tree.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-tree",
       "readme": "# calcite-tree\n",
@@ -19306,7 +19428,7 @@
             },
             {
               "name": "see",
-              "text": " [TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tree/interfaces.ts#L5)"
+              "text": "[TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L5)"
             }
           ],
           "default": "TreeSelectionMode.Single",
@@ -19343,7 +19465,7 @@
           "docsTags": [
             {
               "name": "see",
-              "text": " [TreeSelectDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tree/interfaces.ts#L1)"
+              "text": "[TreeSelectDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L1)"
             }
           ]
         }
@@ -19368,6 +19490,11 @@
           "event": "calciteTreeItemSelect",
           "capture": false,
           "passive": false
+        },
+        {
+          "event": "keydown",
+          "capture": false,
+          "passive": false
         }
       ],
       "styles": [],
@@ -19383,7 +19510,7 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/calcite-tree-item/calcite-tree-item.tsx",
+      "filePath": "./src/components/tree-item/tree-item.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-tree-item",
       "readme": "# calcite-tree-item\n\n`<calcite-tree-item>` is used to represent a single item in a `<calcite-tree>`.\n",
@@ -19474,7 +19601,7 @@
       }
     },
     {
-      "filePath": "./src/components/calcite-value-list/calcite-value-list.tsx",
+      "filePath": "./src/components/value-list/value-list.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-value-list",
       "readme": "# calcite-value-list\n\n`calcite-value-list` is housed in a panel and contains `calcite-value-list-item`s. The value list has options for drag and drop, label editing, and single or multi-select of items which can be done through shift+click.\n",
@@ -19675,6 +19802,11 @@
         }
       ],
       "listeners": [
+        {
+          "event": "focusout",
+          "capture": false,
+          "passive": false
+        },
         {
           "event": "calciteListItemRemove",
           "capture": false,
@@ -19719,21 +19851,20 @@
           "calcite-scrim"
         ],
         "calcite-filter": [
-          "calcite-scrim",
           "calcite-input",
           "calcite-icon"
         ],
-        "calcite-scrim": [
-          "calcite-loader"
-        ],
         "calcite-input": [
           "calcite-progress",
           "calcite-icon"
+        ],
+        "calcite-scrim": [
+          "calcite-loader"
         ]
       }
     },
     {
-      "filePath": "./src/components/calcite-value-list-item/calcite-value-list-item.tsx",
+      "filePath": "./src/components/value-list-item/value-list-item.tsx",
       "encapsulation": "shadow",
       "tag": "calcite-value-list-item",
       "readme": "# calcite-value-list-item\n\n`calcite-value-list-item`s are cards contained in a `calcite-value-list`. They each can have a label and description, an icon and can have their label's be editable (inherited from `calcite-value-list`). The developer can disable or preselect each list item and give it a value.\n",
@@ -19780,7 +19911,7 @@
               "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         },
         {
@@ -19793,7 +19924,7 @@
           "docsTags": [
             {
               "name": "see",
-              "text": " [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pick-list/resources.ts#L5)"
+              "text": "[ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)"
             }
           ],
           "default": "null",