npm - @esri/calcite-components - Versions diffs - 1.0.0-beta.85 → 1.0.0-beta.88 - Mend

@esri/calcite-components 1.0.0-beta.85 → 1.0.0-beta.88

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 (1072) hide show

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

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-07-13T03:24:27",
+  "timestamp": "2022-07-25T18:24:32",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.16.1",
@@ -19,7 +19,7 @@
         }
       ],
       "usage": {
-        "Basic": "```html\n<calcite-accordion>\n  <calcite-accordion-item item-title=\"Accordion Item\">Accordion Section Content </calcite-accordion-item>\n  <calcite-accordion-item item-title=\"Accordion Item 2\" active>Accordion Section Content </calcite-accordion-item>\n  <calcite-accordion-item item-title=\"Accordion Item 3\">Accordion Section Content </calcite-accordion-item>\n</calcite-accordion>\n```\n"
+        "Basic": "```html\n<calcite-accordion>\n  <calcite-accordion-item heading=\"Accordion Item\">Accordion Section Content </calcite-accordion-item>\n  <calcite-accordion-item heading=\"Accordion Item 2\" active>Accordion Section Content </calcite-accordion-item>\n  <calcite-accordion-item heading=\"Accordion Item 3\">Accordion Section Content </calcite-accordion-item>\n</calcite-accordion>\n```\n"
       },
       "props": [
         {
@@ -640,7 +640,7 @@
       "events": [
         {
           "event": "calciteActionClick",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -811,6 +811,28 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "layout",
+          "type": "\"horizontal\" | \"vertical\"",
+          "mutable": false,
+          "attr": "layout",
+          "reflectToAttr": true,
+          "docs": "The layout direction of the actions.",
+          "docsTags": [],
+          "default": "\"vertical\"",
+          "values": [
+            {
+              "value": "horizontal",
+              "type": "string"
+            },
+            {
+              "value": "vertical",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "overflowActionsDisabled",
           "type": "boolean",
@@ -896,7 +918,7 @@
       "events": [
         {
           "event": "calciteActionBarToggle",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -905,7 +927,13 @@
         }
       ],
       "listeners": [],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--calcite-action-bar-expanded-max-width",
+          "annotation": "prop",
+          "docs": "optionally specify the expanded max width of the action bar when in \"vertical\" layout."
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -1209,14 +1237,14 @@
         },
         {
           "name": "flipPlacements",
-          "type": "ComputedPlacement[]",
+          "type": "Placement[]",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Defines the available placements that can be used when a flip occurs.",
           "docsTags": [],
           "values": [
             {
-              "type": "ComputedPlacement[]"
+              "type": "Placement[]"
             }
           ],
           "optional": true,
@@ -1279,7 +1307,7 @@
         },
         {
           "name": "placement",
-          "type": "Placement | PlacementRtl | VariationRtl",
+          "type": "Placement | AutoPlacement | VariationPlacement | DeprecatedPlacement",
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": true,
@@ -1287,7 +1315,7 @@
           "docsTags": [
             {
               "name": "see",
-              "text": "[PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
+              "text": "[LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)"
             }
           ],
           "default": "\"auto\"",
@@ -1296,10 +1324,13 @@
               "type": "Placement"
             },
             {
-              "type": "PlacementRtl"
+              "type": "AutoPlacement"
             },
             {
-              "type": "VariationRtl"
+              "type": "VariationPlacement"
+            },
+            {
+              "type": "DeprecatedPlacement"
             }
           ],
           "optional": false,
@@ -1351,7 +1382,7 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Emits when the `open` property has changed.",
+          "docs": "Emits when the `open` property has changed.\n\n**Note:**: The event payload is deprecated, please use the `open` property on the component instead",
           "docsTags": []
         }
       ],
@@ -1594,7 +1625,7 @@
       "events": [
         {
           "event": "calciteActionPadToggle",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -1603,7 +1634,13 @@
         }
       ],
       "listeners": [],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--calcite-action-pad-expanded-max-width",
+          "annotation": "prop",
+          "docs": "optionally specify the expanded max width of the action pad when in \"vertical\" layout."
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -1895,38 +1932,38 @@
       "events": [
         {
           "event": "calciteAlertBeforeClose",
-          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the component is requested to be closed and before the closing transition begins.",
           "docsTags": []
         },
         {
           "event": "calciteAlertBeforeOpen",
-          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins.",
           "docsTags": []
         },
         {
           "event": "calciteAlertClose",
-          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the component is closed and animation is complete.",
           "docsTags": []
         },
         {
           "event": "calciteAlertOpen",
-          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the component is open and animation is complete.",
           "docsTags": []
         }
       ],
@@ -2171,8 +2208,14 @@
           "attr": "disable-padding",
           "reflectToAttr": false,
           "docs": "When true, removes padding for the slotted content",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "Use `--calcite-block-padding` CSS variable instead."
+            }
+          ],
           "default": "false",
