npm - @esri/calcite-components - Versions diffs - 1.0.0-beta.92 → 1.0.0-beta.94 - Mend

@esri/calcite-components 1.0.0-beta.92 → 1.0.0-beta.94

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1092) hide show

package/dist/extras/docs-json.json CHANGED Viewed

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2022-08-18T04:25:45",
+  "timestamp": "2022-09-15T01:40:41",
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.16.1",
+    "version": "2.17.4",
     "typescriptVersion": "4.5.4"
   },
   "components": [
@@ -24,13 +24,13 @@
       "props": [
         {
           "name": "appearance",
-          "type": "\"default\" | \"minimal\" | \"transparent\"",
+          "type": "\"default\" | \"minimal\" | \"solid\" | \"transparent\"",
           "mutable": false,
           "attr": "appearance",
           "reflectToAttr": true,
           "docs": "Specifies the appearance of the component.",
           "docsTags": [],
-          "default": "\"default\"",
+          "default": "\"solid\"",
           "values": [
             {
               "value": "default",
@@ -40,6 +40,10 @@
               "value": "minimal",
               "type": "string"
             },
+            {
+              "value": "solid",
+              "type": "string"
+            },
             {
               "value": "transparent",
               "type": "string"
@@ -269,10 +273,48 @@
         {
           "name": "icon",
           "type": "string",
-          "mutable": false,
+          "mutable": true,
           "attr": "icon",
           "reflectToAttr": true,
           "docs": "Specifies an icon to display - accepts Calcite UI icon names.",
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use `iconStart` or `iconEnd` properties instead"
+            }
+          ],
+          "deprecation": "use `iconStart` or `iconEnd` properties instead",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "iconEnd",
+          "type": "string",
+          "mutable": false,
+          "attr": "icon-end",
+          "reflectToAttr": true,
+          "docs": "Specified an icon to display at the end - accepts Calcite UI icon names.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "iconStart",
+          "type": "string",
+          "mutable": false,
+          "attr": "icon-start",
+          "reflectToAttr": true,
+          "docs": "Specified an icon to display at the start - accepts Calcite UI icon names.",
           "docsTags": [],
           "values": [
             {
@@ -374,8 +416,9 @@
       ],
       "usage": {
         "Clear-appearance": "Renders a `calcite-action` that has a clear background.\n\n```html\n<calcite-action appearance=\"clear\" text=\"Layers\" icon=\"layers\"></calcite-action>\n```\n",
-        "With-text-displayed": "Renders a `calcite-action` that displays text along side an icon and a tooltip label.\n\n```html\n<calcite-action label=\"Performs my custom action\" text=\"Perform Action!\" text-enabled icon=\"save\"></calcite-action>\n```\n",
-        "Without-text-displayed": "Renders a `calcite-action` that displays only an icon and a tooltip label.\n\n```html\n<calcite-action label=\"Performs my custom action\" text=\"My Custom Action\" icon=\"plus\"></calcite-action>\n```\n"
+        "With-text-displayed": "Renders a `calcite-action` that displays text alongside an icon.\n\n```html\n<calcite-action label=\"Performs my custom action\" text=\"Perform Action!\" text-enabled icon=\"save\"></calcite-action>\n```\n",
+        "With-tooltip": "Renders a `calcite-action` that displays text alongside an icon. A `calcite-tooltip` will be displayed on hover or focus.\n\n```html\n<calcite-action label=\"Performs my custom action\" text=\"Perform Action!\" text-enabled icon=\"save\"\n  ><calcite-tooltip slot=\"tooltip\">Save me!</calcite-tooltip></calcite-action\n>\n```\n",
+        "Without-text-displayed": "Renders a `calcite-action` that displays only an icon.\n\n```html\n<calcite-action label=\"Performs my custom action\" text=\"My Custom Action\" icon=\"plus\"></calcite-action>\n```\n"
       },
       "props": [
         {
@@ -481,7 +524,7 @@
           "type": "string",
           "mutable": false,
           "attr": "icon",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies an icon to display - accepts Calcite UI icon names.",
           "docsTags": [],
           "values": [
@@ -674,6 +717,7 @@
         "calcite-action-group",
         "calcite-action-menu",
         "calcite-action-pad",
+        "calcite-flow-item",
         "calcite-panel",
         "calcite-pick-list-item",
         "calcite-popover",
@@ -701,6 +745,9 @@
         "calcite-action-pad": [
           "calcite-action"
         ],
+        "calcite-flow-item": [
+          "calcite-action"
+        ],
         "calcite-panel": [
           "calcite-action"
         ],
@@ -838,7 +885,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "overflow-actions-disabled",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Disables automatically overflowing `calcite-action`s that won't fit into menus.",
           "docsTags": [],
           "default": "false",
@@ -1288,7 +1335,7 @@
           "type": "\"absolute\" | \"fixed\"",
           "mutable": false,
           "attr": "overlay-positioning",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Determines the type of positioning to use for the overlaid content.\n\nUsing the \"absolute\" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The \"fixed\" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is \"fixed\".",
           "docsTags": [],
           "default": "\"absolute\"",
@@ -1732,7 +1779,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "auto-dismiss",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, the component closes automatically (recommended for passive, non-blocking alerts).",
           "docsTags": [],
           "default": "false",
@@ -1879,7 +1926,7 @@
           "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"top\" | \"top-end\" | \"top-start\"",
           "mutable": false,
           "attr": "placement",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the placement of the component",
           "docsTags": [],
           "default": "\"bottom\"",
@@ -2057,7 +2104,7 @@
           "type": "string",
           "mutable": false,
           "attr": "full-name",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the full name of the user.",
           "docsTags": [],
           "values": [
@@ -2099,7 +2146,7 @@
           "type": "string",
           "mutable": false,
           "attr": "thumbnail",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the `src` to an image (remember to add a token if the user is private).",
           "docsTags": [],
           "values": [
@@ -2115,7 +2162,7 @@
           "type": "string",
           "mutable": false,
           "attr": "user-id",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the unique id of the user.",
           "docsTags": [],
           "values": [
@@ -2131,7 +2178,7 @@
           "type": "string",
           "mutable": false,
           "attr": "username",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the username of the user.",
           "docsTags": [],
           "values": [
@@ -2196,7 +2243,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "collapsible",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, this block will be collapsible.",
           "docsTags": [],
           "default": "false",
@@ -2229,7 +2276,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "disable-padding",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, removes padding for the slotted content",
           "docsTags": [
             {
@@ -2302,7 +2349,7 @@
           "type": "1 | 2 | 3 | 4 | 5 | 6",
           "mutable": false,
           "attr": "heading-level",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Number at which section headings should start for this component.",
           "docsTags": [],
           "values": [
@@ -2794,7 +2841,7 @@
         },
         {
           "name": "appearance",
-          "type": "\"clear\" | \"outline\" | \"solid\" | \"transparent\"",
+          "type": "\"clear\" | \"minimal\" | \"outline\" | \"solid\" | \"transparent\"",
           "mutable": false,
           "attr": "appearance",
           "reflectToAttr": true,
@@ -2806,6 +2853,10 @@
               "value": "clear",
               "type": "string"
             },
+            {
+              "value": "minimal",
+              "type": "string"
+            },
             {
               "value": "outline",
               "type": "string"
@@ -3024,7 +3075,7 @@
           "type": "string",
           "mutable": false,
           "attr": "name",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The name attribute to apply to the button",
           "docsTags": [],
           "values": [
@@ -3040,7 +3091,7 @@
           "type": "string",
           "mutable": false,
           "attr": "rel",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The rel attribute to apply to the hyperlink",
           "docsTags": [],
           "values": [
@@ -3124,7 +3175,7 @@
           "type": "string",
           "mutable": false,
           "attr": "target",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The target attribute to apply to the hyperlink",
           "docsTags": [],
           "values": [
@@ -3140,7 +3191,7 @@
           "type": "string",
           "mutable": true,
           "attr": "type",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The type attribute to apply to the button",
           "docsTags": [],
           "default": "\"button\"",
@@ -3389,7 +3440,7 @@
           "type": "\"block-end\" | \"block-start\" | \"inline-end\" | \"inline-start\"",
           "mutable": false,
           "attr": "thumbnail-position",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "",
           "docsTags": [],
           "default": "\"block-start\"",
@@ -3703,7 +3754,7 @@
         {
           "name": "closable",
           "type": "boolean",
-          "mutable": false,
+          "mutable": true,
           "attr": "closable",
           "reflectToAttr": true,
           "docs": "When true, show abutton user can click to dismiss the chip.",
@@ -3793,7 +3844,7 @@
         {
           "name": "dismissible",
           "type": "boolean",
-          "mutable": false,
+          "mutable": true,
           "attr": "dismissible",
           "reflectToAttr": true,
           "docs": "Optionally show a button the user can click to dismiss the chip",
@@ -3966,7 +4017,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "allow-empty",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When false, empty color (null) will be allowed as a value. Otherwise, a color value is always enforced by the component.\n\nWhen true, clearing the input and blurring will restore the last valid color set. When false, it will set it to empty.",
           "docsTags": [],
           "default": "false",
@@ -3980,13 +4031,13 @@
         },
         {
           "name": "appearance",
-          "type": "\"default\" | \"minimal\"",
+          "type": "\"default\" | \"minimal\" | \"solid\"",
           "mutable": false,
           "attr": "appearance",
           "reflectToAttr": true,
-          "docs": "specify the appearance - default (containing border), or minimal (no containing border)",
+          "docs": "specify the appearance - solid (containing border), or minimal (no containing border)",
           "docsTags": [],
-          "default": "\"default\"",
+          "default": "\"solid\"",
           "values": [
             {
               "value": "default",
@@ -3995,6 +4046,10 @@
             {
               "value": "minimal",
               "type": "string"
+            },
+            {
+              "value": "solid",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -4022,7 +4077,7 @@
           "type": "\"auto\" | \"hex\" | \"hexa\" | \"hsl\" | \"hsl-css\" | \"hsla\" | \"hsla-css\" | \"hsv\" | \"hsva\" | \"rgb\" | \"rgb-css\" | \"rgba\" | \"rgba-css\"",
           "mutable": false,
           "attr": "format",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The format of the value property.\n\nWhen \"auto\", the format will be inferred from `value` when set.",
           "docsTags": [
             {
@@ -4093,7 +4148,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "hide-channels",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, hides the RGB/HSV channel inputs",
           "docsTags": [],
           "default": "false",
@@ -4110,7 +4165,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "hide-hex",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, hides the hex input",
           "docsTags": [],
           "default": "false",
@@ -4127,7 +4182,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "hide-saved",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, hides the saved colors section",
           "docsTags": [],
           "default": "false",
@@ -4562,7 +4617,7 @@
           "type": "string",
           "mutable": false,
           "attr": "numbering-system",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "standard UniCode numeral system tag for localization",
           "docsTags": [],
           "values": [
@@ -4604,7 +4659,7 @@
           "type": "string",
           "mutable": false,
           "attr": "storage-id",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Storage ID for colors.",
           "docsTags": [],
           "values": [
@@ -5072,7 +5127,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "allow-custom-values",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Allow entry of custom values which are not in the original set of items",
           "docsTags": [],
           "values": [
@@ -5158,7 +5213,7 @@
           "type": "number",
           "mutable": false,
           "attr": "max-items",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specify the maximum number of combobox items (including nested children) to display before showing the scroller",
           "docsTags": [],
           "default": "0",
@@ -5208,7 +5263,7 @@
           "type": "\"absolute\" | \"fixed\"",
           "mutable": false,
           "attr": "overlay-positioning",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Determines the type of positioning to use for the overlaid content.\n\nUsing the \"absolute\" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The \"fixed\" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is \"fixed\".",
           "docsTags": [],
           "default": "\"absolute\"",
@@ -5246,7 +5301,7 @@
           "type": "string",
           "mutable": false,
           "attr": "placeholder-icon",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Placeholder icon for input",
           "docsTags": [],
           "values": [
@@ -5495,7 +5550,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "active",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "True when item is highlighted either from keyboard or mouse hover",
           "docsTags": [],
           "default": "false",
@@ -5566,7 +5621,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "filter-disabled",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Do not filter this item based on the search text",
           "docsTags": [],
           "values": [
@@ -5582,7 +5637,7 @@
           "type": "string",
           "mutable": false,
           "attr": "guid",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Unique identifier, used for accessibility",
           "docsTags": [],
           "default": "guid()",
@@ -5599,7 +5654,7 @@
           "type": "string",
           "mutable": false,
           "attr": "icon",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Custom icon to display both in combobox chips and next to combobox item text",
           "docsTags": [],
           "values": [
@@ -5786,7 +5841,7 @@
           "type": "\"end\" | \"start\"",
           "mutable": false,
           "attr": "active-range",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Active range",
           "docsTags": [],
           "values": [
@@ -5807,7 +5862,7 @@
           "type": "string",
           "mutable": true,
           "attr": "end",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Selected end date",
           "docsTags": [
             {
@@ -5850,7 +5905,7 @@
           "type": "1 | 2 | 3 | 4 | 5 | 6",
           "mutable": false,
           "attr": "heading-level",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Number at which section headings should start for this component.",
           "docsTags": [],
           "values": [
@@ -5970,7 +6025,7 @@
           "type": "string",
           "mutable": true,
           "attr": "max",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Latest allowed date (\"yyyy-mm-dd\")",
           "docsTags": [],
           "values": [
@@ -6001,7 +6056,7 @@
           "type": "string",
           "mutable": true,
           "attr": "min",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Earliest allowed date (\"yyyy-mm-dd\")",
           "docsTags": [],
           "values": [
@@ -6032,7 +6087,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "proximity-selection-disabled",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Disables the default behaviour on the third click of narrowing or extending the range and instead starts a new range.",
           "docsTags": [],
           "default": "false",
@@ -6092,7 +6147,7 @@
           "type": "string",
           "mutable": true,
           "attr": "start",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Selected start date",
           "docsTags": [
             {
@@ -7015,7 +7070,7 @@
           "type": "number",
           "mutable": false,
           "attr": "max-items",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "specify the maximum number of calcite-dropdown-items to display before showing the scroller, must be greater than 0 -\nthis value does not include groupTitles passed to calcite-dropdown-group",
           "docsTags": [],
           "default": "0",
@@ -7049,7 +7104,7 @@
           "type": "\"absolute\" | \"fixed\"",
           "mutable": false,
           "attr": "overlay-positioning",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Determines the type of positioning to use for the overlaid content.\n\nUsing the \"absolute\" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The \"fixed\" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is \"fixed\".",
           "docsTags": [],
           "default": "\"absolute\"",
@@ -7068,7 +7123,7 @@
         },
         {
           "name": "placement",
-          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"top\" | \"top-end\" | \"top-start\"",
+          "type": "\"bottom\" | \"bottom-end\" | \"bottom-leading\" | \"bottom-start\" | \"bottom-trailing\" | \"top\" | \"top-end\" | \"top-leading\" | \"top-start\" | \"top-trailing\"",
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": true,
@@ -7089,10 +7144,18 @@
               "value": "bottom-end",
               "type": "string"
             },
+            {
+              "value": "bottom-leading",
+              "type": "string"
+            },
             {
               "value": "bottom-start",
               "type": "string"
             },
+            {
+              "value": "bottom-trailing",
+              "type": "string"
+            },
             {
               "value": "top",
               "type": "string"
@@ -7101,9 +7164,17 @@
               "value": "top-end",
               "type": "string"
             },
+            {
+              "value": "top-leading",
+              "type": "string"
+            },
             {
               "value": "top-start",
               "type": "string"
+            },
+            {
+              "value": "top-trailing",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -7564,7 +7635,7 @@
           "type": "string",
           "mutable": false,
           "attr": "rel",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The rel attribute to apply to the hyperlink",
           "docsTags": [],
           "values": [
@@ -7597,7 +7668,7 @@
           "type": "string",
           "mutable": false,
           "attr": "target",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The target attribute to apply to the hyperlink",
           "docsTags": [],
           "values": [
@@ -7746,7 +7817,7 @@
           "type": "string",
           "mutable": false,
           "attr": "icon",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.",
           "docsTags": [
             {
@@ -8102,7 +8173,7 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "- A slot for adding `calcite-panel`s to the flow."
+          "text": "- A slot for adding `calcite-flow-item` or `calcite-panel`s (deprecated) to the flow."
         }
       ],
       "usage": {
@@ -8114,17 +8185,22 @@
         {
           "name": "back",
           "returns": {
-            "type": "Promise<HTMLCalcitePanelElement>",
+            "type": "Promise<HTMLCalciteFlowItemElement>",
             "docs": ""
           },
-          "signature": "back() => Promise<HTMLCalcitePanelElement>",
+          "signature": "back() => Promise<HTMLCalciteFlowItemElement>",
           "parameters": [],
-          "docs": "Removes the currently active `calcite-panel`.",
+          "docs": "Removes the currently active `calcite-flow-item` or `calcite-panel`.",
           "docsTags": []
         }
       ],
       "events": [],
       "listeners": [
+        {
+          "event": "calciteFlowItemBackClick",
+          "capture": false,
+          "passive": false
+        },
         {
           "event": "calcitePanelBackClick",
           "capture": false,
@@ -8135,7 +8211,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding `calcite-panel`s to the flow."
+          "docs": "A slot for adding `calcite-flow-item` or `calcite-panel`s (deprecated) to the flow."
         }
       ],
       "parts": [],
@@ -8144,83 +8220,521 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/graph/graph.tsx",
+      "filePath": "./src/components/flow-item/flow-item.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",
-      "docs": "The 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.",
-      "docsTags": [],
+      "tag": "calcite-flow-item",
+      "readme": "# calcite-flow-item\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding custom content."
+        },
+        {
+          "name": "slot",
+          "text": "header-actions-start - A slot for adding actions or content to the start side of the header."
+        },
+        {
+          "name": "slot",
+          "text": "header-actions-end - A slot for adding actions or content to the end side of the header."
+        },
+        {
+          "name": "slot",
+          "text": "header-content - A slot for adding custom content to the header."
+        },
+        {
+          "name": "slot",
+          "text": "header-menu-actions - A slot for adding an overflow menu with actions inside a `calcite-dropdown`."
+        },
+        {
+          "name": "slot",
+          "text": "fab - A slot for adding a `calcite-fab` (floating action button) to perform an action."
+        },
+        {
+          "name": "slot",
+          "text": "footer-actions - A slot for adding buttons to the footer."
+        },
+        {
+          "name": "slot",
+          "text": "footer - A slot for adding custom content to the footer."
+        }
+      ],
       "usage": {},
       "props": [
         {
-          "name": "colorStops",
-          "type": "ColorStop[]",
+          "name": "beforeBack",
+          "type": "() => Promise<void>",
           "mutable": false,
           "reflectToAttr": false,
-          "docs": "Array of values describing a single color stop ([offset, color, opacity])\nThese color stops should be sorted by offset value",
+          "docs": "When provided, this method will be called before it is removed from the parent flow.",
           "docsTags": [],
           "values": [
             {
-              "type": "ColorStop[]"
+              "type": "() => Promise<void>"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
-          "name": "data",
-          "type": "Point[]",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "Array of tuples describing a single data point ([x, y])\nThese data points should be sorted by x-axis value",
+          "name": "closable",
+          "type": "boolean",
+          "mutable": true,
+          "attr": "closable",
+          "reflectToAttr": true,
+          "docs": "When true, displays a close button in the trailing side of the header",
           "docsTags": [],
-          "default": "[]",
+          "default": "false",
           "values": [
             {
-              "type": "Point[]"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "highlightMax",
-          "type": "number",
-          "mutable": false,
-          "attr": "highlight-max",
-          "reflectToAttr": false,
-          "docs": "End of highlight color if highlighting range",
+          "name": "closed",
+          "type": "boolean",
+          "mutable": true,
+          "attr": "closed",
+          "reflectToAttr": true,
+          "docs": "When true, flow-item will be hidden",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "type": "number"
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "highlightMin",
-          "type": "number",
+          "name": "description",
+          "type": "string",
           "mutable": false,
-          "attr": "highlight-min",
+          "attr": "description",
           "reflectToAttr": false,
-          "docs": "Start of highlight color if highlighting range",
+          "docs": "A description for the component.",
           "docsTags": [],
           "values": [
             {
-              "type": "number"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false
         },
         {
-          "name": "max",
-          "type": "number",
+          "name": "disabled",
+          "type": "boolean",
           "mutable": false,
-          "attr": "max",
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "When true, interaction is prevented and the component is displayed with lower opacity.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "heading",
+          "type": "string",
+          "mutable": false,
+          "attr": "heading",
+          "reflectToAttr": false,
+          "docs": "The component header text.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "headingLevel",
+          "type": "1 | 2 | 3 | 4 | 5 | 6",
+          "mutable": false,
+          "attr": "heading-level",
+          "reflectToAttr": true,
+          "docs": "Specifies the number at which section headings should start.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "1",
+              "type": "number"
+            },
+            {
+              "value": "2",
+              "type": "number"
+            },
+            {
+              "value": "3",
+              "type": "number"
+            },
+            {
+              "value": "4",
+              "type": "number"
+            },
+            {
+              "value": "5",
+              "type": "number"
+            },
+            {
+              "value": "6",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "heightScale",
+          "type": "\"l\" | \"m\" | \"s\"",
+          "mutable": false,
+          "attr": "height-scale",
+          "reflectToAttr": true,
+          "docs": "Specifies the maximum height of the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "l",
+              "type": "string"
+            },
+            {
+              "value": "m",
+              "type": "string"
+            },
+            {
+              "value": "s",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "intlBack",
+          "type": "string",
+          "mutable": false,
+          "attr": "intl-back",
+          "reflectToAttr": false,
+          "docs": "Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "intlClose",
+          "type": "string",
+          "mutable": false,
+          "attr": "intl-close",
+          "reflectToAttr": false,
+          "docs": "Accessible name for the component's close button. The close button will only be shown when 'dismissible' is true.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "intlOptions",
+          "type": "string",
+          "mutable": false,
+          "attr": "intl-options",
+          "reflectToAttr": false,
+          "docs": "Accessible name for the component's actions menu.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "loading",
+          "reflectToAttr": true,
+          "docs": "When true, a busy indicator is displayed.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "menuOpen",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "menu-open",
+          "reflectToAttr": true,
+          "docs": "When true, the action menu items in the `header-menu-actions` slot are open.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "showBackButton",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "show-back-button",
+          "reflectToAttr": true,
+          "docs": "When true, displays a back button in the header.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "widthScale",
+          "type": "\"l\" | \"m\" | \"s\"",
+          "mutable": false,
+          "attr": "width-scale",
+          "reflectToAttr": true,
+          "docs": "Specifies the width of the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "l",
+              "type": "string"
+            },
+            {
+              "value": "m",
+              "type": "string"
+            },
+            {
+              "value": "s",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "scrollContentTo",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "scrollContentTo(options?: ScrollToOptions) => Promise<void>",
+          "parameters": [],
+          "docs": "Scrolls the component's content to a specified set of coordinates.\n\n```\n  myCalciteFlowItem.scrollContentTo({\n    left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\n    top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\n    behavior: \"auto\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\n  });\n```",
+          "docsTags": [
+            {
+              "name": "param",
+              "text": "options"
+            }
+          ]
+        },
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the component.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "calciteFlowItemBackClick",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": false,
+          "composed": true,
+          "docs": "Fires when the back button is clicked.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding custom content."
+        },
+        {
+          "name": "fab",
+          "docs": "A slot for adding a `calcite-fab` (floating action button) to perform an action."
+        },
+        {
+          "name": "footer",
+          "docs": "A slot for adding custom content to the footer."
+        },
+        {
+          "name": "footer-actions",
+          "docs": "A slot for adding buttons to the footer."
+        },
+        {
+          "name": "header-actions-end",
+          "docs": "A slot for adding actions or content to the end side of the header."
+        },
+        {
+          "name": "header-actions-start",
+          "docs": "A slot for adding actions or content to the start side of the header."
+        },
+        {
+          "name": "header-content",
+          "docs": "A slot for adding custom content to the header."
+        },
+        {
+          "name": "header-menu-actions",
+          "docs": "A slot for adding an overflow menu with actions inside a `calcite-dropdown`."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "calcite-action",
+        "calcite-panel",
+        "calcite-tooltip"
+      ],
+      "dependencyGraph": {
+        "calcite-flow-item": [
+          "calcite-action",
+          "calcite-panel",
+          "calcite-tooltip"
+        ],
+        "calcite-action": [
+          "calcite-loader",
+          "calcite-icon"
+        ],
+        "calcite-panel": [
+          "calcite-action",
+          "calcite-action-menu",
+          "calcite-scrim"
+        ],
+        "calcite-action-menu": [
+          "calcite-action",
+          "calcite-popover"
+        ],
+        "calcite-popover": [
+          "calcite-action",
+          "calcite-icon"
+        ],
+        "calcite-scrim": [
+          "calcite-loader"
+        ]
+      }
+    },
+    {
+      "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",
+      "docs": "The 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.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "colorStops",
+          "type": "ColorStop[]",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Array of values describing a single color stop ([offset, color, opacity])\nThese color stops should be sorted by offset value",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "ColorStop[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "data",
+          "type": "Point[]",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Array of tuples describing a single data point ([x, y])\nThese data points should be sorted by x-axis value",
+          "docsTags": [],
+          "default": "[]",
+          "values": [
+            {
+              "type": "Point[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "highlightMax",
+          "type": "number",
+          "mutable": false,
+          "attr": "highlight-max",
+          "reflectToAttr": false,
+          "docs": "End of highlight color if highlighting range",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "highlightMin",
+          "type": "number",
+          "mutable": false,
+          "attr": "highlight-min",
           "reflectToAttr": false,
+          "docs": "Start of highlight color if highlighting range",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "max",
+          "type": "number",
+          "mutable": false,
+          "attr": "max",
+          "reflectToAttr": true,
           "docs": "Highest point of the range",
           "docsTags": [],
           "values": [
@@ -8236,7 +8750,7 @@
           "type": "number",
           "mutable": false,
           "attr": "min",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Lowest point of the range",
           "docsTags": [],
           "values": [
@@ -8878,7 +9392,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "autofocus",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, the component is focused on page load.",
           "docsTags": [
             {
@@ -8939,7 +9453,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "group-separator",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, number values are displayed with the locale's group separator.",
           "docsTags": [],
           "default": "false",
@@ -8956,7 +9470,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "hidden",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, the component will not be visible.",
           "docsTags": [
             {
@@ -9255,7 +9769,7 @@
           "type": "string",
           "mutable": false,
           "attr": "numbering-system",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the Unicode numeral system used by the component for localization.",
           "docsTags": [
             {
@@ -9313,7 +9827,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "read-only",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, the value cannot be modified.",
           "docsTags": [
             {
@@ -9335,7 +9849,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "required",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, the component must have a value in order for the form to submit.",
           "docsTags": [],
           "default": "false",
@@ -9678,7 +10192,7 @@
           "type": "string",
           "mutable": true,
           "attr": "end",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Selected end date",
           "docsTags": [
             {
@@ -9736,7 +10250,7 @@
           "type": "1 | 2 | 3 | 4 | 5 | 6",
           "mutable": false,
           "attr": "heading-level",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Number at which section headings should start for this component.",
           "docsTags": [],
           "values": [
@@ -9878,7 +10392,7 @@
           "type": "string",
           "mutable": true,
           "attr": "max",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Latest allowed date (\"yyyy-mm-dd\")",
           "docsTags": [],
           "values": [
@@ -9909,7 +10423,7 @@
           "type": "string",
           "mutable": true,
           "attr": "min",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Earliest allowed date (\"yyyy-mm-dd\")",
           "docsTags": [],
           "values": [
@@ -9940,7 +10454,7 @@
           "type": "string",
           "mutable": false,
           "attr": "name",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The picker's name. Gets submitted with the form.",
           "docsTags": [],
           "values": [
@@ -9973,7 +10487,7 @@
           "type": "\"absolute\" | \"fixed\"",
           "mutable": false,
           "attr": "overlay-positioning",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Determines the type of positioning to use for the overlaid content.\n\nUsing the \"absolute\" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The \"fixed\" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is \"fixed\".",
           "docsTags": [],
           "default": "\"absolute\"",
@@ -9992,7 +10506,7 @@
         },
         {
           "name": "placement",
-          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"top\" | \"top-end\" | \"top-start\"",
+          "type": "\"bottom\" | \"bottom-end\" | \"bottom-leading\" | \"bottom-start\" | \"bottom-trailing\" | \"top\" | \"top-end\" | \"top-leading\" | \"top-start\" | \"top-trailing\"",
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": true,
@@ -10013,10 +10527,18 @@
               "value": "bottom-end",
               "type": "string"
             },
+            {
+              "value": "bottom-leading",
+              "type": "string"
+            },
             {
               "value": "bottom-start",
               "type": "string"
             },
+            {
+              "value": "bottom-trailing",
+              "type": "string"
+            },
             {
               "value": "top",
               "type": "string"
@@ -10025,9 +10547,17 @@
               "value": "top-end",
               "type": "string"
             },
+            {
+              "value": "top-leading",
+              "type": "string"
+            },
             {
               "value": "top-start",
               "type": "string"
+            },
+            {
+              "value": "top-trailing",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -10038,7 +10568,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "proximity-selection-disabled",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Disables the default behaviour on the third click of narrowing or extending the range and instead starts a new range.",
           "docsTags": [],
           "default": "false",
@@ -10072,7 +10602,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "read-only",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, still focusable but controls are gone and the value cannot be modified.",
           "docsTags": [
             {
@@ -10120,7 +10650,7 @@
           "type": "string",
           "mutable": true,
           "attr": "start",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Selected start date",
           "docsTags": [
             {
@@ -10545,7 +11075,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "autofocus",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, the component is focused on page load.",
           "docsTags": [
             {
@@ -10606,7 +11136,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "group-separator",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, number values are displayed with the locale's group separator.",
           "docsTags": [],
           "default": "false",
@@ -10623,7 +11153,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "hidden",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, the component will not be visible.",
           "docsTags": [
             {
@@ -10900,7 +11430,7 @@
           "type": "string",
           "mutable": false,
           "attr": "numbering-system",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the Unicode numeral system used by the component for localization.",
           "docsTags": [
             {
@@ -10958,7 +11488,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "read-only",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, the value cannot be modified.",
           "docsTags": [
             {
@@ -10980,7 +11510,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "required",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, the component must have a value in order for the form to submit.",
           "docsTags": [],
           "default": "false",
@@ -11209,7 +11739,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "autofocus",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, the component is focused on page load.",
           "docsTags": [
             {
@@ -11270,7 +11800,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "hidden",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, the component will not be visible.",
           "docsTags": [
             {
@@ -11499,7 +12029,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "read-only",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, the value cannot be modified.",
           "docsTags": [
             {
@@ -11521,7 +12051,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "required",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, the component must have a value in order for the form to submit.",
           "docsTags": [],
           "default": "false",
@@ -11702,8 +12232,14 @@
           "attr": "active",
           "reflectToAttr": true,
           "docs": "The active state of the time input",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "Use open instead."
+            }
+          ],
           "default": "false",
+          "deprecation": "Use open instead.",
           "values": [
             {
               "type": "boolean"
@@ -11926,7 +12462,7 @@
           "type": "string",
           "mutable": false,
           "attr": "name",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The name of the time input",
           "docsTags": [],
           "values": [
@@ -11937,6 +12473,45 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "open",
+          "type": "boolean",
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": true,
+          "docs": "When true, displays the `calcite-time-picker` component.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "overlayPositioning",
+          "type": "\"absolute\" | \"fixed\"",
+          "mutable": false,
+          "attr": "overlay-positioning",
+          "reflectToAttr": false,
+          "docs": "Determines the type of positioning to use for the overlaid content.\n\nUsing the \"absolute\" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The \"fixed\" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is \"fixed\".",
+          "docsTags": [],
+          "default": "\"absolute\"",
+          "values": [
+            {
+              "value": "absolute",
+              "type": "string"
+            },
+            {
+              "value": "fixed",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "placement",
           "type": "Placement | AutoPlacement | VariationPlacement | DeprecatedPlacement",
@@ -11973,7 +12548,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "read-only",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, still focusable but controls are gone and the value cannot be modified.",
           "docsTags": [
             {
@@ -12021,7 +12596,7 @@
           "type": "number",
           "mutable": false,
           "attr": "step",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "number (seconds) that specifies the granularity that the value must adhere to",
           "docsTags": [],
           "default": "60",
@@ -12183,7 +12758,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "disable-spacing",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "eliminates any space around the label",
           "docsTags": [
             {
@@ -12484,7 +13059,7 @@
           "type": "string",
           "mutable": false,
           "attr": "rel",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The rel attribute to apply to the hyperlink",
           "docsTags": [],
           "values": [
@@ -12500,7 +13075,7 @@
           "type": "string",
           "mutable": false,
           "attr": "target",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The target attribute to apply to the hyperlink",
           "docsTags": [],
           "values": [
@@ -12526,7 +13101,13 @@
         }
       ],
       "events": [],
-      "listeners": [],
+      "listeners": [
+        {
+          "event": "click",
+          "capture": false,
+          "passive": false
+        }
+      ],
       "styles": [],
       "slots": [
         {
@@ -12591,7 +13172,7 @@
           "type": "1 | 2 | 3 | 4 | 5 | 6",
           "mutable": false,
           "attr": "heading-level",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the number at which section headings should start.",
           "docsTags": [],
           "values": [
@@ -12826,7 +13407,7 @@
           "type": "1 | 2 | 3 | 4 | 5 | 6",
           "mutable": false,
           "attr": "heading-level",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the number at which section headings should start.",
           "docsTags": [],
           "values": [
@@ -12942,7 +13523,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "no-padding",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Disables spacing around the component.",
           "docsTags": [
             {
@@ -13211,7 +13792,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "disable-close-button",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, disables the component's close button.",
           "docsTags": [],
           "default": "false",
@@ -13228,7 +13809,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "disable-escape",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, disables the default close on escape behavior.",
           "docsTags": [],
           "default": "false",
@@ -13245,7 +13826,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "disable-outside-close",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, disables the closing of the component when clicked outside.",
           "docsTags": [],
           "default": "false",
@@ -13311,7 +13892,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "no-padding",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, disables spacing to the content area slot.",
           "docsTags": [
             {
@@ -14034,21 +14615,59 @@
         "Basic": "The component is meant to interface with responses from ArcGIS REST services, so the props share names with [response properties](https://developers.arcgis.com/rest/users-groups-and-items/search.htm) from various search endpoints.\n\nFor example, after querying the search API, you'll get back a response similar to JSON below. The response can be passed straight to the `calcite-pagination` component.\n\n```JSON\n{\n  \"total\": 2021,\n  \"start\": 1,\n  \"num\": 100,\n  \"results\": []\n}\n```\n\n```html\n<calcite-pagination start=\"1\" num=\"100\" total=\"2021\"></calcite-pagination>\n```\n"
       },
       "props": [
+        {
+          "name": "groupSeparator",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "group-separator",
+          "reflectToAttr": true,
+          "docs": "When true, number values are displayed with a group separator corresponding to the language and country format.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "num",
           "type": "number",
           "mutable": false,
           "attr": "num",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the number of items per page.",
           "docsTags": [],
           "default": "20",
           "values": [
             {
-              "type": "number"
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "numberingSystem",
+          "type": "string",
+          "mutable": false,
+          "attr": "numbering-system",
+          "reflectToAttr": false,
+          "docs": "Specifies the Unicode numeral system used by the component for localization.",
+          "docsTags": [
+            {
+              "name": "mdn",
+              "text": "[numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -14082,7 +14701,7 @@
           "type": "number",
           "mutable": true,
           "attr": "start",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the starting item number.",
           "docsTags": [],
           "default": "1",
@@ -14143,7 +14762,7 @@
           "type": "number",
           "mutable": false,
           "attr": "total",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the total number of items.",
           "docsTags": [],
           "default": "0",
@@ -14284,7 +14903,13 @@
           "mutable": false,
           "reflectToAttr": false,
           "docs": "When provided, this method will be called before it is removed from the parent flow.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use `calcite-flow-item` instead."
+            }
+          ],
+          "deprecation": "use `calcite-flow-item` instead.",
           "values": [
             {
               "type": "() => Promise<void>"
@@ -14427,7 +15052,7 @@
           "type": "1 | 2 | 3 | 4 | 5 | 6",
           "mutable": false,
           "attr": "heading-level",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the number at which section headings should start.",
           "docsTags": [],
           "values": [
@@ -14491,7 +15116,13 @@
           "attr": "intl-back",
           "reflectToAttr": false,
           "docs": "Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use `calcite-flow-item` instead."
+            }
+          ],
+          "deprecation": "use `calcite-flow-item` instead.",
           "values": [
             {
               "type": "string"
@@ -14573,8 +15204,14 @@
           "attr": "show-back-button",
           "reflectToAttr": true,
           "docs": "When true, displays a back button in the header.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use `calcite-flow-item` instead."
+            }
+          ],
           "default": "false",
+          "deprecation": "use `calcite-flow-item` instead.",
           "values": [
             {
               "type": "boolean"
@@ -14654,7 +15291,7 @@
             "type": "Promise<void>",
             "docs": ""
           },
-          "signature": "setFocus(focusId?: \"dismiss-button\" | \"back-button\") => Promise<void>",
+          "signature": "setFocus(focusId?: \"back-button\" | \"dismiss-button\") => Promise<void>",
           "parameters": [],
           "docs": "Sets focus on the component.",
           "docsTags": [
@@ -14673,7 +15310,13 @@
           "cancelable": false,
           "composed": true,
           "docs": "Fires when the back button is clicked.",
-          "docsTags": []
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use `calcite-flow-item` instead."
+            }
+          ],
+          "deprecation": "use `calcite-flow-item` instead."
         },
         {
           "event": "calcitePanelDismiss",
@@ -14762,7 +15405,9 @@
         }
       ],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "calcite-flow-item"
+      ],
       "dependencies": [
         "calcite-action",
         "calcite-action-menu",
@@ -14788,6 +15433,9 @@
         ],
         "calcite-scrim": [
           "calcite-loader"
+        ],
+        "calcite-flow-item": [
+          "calcite-panel"
         ]
       }
     },
@@ -14868,7 +15516,7 @@
           "type": "1 | 2 | 3 | 4 | 5 | 6",
           "mutable": false,
           "attr": "heading-level",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the number at which section headings should start.",
           "docsTags": [],
           "values": [
@@ -14939,7 +15587,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "selection-follows-focus",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true and single-selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.",
           "docsTags": [],
           "default": "false",
@@ -15088,7 +15736,7 @@
           "type": "1 | 2 | 3 | 4 | 5 | 6",
           "mutable": false,
           "attr": "heading-level",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the number at which section headings should start.",
           "docsTags": [],
           "values": [
@@ -15175,7 +15823,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "disable-deselect",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When false, the component cannot be deselected by user interaction.",
           "docsTags": [],
           "default": "false",
@@ -15586,7 +16234,7 @@
           "type": "1 | 2 | 3 | 4 | 5 | 6",
           "mutable": false,
           "attr": "heading-level",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the number at which section headings should start.",
           "docsTags": [],
           "values": [
@@ -15717,7 +16365,7 @@
           "type": "\"absolute\" | \"fixed\"",
           "mutable": false,
           "attr": "overlay-positioning",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Determines the type of positioning to use for the overlaid content.\n\nUsing the \"absolute\" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The \"fixed\" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is \"fixed\".",
           "docsTags": [],
           "default": "\"absolute\"",
@@ -15962,7 +16610,7 @@
           "type": "string",
           "mutable": false,
           "attr": "selector",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "CSS Selector to match reference elements for popovers. Reference elements will be identified by this selector in order to open their associated popover.",
           "docsTags": [
             {
@@ -16028,7 +16676,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "reversed",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true and for indeterminate progress bars, reverses the animation direction.",
           "docsTags": [],
           "default": "false",
@@ -16061,7 +16709,7 @@
           "type": "\"determinate\" | \"indeterminate\"",
           "mutable": false,
           "attr": "type",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Use indeterminate if finding actual progress value is impossible.",
           "docsTags": [],
           "default": "\"determinate\"",
@@ -16572,7 +17220,7 @@
           "type": "string",
           "mutable": false,
           "attr": "name",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the name of the component on form submission.",
           "docsTags": [],
           "values": [
@@ -16748,7 +17396,29 @@
           "mutable": false,
           "attr": "icon",
           "reflectToAttr": true,
-          "docs": "Specifies an icon to display - accepts Calcite UI icon names.",
+          "docs": "Optionally pass an icon to display - accepts Calcite UI icon names",
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "Use either iconStart or iconEnd but do not combine them with icon & iconPosition."
+            }
+          ],
+          "deprecation": "Use either iconStart or iconEnd but do not combine them with icon & iconPosition.",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "iconEnd",
+          "type": "string",
+          "mutable": false,
+          "attr": "icon-end",
+          "reflectToAttr": true,
+          "docs": "Optionally pass an icon to display at the end - accepts Calcite UI icon names",
           "docsTags": [],
           "values": [
             {
@@ -16781,9 +17451,15 @@
           "mutable": false,
           "attr": "icon-position",
           "reflectToAttr": true,
-          "docs": "When used with \"icon\", specifies its position.",
-          "docsTags": [],
+          "docs": "Optionally used with icon, select where to position the icon",
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "Use either iconStart or iconEnd but do not combine them with icon & iconPosition."
+            }
+          ],
           "default": "\"start\"",
+          "deprecation": "Use either iconStart or iconEnd but do not combine them with icon & iconPosition.",
           "values": [
             {
               "value": "end",
@@ -16797,6 +17473,22 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "iconStart",
+          "type": "string",
+          "mutable": false,
+          "attr": "icon-start",
+          "reflectToAttr": true,
+          "docs": "Optionally pass an icon to display at the start - accepts Calcite UI icon names",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "value",
           "type": "any",
@@ -17241,7 +17933,7 @@
           "type": "string",
           "mutable": false,
           "attr": "name",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the name of the component on form submission.",
           "docsTags": [],
           "values": [
@@ -17858,6 +18550,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "groupSeparator",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "group-separator",
+          "reflectToAttr": true,
+          "docs": "When true, number values are displayed with a group separator corresponding to the language and country format.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "hasHistogram",
           "type": "boolean",
@@ -18075,12 +18784,33 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "numberingSystem",
+          "type": "string",
+          "mutable": false,
+          "attr": "numbering-system",
+          "reflectToAttr": false,
+          "docs": "Specifies the Unicode numeral system used by the component for localization.",
+          "docsTags": [
+            {
+              "name": "mdn",
+              "text": "[numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "pageStep",
           "type": "number",
           "mutable": false,
           "attr": "page-step",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the interval to move with the page up, or page down keys.",
           "docsTags": [],
           "values": [
@@ -18096,7 +18826,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "precise",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, sets a finer point for handles.",
           "docsTags": [],
           "default": "false",
@@ -18130,7 +18860,7 @@
           "type": "\"l\" | \"m\" | \"s\"",
           "mutable": false,
           "attr": "scale",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the size of the component.",
           "docsTags": [],
           "default": "\"m\"",
@@ -18156,7 +18886,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "snap",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, enables snap selection in coordination with \"step\" via a mouse.",
           "docsTags": [],
           "default": "false",
@@ -18173,7 +18903,7 @@
           "type": "number",
           "mutable": false,
           "attr": "step",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies the interval to move with the up, or down keys.",
           "docsTags": [],
           "default": "1",
@@ -18190,7 +18920,7 @@
           "type": "number",
           "mutable": false,
           "attr": "ticks",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Displays tick marks on the number line at a specified interval.",
           "docsTags": [],
           "values": [
@@ -18331,7 +19061,7 @@
           "type": "string",
           "mutable": false,
           "attr": "drag-selector",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Specifies which items inside the element should be draggable.",
           "docsTags": [],
           "values": [
@@ -18347,7 +19077,7 @@
           "type": "string",
           "mutable": false,
           "attr": "group",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The list's group identifier.\n\nTo drag elements from one list into another, both lists must have the same group value.",
           "docsTags": [],
           "values": [
@@ -18363,7 +19093,7 @@
           "type": "string",
           "mutable": false,
           "attr": "handle-selector",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The selector for the handle elements.",
           "docsTags": [],
           "default": "\"calcite-handle\"",
@@ -18380,7 +19110,7 @@
           "type": "\"grid\" | \"horizontal\" | \"vertical\"",
           "mutable": false,
           "attr": "layout",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Indicates the horizontal or vertical orientation of the component.",
           "docsTags": [],
           "default": "\"vertical\"",
@@ -18468,7 +19198,7 @@
       "props": [
         {
           "name": "appearance",
-          "type": "\"clear\" | \"outline\" | \"solid\" | \"transparent\"",
+          "type": "\"clear\" | \"minimal\" | \"outline\" | \"solid\" | \"transparent\"",
           "mutable": false,
           "attr": "appearance",
           "reflectToAttr": true,
@@ -18480,6 +19210,10 @@
               "value": "clear",
               "type": "string"
             },
+            {
+              "value": "minimal",
+              "type": "string"
+            },
             {
               "value": "outline",
               "type": "string"
@@ -18611,7 +19345,7 @@
           "type": "\"absolute\" | \"fixed\"",
           "mutable": false,
           "attr": "overlay-positioning",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Determines the type of positioning to use for the overlaid content.\n\nUsing the \"absolute\" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The \"fixed\" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is \"fixed\".",
           "docsTags": [],
           "default": "\"absolute\"",
@@ -19114,7 +19848,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "error",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, the component contains an error that requires resolution from the user.",
           "docsTags": [],
           "default": "false",
@@ -19352,7 +20086,7 @@
           "type": "boolean",
           "mutable": true,
           "attr": "switched",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true, the component is checked.",
           "docsTags": [
             {
@@ -19434,7 +20168,7 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "- A slot for adding custom content."
+          "text": "- A slot for adding content to the component."
         }
       ],
       "usage": {
@@ -19447,15 +20181,15 @@
           "mutable": true,
           "attr": "active",
           "reflectToAttr": true,
-          "docs": "Show this tab",
+          "docs": "When true, the component's contents are selected.\n\nOnly one tab can be selected within the `calcite-tabs` parent.",
           "docsTags": [
             {
               "name": "deprecated",
-              "text": "Use selected instead."
+              "text": "Use \"selected\" instead."
             }
           ],
           "default": "false",
-          "deprecation": "Use selected instead.",
+          "deprecation": "Use \"selected\" instead.",
           "values": [
             {
               "type": "boolean"
@@ -19470,7 +20204,7 @@
           "mutable": true,
           "attr": "selected",
           "reflectToAttr": true,
-          "docs": "When true, display this tab.",
+          "docs": "When true, the component's contents are selected.\n\nOnly one tab can be selected within the `calcite-tabs` parent.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -19487,14 +20221,14 @@
           "mutable": false,
           "attr": "tab",
           "reflectToAttr": true,
-          "docs": "Optionally include a unique name for this tab,\nbe sure to also set this name on the associated title.",
+          "docs": "Specifies a unique name for the component.\n\nWhen specified, use the same value on the `calcite-tab-title`.",
           "docsTags": [],
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -19507,7 +20241,7 @@
           },
           "signature": "getTabIndex() => Promise<number>",
           "parameters": [],
-          "docs": "Return the index of this tab within the tab array",
+          "docs": "Returns the index of the component item within the tab array.",
           "docsTags": []
         }
       ],
@@ -19524,7 +20258,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "A slot for adding custom content."
+          "docs": "A slot for adding content to the component."
         }
       ],
       "parts": [],
@@ -19559,8 +20293,8 @@
           "type": "string",
           "mutable": false,
           "attr": "storage-id",
-          "reflectToAttr": false,
-          "docs": "Name to use when saving selected tab data to localStorage",
+          "reflectToAttr": true,
+          "docs": "Specifies the name when saving selected `calcite-tab` data to `localStorage`.",
           "docsTags": [],
           "values": [
             {
@@ -19575,8 +20309,8 @@
           "type": "string",
           "mutable": false,
           "attr": "sync-id",
-          "reflectToAttr": false,
-          "docs": "Pass the same string to multiple tab navs to keep them all in sync if one changes",
+          "reflectToAttr": true,
+          "docs": "Specifies text to update multiple components to keep in sync if one changes.",
           "docsTags": [],
           "values": [
             {
@@ -19595,7 +20329,7 @@
           "bubbles": true,
           "cancelable": false,
           "composed": true,
-          "docs": "Emitted when the active tab changes",
+          "docs": "Emits when the selected `calcite-tab` changes.",
           "docsTags": [
             {
               "name": "see",
@@ -19635,6 +20369,11 @@
           "target": "body",
           "capture": false,
           "passive": false
+        },
+        {
+          "event": "calciteInternalTabIconChanged",
+          "capture": false,
+          "passive": false
         }
       ],
       "styles": [],
@@ -19675,15 +20414,15 @@
           "mutable": true,
           "attr": "active",
           "reflectToAttr": true,
-          "docs": "Show this tab title as selected",
+          "docs": "When true, the component and its respective `calcite-tab` contents are selected.\n\nOnly one tab can be selected within the `calcite-tabs` parent.",
           "docsTags": [
             {
               "name": "deprecated",
-              "text": "Use selected instead."
+              "text": "Use \"selected\" instead."
             }
           ],
           "default": "false",
-          "deprecation": "Use selected instead.",
+          "deprecation": "Use \"selected\" instead.",
           "values": [
             {
               "type": "boolean"
@@ -19698,7 +20437,7 @@
           "mutable": false,
           "attr": "disabled",
           "reflectToAttr": true,
-          "docs": "Disable this tab title",
+          "docs": "When true, interaction is prevented and the component is displayed with lower opacity.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -19715,7 +20454,7 @@
           "mutable": false,
           "attr": "icon-end",
           "reflectToAttr": true,
-          "docs": "optionally pass an icon to display at the end of a tab title - accepts calcite ui icon names",
+          "docs": "Specifies an icon to display at the end of the component - accepts Calcite UI icon names.",
           "docsTags": [],
           "values": [
             {
@@ -19731,7 +20470,7 @@
           "mutable": false,
           "attr": "icon-flip-rtl",
           "reflectToAttr": true,
-          "docs": "flip the icon(s) in rtl",
+          "docs": "When true, the icon will be flipped when the element direction is right-to-left (\"rtl\").",
           "docsTags": [],
           "values": [
             {
@@ -19756,7 +20495,7 @@
           "mutable": false,
           "attr": "icon-start",
           "reflectToAttr": true,
-          "docs": "optionally pass an icon to display at the start of a tab title - accepts calcite ui icon names",
+          "docs": "Specifies an icon to display at the start of the component - accepts Calcite UI icon names.",
           "docsTags": [],
           "values": [
             {
@@ -19772,7 +20511,7 @@
           "mutable": true,
           "attr": "selected",
           "reflectToAttr": true,
-          "docs": "When true, display this tab title as selected.",
+          "docs": "When true, the component and its respective `calcite-tab` contents are selected.\n\nOnly one tab can be selected within the `calcite-tabs` parent.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -19789,7 +20528,7 @@
           "mutable": false,
           "attr": "tab",
           "reflectToAttr": true,
-          "docs": "Optionally include a unique name for the tab title,\nbe sure to also set this name on the associated tab.",
+          "docs": "Specifies a unique name for the component.\n\nWhen specified, use the same value on the `calcite-tab`.",
           "docsTags": [],
           "values": [
             {
@@ -19809,7 +20548,7 @@
           },
           "signature": "getTabIndex() => Promise<number>",
           "parameters": [],
-          "docs": "Return the index of this title within the nav",
+          "docs": "Returns the index of the title within the `calcite-tab-nav`.",
           "docsTags": []
         }
       ],
@@ -19820,7 +20559,7 @@
           "bubbles": true,
           "cancelable": false,
           "composed": true,
-          "docs": "Fires when a specific tab is activated. Emits the \"tab\" property or the index position.",
+          "docs": "Fires when a `calcite-tab` is selected. Emits the \"tab\" property, or the index position.",
           "docsTags": [
             {
               "name": "see",
@@ -19883,7 +20622,7 @@
         },
         {
           "name": "slot",
-          "text": "tab-nav - A slot for adding a tab navigation component."
+          "text": "tab-nav - A slot for adding a `calcite-tab-nav`."
         }
       ],
       "usage": {
@@ -19897,7 +20636,7 @@
           "mutable": true,
           "attr": "bordered",
           "reflectToAttr": true,
-          "docs": "Optionally enable tabs to appear like a folder-style menu when its layout is \"inline\"",
+          "docs": "When true and layout is set to \"inline\", the component will display with a folder style menu.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -19914,7 +20653,7 @@
           "mutable": false,
           "attr": "layout",
           "reflectToAttr": true,
-          "docs": "Align tab titles to the edge or fully justify them across the tab nav (\"center\")",
+          "docs": "Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (\"inline\"), or across and centered (\"center\").",
           "docsTags": [],
           "default": "\"inline\"",
           "values": [
@@ -19936,7 +20675,7 @@
           "mutable": false,
           "attr": "position",
           "reflectToAttr": true,
-          "docs": "Display the tabs top (default) or bottom of the tab content. above and below are deprecated.",
+          "docs": "Specifies the position of the component in relation to the `calcite-tab`s. The \"above\" and \"below\" values are deprecated.",
           "docsTags": [],
           "default": "\"top\"",
           "values": [
@@ -19966,7 +20705,7 @@
           "mutable": false,
           "attr": "scale",
           "reflectToAttr": true,
-          "docs": "Specify the scale of the tabs component, defaults to m",
+          "docs": "Specifies the size of the component.",
           "docsTags": [],
           "default": "\"m\"",
           "values": [
@@ -20021,7 +20760,7 @@
         },
         {
           "name": "tab-nav",
-          "docs": "A slot for adding a tab navigation component."
+          "docs": "A slot for adding a `calcite-tab-nav`."
         }
       ],
       "parts": [],
@@ -20044,11 +20783,11 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "content-start - A slot for adding non-actionable elements before the tile content."
+          "text": "content-start - A slot for adding non-actionable elements before the component's content."
         },
         {
           "name": "slot",
-          "text": "content-end - A slot for adding non-actionable elements after the tile content."
+          "text": "content-end - A slot for adding non-actionable elements after the component's content."
         }
       ],
       "usage": {
@@ -20061,7 +20800,7 @@
           "mutable": false,
           "attr": "active",
           "reflectToAttr": true,
-          "docs": "The active state of the tile.",
+          "docs": "When true, the component is active.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -20078,7 +20817,7 @@
           "mutable": false,
           "attr": "description",
           "reflectToAttr": true,
-          "docs": "The description text that appears beneath the heading of the tile.",
+          "docs": "A description for the component, which displays below the heading.",
           "docsTags": [],
           "values": [
             {
@@ -20094,7 +20833,7 @@
           "mutable": false,
           "attr": "disabled",
           "reflectToAttr": true,
-          "docs": "When true, prevents interaction.",
+          "docs": "When true, interaction is prevented and the component is displayed with lower opacity.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -20111,7 +20850,7 @@
           "mutable": false,
           "attr": "embed",
           "reflectToAttr": true,
-          "docs": "The embed mode of the tile.  When true, renders without a border and padding for use by other components.",
+          "docs": "The component's embed mode.\n\nWhen true, renders without a border and padding for use by other components.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -20128,7 +20867,7 @@
           "mutable": false,
           "attr": "heading",
           "reflectToAttr": true,
-          "docs": "The heading text that appears between the icon and description of the tile.",
+          "docs": "The component header text, which displays between the icon and description.",
           "docsTags": [],
           "values": [
             {
@@ -20144,7 +20883,7 @@
           "mutable": false,
           "attr": "hidden",
           "reflectToAttr": true,
-          "docs": "The hidden state of the tile.",
+          "docs": "When true, the component is not displayed and is not focusable.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -20161,7 +20900,7 @@
           "mutable": false,
           "attr": "href",
           "reflectToAttr": true,
-          "docs": "The (optional) url for the tile. (Only applies when embed is set to false)",
+          "docs": "When embed is \"false\", the url for the component.",
           "docsTags": [],
           "values": [
             {
@@ -20177,7 +20916,7 @@
           "mutable": false,
           "attr": "icon",
           "reflectToAttr": true,
-          "docs": "The icon that appears at the top of the tile.",
+          "docs": "Specifies an icon to display.",
           "docsTags": [],
           "values": [
             {
@@ -20195,11 +20934,11 @@
       "slots": [
         {
           "name": "content-end",
-          "docs": "A slot for adding non-actionable elements after the tile content."
+          "docs": "A slot for adding non-actionable elements after the component's content."
         },
         {
           "name": "content-start",
-          "docs": "A slot for adding non-actionable elements before the tile content."
+          "docs": "A slot for adding non-actionable elements before the component's content."
         }
       ],
       "parts": [],
@@ -20245,7 +20984,7 @@
           "mutable": true,
           "attr": "checked",
           "reflectToAttr": true,
-          "docs": "The checked state of the tile select.",
+          "docs": "When true, the component is checked.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -20262,7 +21001,7 @@
           "mutable": false,
           "attr": "description",
           "reflectToAttr": true,
-          "docs": "The description text that appears beneath the heading of the tile.",
+          "docs": "A description for the component, which displays below the heading.",
           "docsTags": [],
           "values": [
             {
@@ -20278,7 +21017,7 @@
           "mutable": false,
           "attr": "disabled",
           "reflectToAttr": true,
-          "docs": "The disabled state of the tile select.",
+          "docs": "When true, interaction is prevented and the component is displayed with lower opacity.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -20295,7 +21034,7 @@
           "mutable": false,
           "attr": "heading",
           "reflectToAttr": true,
-          "docs": "The heading text that appears between the icon and description of the tile.",
+          "docs": "The component header text, which displays between the icon and description.",
           "docsTags": [],
           "values": [
             {
@@ -20311,7 +21050,7 @@
           "mutable": false,
           "attr": "hidden",
           "reflectToAttr": true,
-          "docs": "The hidden state of the tile select.",
+          "docs": "When true, the component is not displayed and is not focusable or checkable.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -20328,7 +21067,7 @@
           "mutable": false,
           "attr": "icon",
           "reflectToAttr": true,
-          "docs": "The icon that appears at the top of the tile.",
+          "docs": "Specifies an icon to display.",
           "docsTags": [],
           "values": [
             {
@@ -20344,7 +21083,7 @@
           "mutable": false,
           "attr": "input-alignment",
           "reflectToAttr": true,
-          "docs": "The side of the tile that the radio or checkbox appears on when inputEnabled is true.",
+          "docs": "When inputEnabled is true, the placement of the interactive input on the component.",
           "docsTags": [],
           "default": "\"start\"",
           "values": [
@@ -20366,7 +21105,7 @@
           "mutable": false,
           "attr": "input-enabled",
           "reflectToAttr": true,
-          "docs": "Display an interactive radio or checkbox.",
+          "docs": "When true, displays an interactive input based on the \"type\" property.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -20383,7 +21122,7 @@
           "mutable": false,
           "attr": "name",
           "reflectToAttr": true,
-          "docs": "The name of the tile select.  This name will appear in form submissions as either a radio or checkbox identifier based on the `type` property.",
+          "docs": "Specifies the name of the component on form submission.",
           "docsTags": [],
           "values": [
             {
@@ -20399,7 +21138,7 @@
           "mutable": false,
           "attr": "type",
           "reflectToAttr": true,
-          "docs": "The selection mode of the tile select: radio (single) or checkbox (multiple).",
+          "docs": "The selection mode of the component.\n\nUse radio for single selection, and checkbox for multiple selections.",
           "docsTags": [],
           "default": "\"radio\"",
           "values": [
@@ -20421,7 +21160,7 @@
           "mutable": false,
           "attr": "value",
           "reflectToAttr": false,
-          "docs": "The value of the tile select.  This value will appear in form submissions when this tile select is checked.",
+          "docs": "The component's value.",
           "docsTags": [],
           "values": [
             {
@@ -20437,7 +21176,7 @@
           "mutable": false,
           "attr": "width",
           "reflectToAttr": true,
-          "docs": "specify the width of the tile, defaults to auto",
+          "docs": "Specifies the width of the component.",
           "docsTags": [],
           "default": "\"auto\"",
           "values": [
@@ -20474,7 +21213,7 @@
           "bubbles": true,
           "cancelable": false,
           "composed": true,
-          "docs": "Emits a custom change event.  For checkboxes, it emits when the checkbox is checked or unchecked.  For radios it only emits when it is checked.",
+          "docs": "Emits a custom change event.\n\nFor checkboxes it emits when checked or unchecked.\n\nFor radios it only emits when checked.",
           "docsTags": []
         }
       ],
@@ -20575,7 +21314,7 @@
           "mutable": false,
           "attr": "disabled",
           "reflectToAttr": true,
-          "docs": "The disabled state of the tile select.",
+          "docs": "When true, interaction is prevented and the component is displayed with lower opacity.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -20592,7 +21331,7 @@
           "mutable": false,
           "attr": "layout",
           "reflectToAttr": true,
-          "docs": "Tiles by default move horizontally, stacking with each row, vertical allows single-column layouts",
+          "docs": "Defines the layout of the component.\n\nUse \"horizontal\" for rows, and \"vertical\" for a single column.",
           "docsTags": [],
           "default": "\"horizontal\"",
           "values": [
@@ -20639,7 +21378,7 @@
           "mutable": false,
           "attr": "intl-hour",
           "reflectToAttr": false,
-          "docs": "aria-label for the hour input",
+          "docs": "Accessible name for the component's hour input.",
           "docsTags": [
             {
               "name": "default",
@@ -20661,7 +21400,7 @@
           "mutable": false,
           "attr": "intl-hour-down",
           "reflectToAttr": false,
-          "docs": "aria-label for the hour down button",
+          "docs": "Accessible name for the component's hour down button.",
           "docsTags": [
             {
               "name": "default",
@@ -20683,7 +21422,7 @@
           "mutable": false,
           "attr": "intl-hour-up",
           "reflectToAttr": false,
-          "docs": "aria-label for the hour up button",
+          "docs": "Accessible name for the component's hour up button.",
           "docsTags": [
             {
               "name": "default",
@@ -20705,7 +21444,7 @@
           "mutable": false,
           "attr": "intl-meridiem",
           "reflectToAttr": false,
-          "docs": "aria-label for the meridiem (am/pm) input",
+          "docs": "Accessible name for the component's meridiem (AM/PM) input.",
           "docsTags": [
             {
               "name": "default",
@@ -20727,7 +21466,7 @@
           "mutable": false,
           "attr": "intl-meridiem-down",
           "reflectToAttr": false,
-          "docs": "aria-label for the meridiem (am/pm) down button",
+          "docs": "Accessible name for the component's meridiem (AM/PM) down button.",
           "docsTags": [
             {
               "name": "default",
@@ -20749,7 +21488,7 @@
           "mutable": false,
           "attr": "intl-meridiem-up",
           "reflectToAttr": false,
-          "docs": "aria-label for the meridiem (am/pm) up button",
+          "docs": "Accessible name for the component's meridiem (AM/PM) up button.",
           "docsTags": [
             {
               "name": "default",
@@ -20771,7 +21510,7 @@
           "mutable": false,
           "attr": "intl-minute",
           "reflectToAttr": false,
-          "docs": "aria-label for the minute input",
+          "docs": "Accessible name for the component's minute input.",
           "docsTags": [
             {
               "name": "default",
@@ -20793,7 +21532,7 @@
           "mutable": false,
           "attr": "intl-minute-down",
           "reflectToAttr": false,
-          "docs": "aria-label for the minute down button",
+          "docs": "Accessible name for the component's minute down button.",
           "docsTags": [
             {
               "name": "default",
@@ -20815,7 +21554,7 @@
           "mutable": false,
           "attr": "intl-minute-up",
           "reflectToAttr": false,
-          "docs": "aria-label for the minute up button",
+          "docs": "Accessible name for the component's minute up button.",
           "docsTags": [
             {
               "name": "default",
@@ -20837,7 +21576,7 @@
           "mutable": false,
           "attr": "intl-second",
           "reflectToAttr": false,
-          "docs": "aria-label for the second input",
+          "docs": "Accessible name for the component's second input.",
           "docsTags": [
             {
               "name": "default",
@@ -20859,7 +21598,7 @@
           "mutable": false,
           "attr": "intl-second-down",
           "reflectToAttr": false,
-          "docs": "aria-label for the second down button",
+          "docs": "Accessible name for the component's second down button.",
           "docsTags": [
             {
               "name": "default",
@@ -20881,7 +21620,7 @@
           "mutable": false,
           "attr": "intl-second-up",
           "reflectToAttr": false,
-          "docs": "aria-label for the second up button",
+          "docs": "Accessible name for the component's second up button.",
           "docsTags": [
             {
               "name": "default",
@@ -20902,8 +21641,8 @@
           "type": "\"l\" | \"m\" | \"s\"",
           "mutable": false,
           "attr": "scale",
-          "reflectToAttr": false,
-          "docs": "The scale (size) of the time picker",
+          "reflectToAttr": true,
+          "docs": "Specifies the size of the component.",
           "docsTags": [],
           "default": "\"m\"",
           "values": [
@@ -20928,8 +21667,8 @@
           "type": "number",
           "mutable": false,
           "attr": "step",
-          "reflectToAttr": false,
-          "docs": "number (seconds) that specifies the granularity that the value must adhere to",
+          "reflectToAttr": true,
+          "docs": "Specifies the granularity the \"value\" must adhere to (in seconds).",
           "docsTags": [],
           "default": "60",
           "values": [
@@ -20946,7 +21685,7 @@
           "mutable": true,
           "attr": "value",
           "reflectToAttr": false,
-          "docs": "The selected time in UTC (always 24-hour format)",
+          "docs": "The component's value in UTC (always 24-hour format).",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -21025,7 +21764,7 @@
         },
         {
           "name": "slot",
-          "text": "thumbnail - A slot for adding an HTML image element to the tip."
+          "text": "thumbnail - A slot for adding an HTML image element."
         }
       ],
       "usage": {
@@ -21038,7 +21777,7 @@
           "mutable": true,
           "attr": "dismissed",
           "reflectToAttr": true,
-          "docs": "No longer displays the tip.",
+          "docs": "When true, the component does not display.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -21055,7 +21794,7 @@
           "mutable": false,
           "attr": "heading",
           "reflectToAttr": false,
-          "docs": "The heading of the tip.",
+          "docs": "The component header text.",
           "docsTags": [],
           "values": [
             {
@@ -21070,8 +21809,8 @@
           "type": "1 | 2 | 3 | 4 | 5 | 6",
           "mutable": false,
           "attr": "heading-level",
-          "reflectToAttr": false,
-          "docs": "Number at which section headings should start for this component.",
+          "reflectToAttr": true,
+          "docs": "Specifies the number at which section headings should start.",
           "docsTags": [],
           "values": [
             {
@@ -21108,7 +21847,7 @@
           "mutable": false,
           "attr": "intl-close",
           "reflectToAttr": false,
-          "docs": "Alternate text for closing the tip.",
+          "docs": "Accessible name for the component's close button.",
           "docsTags": [],
           "values": [
             {
@@ -21124,7 +21863,7 @@
           "mutable": false,
           "attr": "non-dismissible",
           "reflectToAttr": true,
-          "docs": "Indicates whether the tip can be dismissed.",
+          "docs": "When true, the close button is not present on the component.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -21141,7 +21880,7 @@
           "mutable": false,
           "attr": "selected",
           "reflectToAttr": true,
-          "docs": "The selected state of the tip if it is being used inside a `calcite-tip-manager`.",
+          "docs": "When true and if it has a parent `calcite-tip-manager`, the component is selected.\n\nOnly one tip can be selected within the `calcite-tip-manager` parent.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -21161,7 +21900,7 @@
           "bubbles": true,
           "cancelable": false,
           "composed": true,
-          "docs": "Emitted when the component has been dismissed.",
+          "docs": "Emits when the component has been dismissed.",
           "docsTags": []
         }
       ],
@@ -21174,7 +21913,7 @@
         },
         {
           "name": "thumbnail",
-          "docs": "A slot for adding an HTML image element to the tip."
+          "docs": "A slot for adding an HTML image element."
         }
       ],
       "parts": [],
@@ -21212,7 +21951,7 @@
           "mutable": false,
           "attr": "group-title",
           "reflectToAttr": false,
-          "docs": "The title used for all nested tips.",
+          "docs": "The component header text for all nested `calcite-tip`s.",
           "docsTags": [],
           "values": [
             {
@@ -21260,7 +21999,7 @@
           "mutable": true,
           "attr": "closed",
           "reflectToAttr": true,
-          "docs": "Closed state of the `calcite-tip-manager`.",
+          "docs": "When true, does not display or position the component.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -21276,8 +22015,8 @@
           "type": "1 | 2 | 3 | 4 | 5 | 6",
           "mutable": false,
           "attr": "heading-level",
-          "reflectToAttr": false,
-          "docs": "Number at which section headings should start for this component.",
+          "reflectToAttr": true,
+          "docs": "Specifies the number at which section headings should start.",
           "docsTags": [],
           "values": [
             {
@@ -21314,7 +22053,7 @@
           "mutable": false,
           "attr": "intl-close",
           "reflectToAttr": false,
-          "docs": "Alternate text for closing the tip.",
+          "docs": "Accessible name for the component's close button.",
           "docsTags": [],
           "values": [
             {
@@ -21330,7 +22069,7 @@
           "mutable": false,
           "attr": "intl-default-title",
           "reflectToAttr": false,
-          "docs": "The default group title for the `calcite-tip-manager`.",
+          "docs": "Accessible name for the `calcite-tip-group` title.",
           "docsTags": [],
           "values": [
             {
@@ -21346,7 +22085,7 @@
           "mutable": false,
           "attr": "intl-next",
           "reflectToAttr": false,
-          "docs": "Alternate text for navigating to the next tip.",
+          "docs": "Accessible name for navigating to the next tip.",
           "docsTags": [],
           "values": [
             {
@@ -21362,7 +22101,7 @@
           "mutable": false,
           "attr": "intl-pagination-label",
           "reflectToAttr": false,
-          "docs": "Label that appears on hover of pagination icon.",
+          "docs": "Text that accompanies the component's pagination.",
           "docsTags": [],
           "values": [
             {
@@ -21378,7 +22117,7 @@
           "mutable": false,
           "attr": "intl-previous",
           "reflectToAttr": false,
-          "docs": "Alternate text for navigating to the previous tip.",
+          "docs": "Accessible name for navigating to the previous tip.",
           "docsTags": [],
           "values": [
             {
@@ -21398,7 +22137,7 @@
           },
           "signature": "nextTip() => Promise<void>",
           "parameters": [],
-          "docs": "Selects the next tip to display",
+          "docs": "Selects the next `calcite-tip` to display.",
           "docsTags": []
         },
         {
@@ -21409,7 +22148,7 @@
           },
           "signature": "previousTip() => Promise<void>",
           "parameters": [],
-          "docs": "Selects the previous tip to display",
+          "docs": "Selects the previous `calcite-tip` to display.",
           "docsTags": []
         }
       ],
@@ -21420,7 +22159,7 @@
           "bubbles": true,
           "cancelable": false,
           "composed": true,
-          "docs": "Emitted when the `calcite-tip-manager` has been closed.",
+          "docs": "Emits when the component has been closed.",
           "docsTags": []
         },
         {
@@ -21429,14 +22168,14 @@
           "bubbles": true,
           "cancelable": false,
           "composed": true,
-          "docs": "Emitted when the `calcite-tip-manager` has been toggled open or closed.",
+          "docs": "Emits when the component has been open or closed.",
           "docsTags": [
             {
               "name": "deprecated",
-              "text": "use calciteTipManagerClose instead."
+              "text": "use \"calciteTipManagerClose\" instead."
             }
           ],
-          "deprecation": "use calciteTipManagerClose instead."
+          "deprecation": "use \"calciteTipManagerClose\" instead."
         }
       ],
       "listeners": [],
@@ -21444,12 +22183,12 @@
         {
           "name": "--calcite-tip-manager-height",
           "annotation": "prop",
-          "docs": "the maximum height of the tip-manager"
+          "docs": "The maximum height of the component."
         },
         {
           "name": "--calcite-tip-max-width",
           "annotation": "prop",
-          "docs": "the maximum width of a slotted tip within tip-manager"
+          "docs": "The maximum width of a slotted `calcite-tip` within the component."
         }
       ],
       "slots": [
@@ -21497,7 +22236,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "close-on-click",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Closes the component when the `referenceElement` is clicked.",
           "docsTags": [],
           "default": "false",
@@ -21586,7 +22325,7 @@
           "type": "\"absolute\" | \"fixed\"",
           "mutable": false,
           "attr": "overlay-positioning",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "Determines the type of positioning to use for the overlaid content.\n\nUsing the \"absolute\" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The \"fixed\" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is \"fixed\".",
           "docsTags": [],
           "default": "\"absolute\"",
@@ -21680,9 +22419,15 @@
         }
       ],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "calcite-flow-item"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "calcite-flow-item": [
+          "calcite-tooltip"
+        ]
+      }
     },
     {
       "filePath": "./src/components/tooltip-manager/tooltip-manager.tsx",
@@ -21707,7 +22452,7 @@
           "type": "string",
           "mutable": false,
           "attr": "selector",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "CSS Selector to match reference elements for tooltips. Reference elements will be identified by this selector in order to open their associated tooltip.",
           "docsTags": [
             {
@@ -22105,7 +22850,7 @@
           "type": "string",
           "mutable": false,
           "attr": "group",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The component's group identifier.\n\nTo drag elements from one list into another, both lists must have the same group value.",
           "docsTags": [],
           "values": [
@@ -22219,7 +22964,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "selection-follows-focus",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When true and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.",
           "docsTags": [],
           "default": "false",