+          "deprecation": "Use `--calcite-block-padding` CSS variable instead.",
           "values": [
             {
               "type": "boolean"
@@ -2442,7 +2485,7 @@
       "events": [
         {
           "event": "calciteBlockToggle",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -2638,7 +2681,7 @@
       "events": [
         {
           "event": "calciteBlockSectionToggle",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -3353,7 +3396,7 @@
       "events": [
         {
           "event": "calciteCardSelect",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -3560,7 +3603,7 @@
       "events": [
         {
           "event": "calciteCheckboxChange",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -3634,6 +3677,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "closable",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "closable",
+          "reflectToAttr": true,
+          "docs": "When true, show abutton user can click to dismiss the chip.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "closed",
           "type": "boolean",
@@ -3714,8 +3774,14 @@
           "attr": "dismissible",
           "reflectToAttr": true,
           "docs": "Optionally show a button the user can click to dismiss the chip",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use closable instead"
+            }
+          ],
           "default": "false",
+          "deprecation": "use closable instead",
           "values": [
             {
               "type": "boolean"
@@ -3820,7 +3886,7 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Emitted when the dismiss button is clicked",
+          "docs": "Emitted when the dismiss button is clicked\n\n**Note:**: The `el` event payload props is deprecated, please use the event's target/currentTarget instead",
           "docsTags": []
         }
       ],
@@ -4587,7 +4653,7 @@
       "events": [
         {
           "event": "calciteColorPickerChange",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -4596,7 +4662,7 @@
         },
         {
           "event": "calciteColorPickerInput",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -4804,7 +4870,7 @@
       "events": [
         {
           "event": "calciteColorPickerHexInputChange",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -5013,14 +5079,14 @@
         },
         {
           "name": "flipPlacements",
-          "type": "ComputedPlacement[]",
+          "type": "Placement[]",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Defines the available placements that can be used when a flip occurs.",
           "docsTags": [],
           "values": [
             {
-              "type": "ComputedPlacement[]"
+              "type": "Placement[]"
             }
           ],
           "optional": true,
@@ -5268,20 +5334,20 @@
       "events": [
         {
           "event": "calciteComboboxBeforeClose",
-          "detail": "{ el: HTMLCalciteComboboxElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the component is requested to be closed and before the closing transition begins.",
           "docsTags": []
         },
         {
           "event": "calciteComboboxBeforeOpen",
-          "detail": "{ el: HTMLCalciteComboboxElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins.",
           "docsTags": []
         },
         {
@@ -5299,16 +5365,16 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Called when a selected item in the combobox is dismissed via its chip",
+          "docs": "Called when a selected item in the combobox is dismissed via its chip\n\n**Note:**: The event payload is deprecated, please use the `value` property on the component to determine removed value instead",
           "docsTags": []
         },
         {
           "event": "calciteComboboxClose",
-          "detail": "{ el: HTMLCalciteComboboxElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the component is closed and animation is complete.",
           "docsTags": []
         },
         {
@@ -5322,11 +5388,11 @@
         },
         {
           "event": "calciteComboboxOpen",
-          "detail": "{ el: HTMLCalciteComboboxElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the component is open and animation is complete.",
           "docsTags": []
         },
         {
@@ -5596,7 +5662,7 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Emitted whenever the item is selected or unselected.",
+          "docs": "Emitted whenever the item is selected or unselected.\n\n**Note:**: The event's payload is deprecated, please use the event's target/currentTarget instead",
           "docsTags": []
         }
       ],
@@ -6370,7 +6436,7 @@
       "events": [
         {
           "event": "calciteDaySelect",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -6543,7 +6609,7 @@
       "events": [
         {
           "event": "calciteDatePickerActiveDateChange",
-          "detail": "any",
+          "detail": "Date",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -6552,7 +6618,7 @@
         },
         {
           "event": "calciteDatePickerSelect",
-          "detail": "any",
+          "detail": "Date",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -6908,14 +6974,14 @@
         },
         {
           "name": "flipPlacements",
-          "type": "ComputedPlacement[]",
+          "type": "Placement[]",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Defines the available placements that can be used when a flip occurs.",
           "docsTags": [],
           "values": [
             {
-              "type": "ComputedPlacement[]"
+              "type": "Placement[]"
             }
           ],
           "optional": true,
@@ -6979,7 +7045,7 @@
         },
         {
           "name": "placement",
-          "type": "\"bottom\" | \"bottom-end\" | \"bottom-leading\" | \"bottom-start\" | \"bottom-trailing\" | \"top\" | \"top-end\" | \"top-leading\" | \"top-start\" | \"top-trailing\"",
+          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"top\" | \"top-end\" | \"top-start\"",
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": true,
@@ -6987,7 +7053,7 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "\"bottom-leading\""
+              "text": "\"bottom-start\""
             }
           ],
           "default": "defaultMenuPlacement",
@@ -7000,18 +7066,10 @@
               "value": "bottom-end",
               "type": "string"
             },
-            {
-              "value": "bottom-leading",
-              "type": "string"
-            },
             {
               "value": "bottom-start",
               "type": "string"
             },
-            {
-              "value": "bottom-trailing",
-              "type": "string"
-            },
             {
               "value": "top",
               "type": "string"
@@ -7020,17 +7078,9 @@
               "value": "top-end",
               "type": "string"
             },
-            {
-              "value": "top-leading",
-              "type": "string"
-            },
             {
               "value": "top-start",
               "type": "string"
-            },
-            {
-              "value": "top-trailing",
-              "type": "string"
             }
           ],
           "optional": false,
@@ -7146,38 +7196,38 @@
       "events": [
         {
           "event": "calciteDropdownBeforeClose",
-          "detail": "{ el: HTMLCalciteDropdownElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the component is requested to be closed and before the closing transition begins.",
           "docsTags": []
         },
         {
           "event": "calciteDropdownBeforeOpen",
-          "detail": "{ el: HTMLCalciteDropdownElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins.",
           "docsTags": []
         },
         {
           "event": "calciteDropdownClose",
-          "detail": "{ el: HTMLCalciteDropdownElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the component is closed and animation is complete.",
           "docsTags": []
         },
         {
           "event": "calciteDropdownOpen",
-          "detail": "{ el: HTMLCalciteDropdownElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the component is open and animation is complete.",
           "docsTags": []
         },
         {
@@ -8215,7 +8265,7 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Emitted when the the handle is activated and the up or down arrow key is pressed.",
+          "docs": "Emitted when the the handle is activated and the up or down arrow key is pressed.\n\n**Note:**: The `handle` event payload prop is deprecated, please use the event's target/currentTarget instead",
           "docsTags": []
         }
       ],
@@ -9476,7 +9526,7 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Fires each time a new value is typed.",
+          "docs": "Fires each time a new value is typed.\n\n**Note:**: The `el` and `value` event payload props are deprecated, please use the event's target/currentTarget instead",
           "docsTags": []
         }
       ],
@@ -9540,8 +9590,14 @@
           "attr": "active",
           "reflectToAttr": true,
           "docs": "Expand or collapse when calendar does not have input",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use open instead"
+            }
+          ],
           "default": "false",
+          "deprecation": "use open instead",
           "values": [
             {
               "type": "boolean"
@@ -9612,14 +9668,14 @@
         },
         {
           "name": "flipPlacements",
-          "type": "ComputedPlacement[]",
+          "type": "Placement[]",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Defines the available placements that can be used when a flip occurs.",
           "docsTags": [],
           "values": [
             {
-              "type": "ComputedPlacement[]"
+              "type": "Placement[]"
             }
           ],
           "optional": true,
@@ -9845,6 +9901,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "open",
+          "type": "boolean",
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": true,
+          "docs": "Expand or collapse when calendar does not have input",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "overlayPositioning",
           "type": "\"absolute\" | \"fixed\"",
@@ -9869,7 +9942,7 @@
         },
         {
           "name": "placement",
-          "type": "\"bottom\" | \"bottom-end\" | \"bottom-leading\" | \"bottom-start\" | \"bottom-trailing\" | \"top\" | \"top-end\" | \"top-leading\" | \"top-start\" | \"top-trailing\"",
+          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"top\" | \"top-end\" | \"top-start\"",
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": true,
@@ -9877,7 +9950,7 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "\"bottom-leading\""
+              "text": "\"bottom-start\""
             }
           ],
           "default": "defaultMenuPlacement",
@@ -9890,18 +9963,10 @@
               "value": "bottom-end",
               "type": "string"
             },
-            {
-              "value": "bottom-leading",
-              "type": "string"
-            },
             {
               "value": "bottom-start",
               "type": "string"
             },
-            {
-              "value": "bottom-trailing",
-              "type": "string"
-            },
             {
               "value": "top",
               "type": "string"
@@ -9910,17 +9975,9 @@
               "value": "top-end",
               "type": "string"
             },
-            {
-              "value": "top-leading",
-              "type": "string"
-            },
             {
               "value": "top-start",
               "type": "string"
-            },
-            {
-              "value": "top-trailing",
-              "type": "string"
             }
           ],
           "optional": false,
@@ -10148,6 +10205,24 @@
           ],
           "deprecation": "use `calciteInputDatePickerChange` instead."
         },
+        {
+          "event": "calciteInputDatePickerBeforeClose",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires when the component is requested to be closed and before the closing transition begins.",
+          "docsTags": []
+        },
+        {
+          "event": "calciteInputDatePickerBeforeOpen",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins.",
+          "docsTags": []
+        },
         {
           "event": "calciteInputDatePickerChange",
           "detail": "void",
@@ -10156,6 +10231,24 @@
           "composed": true,
           "docs": "This event fires when the input date picker value changes.",
           "docsTags": []
+        },
+        {
+          "event": "calciteInputDatePickerClose",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires when the component is closed and animation is complete.",
+          "docsTags": []
+        },
+        {
+          "event": "calciteInputDatePickerOpen",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires when the component is open and animation is complete.",
+          "docsTags": []
         }
       ],
       "listeners": [
@@ -11000,7 +11093,7 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Fires each time a new value is typed.",
+          "docs": "Fires each time a new value is typed.\n\n**Note:**: The `el` and `value` event payload props are deprecated, please use the event's target/currentTarget instead",
           "docsTags": []
         }
       ],
@@ -11280,7 +11373,7 @@
         },
         {
           "name": "placement",
-          "type": "Placement | PlacementRtl | VariationRtl",
+          "type": "Placement | AutoPlacement | VariationPlacement | DeprecatedPlacement",
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": true,
@@ -11288,7 +11381,7 @@
           "docsTags": [
             {
               "name": "see",
-              "text": "[PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
+              "text": "[LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)"
             }
           ],
           "default": "\"auto\"",
@@ -11297,10 +11390,13 @@
               "type": "Placement"
             },
             {
-              "type": "PlacementRtl"
+              "type": "AutoPlacement"
             },
             {
-              "type": "VariationRtl"
+              "type": "VariationPlacement"
+            },
+            {
+              "type": "DeprecatedPlacement"
             }
           ],
           "optional": false,
@@ -11430,11 +11526,6 @@
           "capture": false,
           "passive": false
         },
-        {
-          "event": "keyup",
-          "capture": false,
-          "passive": false
-        },
         {
           "event": "calciteInternalTimePickerBlur",
           "capture": false,
@@ -12287,8 +12378,14 @@
           "attr": "no-padding",
           "reflectToAttr": false,
           "docs": "Disables spacing around the component.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "Use `--calcite-loader-padding` CSS variable instead."
+            }
+          ],
           "default": "false",
+          "deprecation": "Use `--calcite-loader-padding` CSS variable instead.",
           "values": [
             {
               "type": "boolean"
@@ -12650,8 +12747,14 @@
           "attr": "no-padding",
           "reflectToAttr": false,
           "docs": "When true, disables spacing to the content area slot.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "Use `--calcite-modal-padding` CSS variable instead."
+            }
+          ],
           "default": "false",
+          "deprecation": "Use `--calcite-modal-padding` CSS variable instead.",
           "values": [
             {
               "type": "boolean"
@@ -12793,28 +12896,46 @@
         }
       ],
       "events": [
+        {
+          "event": "calciteModalBeforeClose",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires when the component is requested to be closed and before the closing transition begins.",
+          "docsTags": []
+        },
+        {
+          "event": "calciteModalBeforeOpen",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins.",
+          "docsTags": []
+        },
         {
           "event": "calciteModalClose",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Emits when the component finishes the close animation.",
+          "docs": "Fires when the component is closed and animation is complete.",
           "docsTags": []
         },
         {
           "event": "calciteModalOpen",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Emits when the component finishes the open animation.",
+          "docs": "Fires when the component is open and animation is complete.",
           "docsTags": []
         }
       ],
       "listeners": [
         {
-          "event": "keyup",
+          "event": "keydown",
           "target": "window",
           "capture": false,
           "passive": false
@@ -12824,27 +12945,27 @@
         {
           "name": "--calcite-modal-content-text",
           "annotation": "prop",
-          "docs": "The component content's font size."
+          "docs": "[Deprecated] The component content's font size."
         },
         {
           "name": "--calcite-modal-padding",
           "annotation": "prop",
-          "docs": "The top/bottom padding around items within the component."
+          "docs": "[Deprecated] The padding around content area slot."
         },
         {
           "name": "--calcite-modal-padding-large",
           "annotation": "prop",
-          "docs": "The left/right padding around items within the component."
+          "docs": "[Deprecated] The left/right padding around items within the component."
         },
         {
           "name": "--calcite-modal-title-text",
           "annotation": "prop",
-          "docs": "The component title's font size."
+          "docs": "[Deprecated] The component title's font size."
         },
         {
           "name": "--calcite-scrim-background",
           "annotation": "prop",
-          "docs": "The component's semi-transparent background color."
+          "docs": "[Deprecated] The component's semi-transparent background color."
         }
       ],
       "slots": [
@@ -12921,8 +13042,14 @@
           "attr": "active",
           "reflectToAttr": true,
           "docs": "When true, the component is active.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "Use open instead."
+            }
+          ],
           "default": "false",
+          "deprecation": "Use open instead.",
           "values": [
             {
               "type": "boolean"
@@ -12931,6 +13058,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "closable",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "closable",
+          "reflectToAttr": true,
+          "docs": "When true, displays a button user can click to dismiss the `calcite-notice`",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "color",
           "type": "\"blue\" | \"green\" | \"red\" | \"yellow\"",
@@ -12968,8 +13112,14 @@
           "attr": "dismissible",
           "reflectToAttr": true,
           "docs": "When true, a close button is added to the component.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use closable instead"
+            }
+          ],
           "default": "false",
+          "deprecation": "use closable instead",
           "values": [
             {
               "type": "boolean"
@@ -12984,7 +13134,7 @@
           "mutable": false,
           "attr": "icon",
           "reflectToAttr": true,
-          "docs": "Specifies an icon to display - accepts Calcite UI icon names.",
+          "docs": "When present, shows a default recommended icon. You can\nalso pass a calcite-ui-icon name to display a requested icon.",
           "docsTags": [],
           "values": [
             {
@@ -13019,6 +13169,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "open",
+          "type": "boolean",
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": true,
+          "docs": "When true, the component is visible",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "scale",
           "type": "\"l\" | \"m\" | \"s\"",
@@ -13088,7 +13255,7 @@
       "events": [
         {
           "event": "calciteNoticeClose",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -13097,7 +13264,7 @@
         },
         {
           "event": "calciteNoticeOpen",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -13560,6 +13727,40 @@
           "optional": true,
           "required": false
         },
+        {
+          "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": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "closed",
+          "type": "boolean",
+          "mutable": true,
+          "attr": "closed",
+          "reflectToAttr": true,
+          "docs": "When true, panel will be hidden",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "description",
           "type": "string",
@@ -13600,8 +13801,14 @@
           "attr": "dismissed",
           "reflectToAttr": true,
           "docs": "When true, hides the component.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use closed instead"
+            }
+          ],
           "default": "false",
+          "deprecation": "use closed instead",
           "values": [
             {
               "type": "boolean"
@@ -13613,12 +13820,18 @@
         {
           "name": "dismissible",
           "type": "boolean",
-          "mutable": false,
+          "mutable": true,
           "attr": "dismissible",
           "reflectToAttr": true,
           "docs": "When true, a close button is added to the component.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use closable instead"
+            }
+          ],
           "default": "false",
+          "deprecation": "use closable instead",
           "values": [
             {
               "type": "boolean"
@@ -13889,7 +14102,7 @@
       "events": [
         {
           "event": "calcitePanelBackClick",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -13898,7 +14111,7 @@
         },
         {
           "event": "calcitePanelDismiss",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -13907,11 +14120,11 @@
         },
         {
           "event": "calcitePanelDismissedChange",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Fires when the close button is clicked.",
+          "docs": "Fires when there is a change to the `dismissed` property value .",
           "docsTags": [
             {
               "name": "deprecated",
@@ -13922,7 +14135,7 @@
         },
         {
           "event": "calcitePanelScroll",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -14489,7 +14702,7 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": true
         },
         {
           "name": "metadata",
@@ -14674,6 +14887,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "closable",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "closable",
+          "reflectToAttr": true,
+          "docs": "When true, display a close button within the Popover",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "closeButton",
           "type": "boolean",
@@ -14738,8 +14968,14 @@
           "attr": "dismissible",
           "reflectToAttr": true,
           "docs": "When true, a close button is added to the component.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use closable instead"
+            }
+          ],
           "default": "false",
+          "deprecation": "use closable instead",
           "values": [
             {
               "type": "boolean"
@@ -14750,14 +14986,14 @@
         },
         {
           "name": "flipPlacements",
-          "type": "ComputedPlacement[]",
+          "type": "Placement[]",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Defines the available placements that can be used when a flip occurs.",
           "docsTags": [],
           "values": [
             {
-              "type": "ComputedPlacement[]"
+              "type": "Placement[]"
             }
           ],
           "optional": true,
@@ -14934,7 +15170,7 @@
         },
         {
           "name": "placement",
-          "type": "Placement | PlacementRtl | VariationRtl",
+          "type": "Placement | AutoPlacement | VariationPlacement | DeprecatedPlacement",
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": true,
@@ -14942,7 +15178,7 @@
           "docsTags": [
             {
               "name": "see",
-              "text": "[PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
+              "text": "[LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)"
             }
           ],
           "default": "defaultPopoverPlacement",
@@ -14951,10 +15187,13 @@
               "type": "Placement"
             },
             {
-              "type": "PlacementRtl"
+              "type": "AutoPlacement"
             },
             {
-              "type": "VariationRtl"
+              "type": "VariationPlacement"
+            },
+            {
+              "type": "DeprecatedPlacement"
             }
           ],
           "optional": false,
@@ -14962,7 +15201,7 @@
         },
         {
           "name": "referenceElement",
-          "type": "Element | string | ({ getBoundingClientRect: () => ClientRect | DOMRect; contextElement?: Element; })",
+          "type": "Element | VirtualElement | string",
           "mutable": false,
           "attr": "reference-element",
           "reflectToAttr": false,
@@ -14973,13 +15212,10 @@
               "type": "Element"
             },
             {
-              "type": "string"
-            },
-            {
-              "type": "({ getBoundingClientRect: () => ClientRect"
+              "type": "VirtualElement"
             },
             {
-              "type": "DOMRect; contextElement?: Element; })"
+              "type": "string"
             }
           ],
           "optional": false,
@@ -15049,22 +15285,40 @@
         }
       ],
       "events": [
+        {
+          "event": "calcitePopoverBeforeClose",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires when the component is requested to be closed and before the closing transition begins.",
+          "docsTags": []
+        },
+        {
+          "event": "calcitePopoverBeforeOpen",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fires when the component is added to the DOM but not rendered, and before the opening transition begins.",
+          "docsTags": []
+        },
         {
           "event": "calcitePopoverClose",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Fired when the component is closed.",
+          "docs": "Fires when the component is closed and animation is complete.",
           "docsTags": []
         },
         {
           "event": "calcitePopoverOpen",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Fired when the component is opened.",
+          "docs": "Fires when the component is open and animation is complete.",
           "docsTags": []
         }
       ],
@@ -15466,7 +15720,7 @@
       "events": [
         {
           "event": "calciteRadioButtonChange",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -15635,7 +15889,7 @@
       "events": [
         {
           "event": "calciteRadioButtonGroupChange",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -16958,7 +17212,7 @@
       "events": [
         {
           "event": "calciteShellPanelToggle",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -17398,7 +17652,7 @@
       "events": [
         {
           "event": "calciteSliderChange",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -17407,7 +17661,7 @@
         },
         {
           "event": "calciteSliderInput",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -17416,7 +17670,7 @@
         },
         {
           "event": "calciteSliderUpdate",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -17588,7 +17842,7 @@
       "events": [
         {
           "event": "calciteListOrderChange",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -17943,7 +18197,7 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "fired when the primary button is clicked",
+          "docs": "fired when the primary button is clicked\n\n**Note:** The event payload is deprecated, please use separate mouse event listeners to get info about click.",
           "docsTags": []
         },
         {
@@ -17952,7 +18206,7 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "fired when the secondary button is clicked",
+          "docs": "fired when the secondary button is clicked\n\n**Note:** The event payload is deprecated, please use separate mouse event listeners to get info about click.",
           "docsTags": []
         }
       ],
@@ -18346,7 +18600,19 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [],
       "listeners": [
         {
@@ -18537,7 +18803,7 @@
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Fires when the checked value has changed.",
+          "docs": "Fires when the checked value has changed.\n\n**Note:** The event payload is deprecated, please use the `checked` property on the component instead",
           "docsTags": []
         }
       ],
@@ -19554,7 +19820,7 @@
       "events": [
         {
           "event": "calciteTileSelectChange",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -20241,7 +20507,7 @@
       "events": [
         {
           "event": "calciteTipDismiss",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -20500,7 +20766,7 @@
       "events": [
         {
           "event": "calciteTipManagerClose",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -20509,7 +20775,7 @@
         },
         {
           "event": "calciteTipManagerToggle",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -20689,7 +20955,7 @@
         },
         {
           "name": "placement",
-          "type": "Placement | PlacementRtl | VariationRtl",
+          "type": "Placement | AutoPlacement | VariationPlacement | DeprecatedPlacement",
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": true,
@@ -20697,7 +20963,7 @@
           "docsTags": [
             {
               "name": "see",
-              "text": "[PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
+              "text": "[LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)"
             }
           ],
           "default": "\"auto\"",
@@ -20706,10 +20972,13 @@
               "type": "Placement"
             },
             {
-              "type": "PlacementRtl"
+              "type": "AutoPlacement"
             },
             {
-              "type": "VariationRtl"
+              "type": "VariationPlacement"
+            },
+            {
+              "type": "DeprecatedPlacement"
             }
           ],
           "optional": false,
@@ -20717,7 +20986,7 @@
         },
         {
           "name": "referenceElement",
-          "type": "Element | string | ({ getBoundingClientRect: () => ClientRect | DOMRect; contextElement?: Element; })",
+          "type": "Element | VirtualElement | string",
           "mutable": false,
           "attr": "reference-element",
           "reflectToAttr": false,
@@ -20728,13 +20997,10 @@
               "type": "Element"
             },
             {
-              "type": "string"
-            },
-            {
-              "type": "({ getBoundingClientRect: () => ClientRect"
+              "type": "VirtualElement"
             },
             {
-              "type": "DOMRect; contextElement?: Element; })"
+              "type": "string"
             }
           ],
           "optional": false,