@ionic/core 8.7.6-dev.11759412372.1f332f62 → 8.7.6-dev.11759493293.13f81b9f

package/dist/html.html-data.json

@@ -14,7 +14,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -28,6 +28,21 @@
           "name": "readonly",
           "description": "If `true`, the accordion cannot be interacted with,\nbut does not alter the opacity."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "toggle-icon",
           "description": "The toggle icon to use. This icon will be\nrotated when the accordion is expanded\nor collapsed."
@@ -85,7 +100,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -103,6 +118,36 @@
           "name": "readonly",
           "description": "If `true`, the accordion group cannot be interacted with,\nbut does not alter the opacity."
         },
+        {
+          "name": "shape",
+          "description": "Set to `\"soft\"` for an accordion group with slightly rounded corners,\n`\"round\"` for an accordion group with fully rounded corners, or\n`\"rectangular\"` for an accordion group without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.\nOnly applies when `expand` is set to `\"inset\"`.",
+          "values": [
+            {
+              "name": "rectangular"
+            },
+            {
+              "name": "round"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "value",
           "description": "The value of the accordion group. This controls which\naccordions are expanded.\nThis should be an array of strings only when `multiple=\"true\"`"
@@ -130,26 +175,14 @@
           "name": "backdrop-dismiss",
           "description": "If `true`, the action sheet will be dismissed when the backdrop is clicked."
         },
-        {
-          "name": "buttons",
-          "description": "An array of buttons for the action sheet."
-        },
         {
           "name": "css-class",
           "description": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces."
         },
-        {
-          "name": "enter-animation",
-          "description": "Animation to use when the action sheet is presented."
-        },
         {
           "name": "header",
           "description": "Title for the action sheet."
         },
-        {
-          "name": "html-attributes",
-          "description": "Additional attributes to pass to the action sheet."
-        },
         {
           "name": "is-open",
           "description": "If `true`, the action sheet will open. If `false`, the action sheet will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the actionSheetController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe action sheet dismisses. You will need to do that in your code."
@@ -158,13 +191,9 @@
           "name": "keyboard-close",
           "description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
         },
-        {
-          "name": "leave-animation",
-          "description": "Animation to use when the action sheet is dismissed."
-        },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -178,9 +207,24 @@
           "name": "sub-header",
           "description": "Subtitle for the action sheet."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "translucent",
-          "description": "If `true`, the action sheet will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
+          "description": "If `true`, the action sheet will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
         },
         {
           "name": "trigger",
@@ -209,30 +253,14 @@
           "name": "backdrop-dismiss",
           "description": "If `true`, the alert will be dismissed when the backdrop is clicked."
         },
-        {
-          "name": "buttons",
-          "description": "Array of buttons to be added to the alert."
-        },
         {
           "name": "css-class",
           "description": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces."
         },
-        {
-          "name": "enter-animation",
-          "description": "Animation to use when the alert is presented."
-        },
         {
           "name": "header",
           "description": "The main title in the heading of the alert."
         },
-        {
-          "name": "html-attributes",
-          "description": "Additional attributes to pass to the alert."
-        },
-        {
-          "name": "inputs",
-          "description": "Array of input to show in the alert."
-        },
         {
           "name": "is-open",
           "description": "If `true`, the alert will open. If `false`, the alert will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the alertController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe alert dismisses. You will need to do that in your code."
@@ -241,17 +269,13 @@
           "name": "keyboard-close",
           "description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
         },
-        {
-          "name": "leave-animation",
-          "description": "Animation to use when the alert is dismissed."
-        },
         {
           "name": "message",
           "description": "The main message to be displayed in the alert.\n`message` can accept either plaintext or HTML as a string.\nTo display characters normally reserved for HTML, they\nmust be escaped. For example `<Ionic>` would become\n`&lt;Ionic&gt;`\n\nFor more information: [Security Documentation](https://ionicframework.com/docs/faq/security)\n\nThis property accepts custom HTML as a string.\nContent is parsed as plaintext by default.\n`innerHTMLTemplatesEnabled` must be set to `true` in the Ionic config\nbefore custom HTML can be used."
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -265,9 +289,24 @@
           "name": "sub-header",
           "description": "The subtitle in the heading of the alert. Displayed under the title."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "translucent",
-          "description": "If `true`, the alert will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
+          "description": "If `true`, the alert will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
         },
         {
           "name": "trigger",
@@ -287,7 +326,35 @@
         "kind": "markdown",
         "value": ""
       },
-      "attributes": [],
+      "attributes": [
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        }
+      ],
       "references": [
         {
           "name": "Source code",
@@ -301,7 +368,78 @@
         "kind": "markdown",
         "value": ""
       },
-      "attributes": [],
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "If `true`, the user cannot interact with the avatar."
+        },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "shape",
+          "description": "Set to `\"soft\"` for an avatar with slightly rounded corners,\n`\"round\"` for an avatar with fully rounded corners, or `\"rectangular\"`\nfor an avatar without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+          "values": [
+            {
+              "name": "rectangular"
+            },
+            {
+              "name": "round"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Set to `\"xxsmall\"` for the smallest size.\nSet to `\"xsmall\"` for a very small size.\nSet to `\"small\"` for a compact size.\nSet to `\"medium\"` for the default height and width.\nSet to `\"large\"` for a larger size.\nSet to `\"xlarge\"` for the largest dimensions.\n\nDefaults to `\"medium\"` for the `ionic` theme, undefined for all other themes.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "xlarge"
+            },
+            {
+              "name": "xsmall"
+            },
+            {
+              "name": "xxsmall"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        }
+      ],
       "references": [
         {
           "name": "Source code",
@@ -363,7 +501,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -373,14 +511,25 @@
             }
           ]
         },
-        {
-          "name": "router-animation",
-          "description": "When using a router, it specifies the transition animation when navigating to\nanother page."
-        },
         {
           "name": "text",
           "description": "The text to display in the back button."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "type",
           "description": "The type of the button.",
@@ -411,6 +560,18 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
         {
           "name": "stop-propagation",
           "description": "If `true`, the backdrop will stop propagation on tap."
@@ -419,6 +580,21 @@
           "name": "tappable",
           "description": "If `true`, the backdrop will can be clicked and will emit the `ionBackdropTap` event."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "visible",
           "description": "If `true`, the backdrop will be visible."
@@ -471,9 +647,21 @@
             }
           ]
         },
+        {
+          "name": "hue",
+          "description": "Set to `\"bold\"` for a badge with vibrant, bold colors or to `\"subtle\"` for\na badge with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
+          "values": [
+            {
+              "name": "bold"
+            },
+            {
+              "name": "subtle"
+            }
+          ]
+        },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -482,38 +670,89 @@
               "name": "md"
             }
           ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Source code",
-          "url": "https:/github.com/ionic-team/ionic-framework/tree/main/core/src/components/badge/badge.tsx"
-        }
-      ]
-    },
-    {
-      "name": "ion-breadcrumb",
-      "description": {
-        "kind": "markdown",
-        "value": ""
-      },
-      "attributes": [
-        {
-          "name": "active",
-          "description": "If `true`, the breadcrumb will take on a different look to show that\nit is the currently active breadcrumb. Defaults to `true` for the\nlast breadcrumb if it is not set on any."
         },
         {
-          "name": "color",
-          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
+          "name": "shape",
+          "description": "Set to `\"rectangular\"` for non-rounded corners.\nSet to `\"soft\"` for slightly rounded corners.\nSet to `\"round\"` for fully rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
           "values": [
             {
-              "name": "danger"
-            },
-            {
-              "name": "dark"
-            },
+              "name": "soft"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Set to `\"small\"` for a small badge.\nSet to `\"medium\"` for a medium badge.\nSet to `\"large\"` for a large badge, when it is empty (no text or icon).\n\nDefaults to `\"small\"` for the `ionic` theme, undefined for all other themes.",
+          "values": [
             {
-              "name": "light"
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
+        {
+          "name": "vertical",
+          "description": "Set to `\"top\"` to position the badge on top right absolute position of the parent element.\nSet to `\"bottom\"` to position the badge on bottom right absolute position of the parent element.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Source code",
+          "url": "https:/github.com/ionic-team/ionic-framework/tree/main/core/src/components/badge/badge.tsx"
+        }
+      ]
+    },
+    {
+      "name": "ion-breadcrumb",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "active",
+          "description": "If `true`, the breadcrumb will take on a different look to show that\nit is the currently active breadcrumb. Defaults to `true` for the\nlast breadcrumb if it is not set on any."
+        },
+        {
+          "name": "color",
+          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
+          "values": [
+            {
+              "name": "danger"
+            },
+            {
+              "name": "dark"
+            },
+            {
+              "name": "light"
             },
             {
               "name": "medium"
@@ -549,7 +788,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -563,10 +802,6 @@
           "name": "rel",
           "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
         },
-        {
-          "name": "router-animation",
-          "description": "When using a router, it specifies the transition animation when navigating to\nanother page using `href`."
-        },
         {
           "name": "router-direction",
           "description": "When using a router, it specifies the transition direction when navigating to\nanother page using `href`.",
@@ -589,6 +824,21 @@
         {
           "name": "target",
           "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -652,13 +902,28 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         }
@@ -762,7 +1027,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -776,10 +1041,6 @@
           "name": "rel",
           "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
         },
-        {
-          "name": "router-animation",
-          "description": "When using a router, it specifies the transition animation when navigating to\nanother page using `href`."
-        },
         {
           "name": "router-direction",
           "description": "When using a router, it specifies the transition direction when navigating to\nanother page using `href`.",
@@ -797,16 +1058,22 @@
         },
         {
           "name": "shape",
-          "description": "Set to `\"round\"` for a button with more rounded corners.",
+          "description": "Set to `\"soft\"` for a button with slightly rounded corners, `\"round\"` for a button with fully\nrounded corners, or `\"rectangular\"` for a button without rounded corners.\nDefaults to `\"soft\"` for the `\"ios\"` theme and `\"round\"` for all other themes.",
           "values": [
+            {
+              "name": "rectangular"
+            },
             {
               "name": "round"
+            },
+            {
+              "name": "soft"
             }
           ]
         },
         {
           "name": "size",
-          "description": "Set to `\"small\"` for a button with less height and padding, to `\"default\"`\nfor a button with the default height and padding, or to `\"large\"` for a button\nwith more height and padding. By default the size is unset, unless the button\nis inside of an item, where the size is `\"small\"` by default. Set the size to\n`\"default\"` inside of an item to make it a standard size button.",
+          "description": "Set to `\"small\"` for a button with less height and padding, to `\"medium\"`\nfor a button with the medium height and padding, or to `\"large\"` for a button\nwith more height and padding. By default the size is unset, unless the button\nis inside of an item, where the size is `\"small\"` by default. Set the size to\n`\"default\"` inside of an item to make it a standard size button.",
           "values": [
             {
               "name": "default"
@@ -814,6 +1081,9 @@
             {
               "name": "large"
             },
+            {
+              "name": "medium"
+            },
             {
               "name": "small"
             }
@@ -827,6 +1097,21 @@
           "name": "target",
           "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "type",
           "description": "The type of the button.",
@@ -859,7 +1144,34 @@
       "attributes": [
         {
           "name": "collapse",
-          "description": "If true, buttons will disappear when its\nparent toolbar has fully collapsed if the toolbar\nis not the first toolbar. If the toolbar is the\nfirst toolbar, the buttons will be hidden and will\nonly be shown once all toolbars have fully collapsed.\n\nOnly applies in `ios` mode with `collapse` set to\n`true` on `ion-header`.\n\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)"
+          "description": "If true, buttons will disappear when its\nparent toolbar has fully collapsed if the toolbar\nis not the first toolbar. If the toolbar is the\nfirst toolbar, the buttons will be hidden and will\nonly be shown once all toolbars have fully collapsed.\n\nOnly applies in the `ios` theme with `collapse` set to\n`true` on `ion-header`.\n\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)"
+        },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -927,7 +1239,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -941,10 +1253,6 @@
           "name": "rel",
           "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
         },
-        {
-          "name": "router-animation",
-          "description": "When using a router, it specifies the transition animation when navigating to\nanother page using `href`."
-        },
         {
           "name": "router-direction",
           "description": "When using a router, it specifies the transition direction when navigating to\nanother page using `href`.",
@@ -960,10 +1268,40 @@
             }
           ]
         },
+        {
+          "name": "shape",
+          "description": "Set to `\"soft\"` for a card with slightly rounded corners, `\"round\"` for a card with more\nrounded corners, or `\"rectangular\"` for a card without rounded corners.\nDefaults to `\"round\"`.",
+          "values": [
+            {
+              "name": "rectangular"
+            },
+            {
+              "name": "round"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
         {
           "name": "target",
           "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "type",
           "description": "The type of the button. Only used when an `onclick` or `button` property is present.",
@@ -996,13 +1334,28 @@
       "attributes": [
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         }
@@ -1056,19 +1409,34 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         },
         {
           "name": "translucent",
-          "description": "If `true`, the card header will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
+          "description": "If `true`, the card header will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
         }
       ],
       "references": [
@@ -1120,13 +1488,28 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         }
@@ -1180,13 +1563,28 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         }
@@ -1305,7 +1703,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -1323,6 +1721,42 @@
           "name": "required",
           "description": "If true, screen readers will announce it as a required field. This property\nworks only for accessibility purposes, it will not prevent the form from\nsubmitting if the value is invalid."
         },
+        {
+          "name": "shape",
+          "description": "Set to `\"soft\"` for a checkbox with more rounded corners. Only available when the theme is `\"ionic\"`.",
+          "values": [
+            {
+              "name": "rectangular"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Set to `\"small\"` for a checkbox with less height and padding.",
+          "values": [
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "value",
           "description": "The value of the checkbox does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a checkbox is analogous to the value of an `<input type=\"checkbox\">`,\nit's only used when the checkbox participates in a native `<form>`."
@@ -1380,20 +1814,74 @@
           "description": "If `true`, the user cannot interact with the chip."
         },
         {
-          "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "name": "hue",
+          "description": "Set to `\"bold\"` for a chip with vibrant, bold colors or to `\"subtle\"` for\na chip with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
           "values": [
             {
-              "name": "ios"
+              "name": "bold"
             },
             {
-              "name": "md"
+              "name": "subtle"
             }
           ]
         },
         {
-          "name": "outline",
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "outline",
           "description": "Display an outline style button."
+        },
+        {
+          "name": "shape",
+          "description": "Set to `\"soft\"` for a chip with slightly rounded corners, `\"round\"` for a chip with fully\nrounded corners, or `\"rectangular\"` for a chip without rounded corners.\nDefaults to `\"round\"` for the `\"ionic\"` theme and `\"soft\"` for all other themes.",
+          "values": [
+            {
+              "name": "rectangular"
+            },
+            {
+              "name": "round"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Set to `\"small\"` for a chip with less height and padding.\n\nDefaults to `\"large\"` for the ionic theme, and  undefined for all other themes.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -1410,6 +1898,18 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
         {
           "name": "offset",
           "description": "The amount to offset the column, in terms of how many columns it should shift to the end\nof the total available."
@@ -1434,6 +1934,30 @@
           "name": "offset-xs",
           "description": "The amount to offset the column for xs screens, in terms of how many columns it should shift\nto the end of the total available."
         },
+        {
+          "name": "order",
+          "description": "The order of the column, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure."
+        },
+        {
+          "name": "order-lg",
+          "description": "The order of the column for lg screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure."
+        },
+        {
+          "name": "order-md",
+          "description": "The order of the column for md screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure."
+        },
+        {
+          "name": "order-sm",
+          "description": "The order of the column for sm screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure."
+        },
+        {
+          "name": "order-xl",
+          "description": "The order of the column for xl screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure."
+        },
+        {
+          "name": "order-xs",
+          "description": "The order of the column for xs screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure."
+        },
         {
           "name": "pull",
           "description": "The amount to pull the column, in terms of how many columns it should shift to the start of\nthe total available."
@@ -1505,6 +2029,21 @@
         {
           "name": "size-xs",
           "description": "The size of the column for xs screens, in terms of how many columns it should take up out\nof the total available. If `\"auto\"` is passed, the column will be the size of its content."
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -1574,6 +2113,18 @@
           "name": "fullscreen",
           "description": "If `true`, the content will scroll behind the headers\nand footers. This effect can easily be seen by setting the toolbar\nto transparent."
         },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
         {
           "name": "scroll-events",
           "description": "Because of performance reasons, ionScroll events are disabled by default, in order to enable them\nand start listening from (ionScroll), set this property to `true`."
@@ -1585,6 +2136,21 @@
         {
           "name": "scroll-y",
           "description": "If you want to disable the content scrolling in the Y axis, set this property to `false`."
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -1658,14 +2224,6 @@
           "name": "first-day-of-week",
           "description": "The first day of the week to use for `ion-datetime`. The\ndefault value is `0` and represents Sunday."
         },
-        {
-          "name": "format-options",
-          "description": "Formatting options for dates and times.\nShould include a 'date' and/or 'time' object, each of which is of type [Intl.DateTimeFormatOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#options)."
-        },
-        {
-          "name": "highlighted-dates",
-          "description": "Used to apply custom text and background colors to specific dates.\n\nCan be either an array of objects containing ISO strings and colors,\nor a callback that receives an ISO string and returns the colors.\n\nOnly applies to the `date`, `date-time`, and `time-date` presentations,\nwith `preferWheel=\"false\"`."
-        },
         {
           "name": "hour-cycle",
           "description": "The hour cycle of the `ion-datetime`. If no value is set, this is\nspecified by the current locale.",
@@ -1688,10 +2246,6 @@
           "name": "hour-values",
           "description": "Values used to create the list of selectable hours. By default\nthe hour values range from `0` to `23` for 24-hour, or `1` to `12` for 12-hour. However,\nto control exactly which hours to display, the `hourValues` input can take a number, an\narray of numbers, or a string of comma separated numbers."
         },
-        {
-          "name": "is-date-enabled",
-          "description": "Returns if an individual date (calendar day) is enabled or disabled.\n\nIf `true`, the day will be enabled/interactive.\nIf `false`, the day will be disabled/non-interactive.\n\nThe function accepts an ISO 8601 date string of a given day.\nBy default, all days are enabled. Developers can use this function\nto write custom logic to disable certain days.\n\nThe function is called for each rendered calendar day, for the previous, current and next month.\nCustom implementations should be optimized for performance to avoid jank."
-        },
         {
           "name": "locale",
           "description": "The locale to use for `ion-datetime`. This\nimpacts month and day name formatting.\nThe `\"default\"` value refers to the default\nlocale set by your device."
@@ -1710,7 +2264,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -1800,8 +2354,19 @@
           ]
         },
         {
-          "name": "title-selected-dates-formatter",
-          "description": "A callback used to format the header text that shows how many\ndates are selected. Only used if there are 0 or more than 1\nselected (i.e. unused for exactly 1). By default, the header\ntext is set to \"numberOfDates days\".\n\nSee https://ionicframework.com/docs/troubleshooting/runtime#accessing-this\nif you need to access `this` from within the callback."
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         },
         {
           "name": "value",
@@ -1869,13 +2434,28 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         }
@@ -1887,6 +2467,52 @@
         }
       ]
     },
+    {
+      "name": "ion-divider",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "inset",
+          "description": "If `true`, the divider will have horizontal margins\nBy default, it's `false`"
+        },
+        {
+          "name": "spacing",
+          "description": "Set to `\"xxsmall\"` for the smallest spacing.\nSet to \"xsmall\" for very small spacing.\nSet to `\"small\"` for small spacing.\nSet to \"medium\" for medium spacing.\nSet to \"large\" for large spacing.\nSet to `\"xlarge\"` for the largest spacing.\n\nDefaults to `\"medium\"`.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "xlarge"
+            },
+            {
+              "name": "xsmall"
+            },
+            {
+              "name": "xxlarge"
+            },
+            {
+              "name": "xxsmall"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Source code",
+          "url": "https:/github.com/ionic-team/ionic-framework/tree/main/core/src/components/divider/divider.tsx"
+        }
+      ]
+    },
     {
       "name": "ion-fab",
       "description": {
@@ -1917,6 +2543,33 @@
             }
           ]
         },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "vertical",
           "description": "Where to align the fab vertically in the viewport.",
@@ -2002,7 +2655,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -2016,10 +2669,6 @@
           "name": "rel",
           "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
         },
-        {
-          "name": "router-animation",
-          "description": "When using a router, it specifies the transition animation when navigating to\nanother page using `href`."
-        },
         {
           "name": "router-direction",
           "description": "When using a router, it specifies the transition direction when navigating to\nanother page using `href`.",
@@ -2052,9 +2701,24 @@
           "name": "target",
           "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "translucent",
-          "description": "If `true`, the fab button will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
+          "description": "If `true`, the fab button will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
         },
         {
           "name": "type",
@@ -2090,6 +2754,18 @@
           "name": "activated",
           "description": "If `true`, the fab list will show all fab buttons in the list."
         },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
         {
           "name": "side",
           "description": "The side the fab list will show on relative to the main fab button.",
@@ -2107,6 +2783,21 @@
               "name": "top"
             }
           ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -2125,7 +2816,7 @@
       "attributes": [
         {
           "name": "collapse",
-          "description": "Describes the scroll effect that will be applied to the footer.\nOnly applies in iOS mode.",
+          "description": "Describes the scroll effect that will be applied to the footer.\nOnly applies when the theme is `\"ios\"`.",
           "values": [
             {
               "name": "fade"
@@ -2134,19 +2825,34 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         },
         {
           "name": "translucent",
-          "description": "If `true`, the footer will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\n\nNote: In order to scroll content behind the footer, the `fullscreen`\nattribute needs to be set on the content."
+          "description": "If `true`, the footer will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\n\nNote: In order to scroll content behind the footer, the `fullscreen`\nattribute needs to be set on the content."
         }
       ],
       "references": [
@@ -2166,14 +2872,41 @@
         {
           "name": "fixed",
           "description": "If `true`, the grid will have a fixed width based on the screen size."
-        }
-      ],
-      "references": [
+        },
         {
-          "name": "Source code",
-          "url": "https:/github.com/ionic-team/ionic-framework/tree/main/core/src/components/grid/grid.tsx"
-        }
-      ]
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Source code",
+          "url": "https:/github.com/ionic-team/ionic-framework/tree/main/core/src/components/grid/grid.tsx"
+        }
+      ]
     },
     {
       "name": "ion-header",
@@ -2184,7 +2917,7 @@
       "attributes": [
         {
           "name": "collapse",
-          "description": "Describes the scroll effect that will be applied to the header.\nOnly applies in iOS mode.\n\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)",
+          "description": "Describes the scroll effect that will be applied to the header.\nOnly applies when the theme is `\"ios\"`.\n\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)",
           "values": [
             {
               "name": "condense"
@@ -2194,9 +2927,13 @@
             }
           ]
         },
+        {
+          "name": "divider",
+          "description": "If `true`, the header will have a line at the bottom.\nTODO(ROU-10855): add support for this prop on ios/md themes"
+        },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -2206,9 +2943,24 @@
             }
           ]
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "translucent",
-          "description": "If `true`, the header will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\n\nNote: In order to scroll content behind the header, the `fullscreen`\nattribute needs to be set on the content."
+          "description": "If `true`, the header will be translucent.\nOnly applies when the theme is `\"ios\"` or `\"ionic\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\n\nNote: In order to scroll content behind the header, the `fullscreen`\nattribute needs to be set on the content."
         }
       ],
       "references": [
@@ -2229,9 +2981,36 @@
           "name": "alt",
           "description": "This attribute defines the alternative text describing the image.\nUsers will see this text displayed if the image URL is wrong,\nthe image is not in one of the supported formats, or if the image is not yet downloaded."
         },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
         {
           "name": "src",
           "description": "The image URL. This attribute is mandatory for the `<img>` element."
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -2252,6 +3031,18 @@
           "name": "disabled",
           "description": "If `true`, the infinite scroll will be hidden and scroll event listeners\nwill be removed.\n\nSet this to true to disable the infinite scroll from actively\ntrying to receive new data while scrolling. This is useful\nwhen it is known that there is no more data that can be added, and\nthe infinite scroll is no longer needed."
         },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
         {
           "name": "position",
           "description": "The position of the infinite scroll element.\nThe value can be either `top` or `bottom`.",
@@ -2264,6 +3055,25 @@
             }
           ]
         },
+        {
+          "name": "preserve-rerender-scroll-position",
+          "description": "If `true`, the infinite scroll will preserve the scroll position\nwhen the content is re-rendered. This is useful when the content is\nre-rendered with new keys, and the scroll position should be preserved."
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "threshold",
           "description": "The threshold distance from the bottom\nof the content to call the `infinite` output event when scrolled.\nThe threshold value can be either a percent, or\nin pixels. For example, use the value of `10%` for the `infinite`\noutput event to get called when the user has scrolled 10%\nfrom the bottom of the page. Use the value `100px` when the\nscroll is within 100 pixels from the bottom of the page."
@@ -2319,6 +3129,33 @@
         {
           "name": "loading-text",
           "description": "Optional text to display while loading.\n`loadingText` can accept either plaintext or HTML as a string.\nTo display characters normally reserved for HTML, they\nmust be escaped. For example `<Ionic>` would become\n`&lt;Ionic&gt;`\n\nFor more information: [Security Documentation](https://ionicframework.com/docs/faq/security)\n\nThis property accepts custom HTML as a string.\nContent is parsed as plaintext by default.\n`innerHTMLTemplatesEnabled` must be set to `true` in the Ionic config\nbefore custom HTML can be used."
+        },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -2346,80 +3183,74 @@
             {
               "name": "name"
             },
-            {
-              "name": "email"
-            },
-            {
-              "name": "tel"
-            },
             {
               "name": "url"
             },
             {
-              "name": "on"
+              "name": "off"
             },
             {
-              "name": "off"
+              "name": "on"
             },
             {
-              "name": "honorific-prefix"
+              "name": "additional-name"
             },
             {
-              "name": "given-name"
+              "name": "address-level1"
             },
             {
-              "name": "additional-name"
+              "name": "address-level2"
             },
             {
-              "name": "family-name"
+              "name": "address-level3"
             },
             {
-              "name": "honorific-suffix"
+              "name": "address-level4"
             },
             {
-              "name": "nickname"
+              "name": "address-line1"
             },
             {
-              "name": "username"
+              "name": "address-line2"
             },
             {
-              "name": "new-password"
+              "name": "address-line3"
             },
             {
-              "name": "current-password"
+              "name": "bday-day"
             },
             {
-              "name": "one-time-code"
+              "name": "bday-month"
             },
             {
-              "name": "organization-title"
+              "name": "bday-year"
             },
             {
-              "name": "organization"
+              "name": "cc-csc"
             },
             {
-              "name": "street-address"
+              "name": "cc-exp"
             },
             {
-              "name": "address-line1"
+              "name": "cc-exp-month"
             },
             {
-              "name": "address-line2"
+              "name": "cc-exp-year"
             },
             {
-              "name": "address-line3"
+              "name": "cc-family-name"
             },
             {
-              "name": "address-level4"
+              "name": "cc-given-name"
             },
             {
-              "name": "address-level3"
+              "name": "cc-name"
             },
             {
-              "name": "address-level2"
+              "name": "cc-number"
             },
             {
-              "name": "address-level1"
+              "name": "cc-type"
             },
             {
               "name": "country"
@@ -2428,76 +3259,82 @@
               "name": "country-name"
             },
             {
-              "name": "postal-code"
+              "name": "current-password"
             },
             {
-              "name": "cc-name"
+              "name": "family-name"
             },
             {
-              "name": "cc-given-name"
+              "name": "given-name"
             },
             {
-              "name": "cc-additional-name"
+              "name": "honorific-prefix"
             },
             {
-              "name": "cc-family-name"
+              "name": "honorific-suffix"
             },
             {
-              "name": "cc-number"
+              "name": "new-password"
             },
             {
-              "name": "cc-exp"
+              "name": "one-time-code"
             },
             {
-              "name": "cc-exp-month"
+              "name": "organization"
             },
             {
-              "name": "cc-exp-year"
+              "name": "postal-code"
             },
             {
-              "name": "cc-csc"
+              "name": "street-address"
             },
             {
-              "name": "cc-type"
+              "name": "transaction-amount"
             },
             {
               "name": "transaction-currency"
             },
             {
-              "name": "transaction-amount"
+              "name": "username"
             },
             {
-              "name": "language"
+              "name": "email"
             },
             {
-              "name": "bday"
+              "name": "tel"
             },
             {
-              "name": "bday-day"
+              "name": "tel-area-code"
             },
             {
-              "name": "bday-month"
+              "name": "tel-country-code"
             },
             {
-              "name": "bday-year"
+              "name": "tel-extension"
             },
             {
-              "name": "sex"
+              "name": "tel-local"
             },
             {
-              "name": "tel-country-code"
+              "name": "tel-national"
             },
             {
-              "name": "tel-national"
+              "name": "nickname"
             },
             {
-              "name": "tel-area-code"
+              "name": "organization-title"
             },
             {
-              "name": "tel-local"
+              "name": "cc-additional-name"
             },
             {
-              "name": "tel-extension"
+              "name": "language"
+            },
+            {
+              "name": "bday"
+            },
+            {
+              "name": "sex"
             },
             {
               "name": "impp"
@@ -2572,10 +3409,6 @@
           "name": "counter",
           "description": "If `true`, a character counter will display the ratio of characters used and the total character limit. Developers must also set the `maxlength` property for the counter to be calculated correctly."
         },
-        {
-          "name": "counter-formatter",
-          "description": "A callback used to format the counter text.\nBy default the counter text is set to \"itemLength / maxLength\".\n\nSee https://ionicframework.com/docs/troubleshooting/runtime#accessing-this\nif you need to access `this` from within the callback."
-        },
         {
           "name": "debounce",
           "description": "Set the amount of time, in milliseconds, to wait to trigger the `ionInput` event after each keystroke."
@@ -2617,7 +3450,7 @@
         },
         {
           "name": "fill",
-          "description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available in `md` mode.",
+          "description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available when the theme is `\"md\"`.",
           "values": [
             {
               "name": "outline"
@@ -2667,7 +3500,7 @@
         },
         {
           "name": "label-placement",
-          "description": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the input in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the input in LTR and to the left in RTL.\n`\"floating\"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input.\n`\"stacked\"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
+          "description": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the input in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the input in LTR and to the left in RTL.\n`\"floating\"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input.\n`\"stacked\"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n\nDefaults to \"stacked\" for the ionic theme, or \"start\" for all other themes.\n\nIn the ionic theme, only the values \"stacked\" and \"floating\" are supported.",
           "values": [
             {
               "name": "end"
@@ -2704,7 +3537,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -2740,10 +3573,31 @@
         },
         {
           "name": "shape",
-          "description": "The shape of the input. If \"round\" it will have an increased border radius.",
+          "description": "Set to `\"soft\"` for an input with slightly rounded corners, `\"round\"` for an input with fully\nrounded corners, or `\"rectangular\"` for an input without rounded corners.\nDefaults to `\"round\"` for the ionic theme, and `undefined` for all other themes.\nOnly applies when the fill is set to `\"solid\"` or `\"outline\"`.",
           "values": [
+            {
+              "name": "rectangular"
+            },
             {
               "name": "round"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "The size of the input. If \"large\", it will have an increased height. By default the\nsize is medium. This property only applies to the `\"ionic\"` theme.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "xlarge"
             }
           ]
         },
@@ -2755,6 +3609,21 @@
           "name": "step",
           "description": "Works with the min and max attributes to limit the increments at which a value can be set.\nPossible values are: `\"any\"` or a positive floating point number."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "type",
           "description": "The type of control to display. The default type is text.",
@@ -3083,7 +3952,7 @@
         },
         {
           "name": "detail",
-          "description": "If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `mode`\nis `ios` and an `href` or `button` property is present."
+          "description": "If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `theme`\nis `\"ios\"` and an `href` or `button` property is present."
         },
         {
           "name": "detail-icon",
@@ -3118,7 +3987,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -3132,10 +4001,6 @@
           "name": "rel",
           "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
         },
-        {
-          "name": "router-animation",
-          "description": "When using a router, it specifies the transition animation when navigating to\nanother page using `href`."
-        },
         {
           "name": "router-direction",
           "description": "When using a router, it specifies the transition direction when navigating to\nanother page using `href`.",
@@ -3156,8 +4021,23 @@
           "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
         },
         {
-          "name": "type",
-          "description": "The type of the button. Only used when an `onclick` or `button` property is present.",
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
+        {
+          "name": "type",
+          "description": "The type of the button. Only used when an `onclick` or `button` property is present.",
           "values": [
             {
               "name": "button"
@@ -3220,7 +4100,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -3233,6 +4113,21 @@
         {
           "name": "sticky",
           "description": "When it's set to `true`, the item-divider will stay visible when it reaches the top\nof the viewport until the next `ion-item-divider` replaces it.\n\nThis feature relies in `position:sticky`:\nhttps://caniuse.com/#feat=css-sticky"
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -3248,7 +4143,35 @@
         "kind": "markdown",
         "value": ""
       },
-      "attributes": [],
+      "attributes": [
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        }
+      ],
       "references": [
         {
           "name": "Source code",
@@ -3312,9 +4235,21 @@
           "name": "href",
           "description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered."
         },
+        {
+          "name": "hue",
+          "description": "Set to `\"bold\"` for an option with vibrant, bold colors or to `\"subtle\"` for\nan option with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
+          "values": [
+            {
+              "name": "bold"
+            },
+            {
+              "name": "subtle"
+            }
+          ]
+        },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -3328,10 +4263,40 @@
           "name": "rel",
           "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
         },
+        {
+          "name": "shape",
+          "description": "Set to `\"rectangular\"` for non-rounded corners.\nSet to `\"soft\"` for slightly rounded corners.\nSet to `\"round\"` for fully rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+          "values": [
+            {
+              "name": "rectangular"
+            },
+            {
+              "name": "round"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
         {
           "name": "target",
           "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "type",
           "description": "The type of the button.",
@@ -3362,6 +4327,18 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
         {
           "name": "side",
           "description": "The side the option button should be on. Possible values: `\"start\"` and `\"end\"`. If you have multiple `ion-item-options`, a side must be provided for each.",
@@ -3373,6 +4350,21 @@
               "name": "start"
             }
           ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -3392,6 +4384,33 @@
         {
           "name": "disabled",
           "description": "If `true`, the user cannot interact with the sliding item."
+        },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -3443,7 +4462,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -3467,6 +4486,21 @@
               "name": "stacked"
             }
           ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -3504,13 +4538,43 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "shape",
+          "description": "Set to `\"soft\"` for slightly rounded corners,\n`\"round\"` for fully rounded corners,\nor `\"rectangular\"` for no rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme\nwhen inset is `true`\ndefaults to `\"rectangular\"` for the `ionic`\ntheme when inset is `false`,\nundefined for all other themes.",
+          "values": [
+            {
+              "name": "rectangular"
+            },
+            {
+              "name": "round"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         }
@@ -3579,13 +4643,28 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         }
@@ -3620,14 +4699,6 @@
           "name": "duration",
           "description": "Number of milliseconds to wait before dismissing the loading indicator."
         },
-        {
-          "name": "enter-animation",
-          "description": "Animation to use when the loading indicator is presented."
-        },
-        {
-          "name": "html-attributes",
-          "description": "Additional attributes to pass to the loader."
-        },
         {
           "name": "is-open",
           "description": "If `true`, the loading indicator will open. If `false`, the loading indicator will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the loadingController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe loading indicator dismisses. You will need to do that in your code."
@@ -3636,17 +4707,13 @@
           "name": "keyboard-close",
           "description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
         },
-        {
-          "name": "leave-animation",
-          "description": "Animation to use when the loading indicator is dismissed."
-        },
         {
           "name": "message",
           "description": "Optional text content to display in the loading indicator.\n\nThis property accepts custom HTML as a string.\nContent is parsed as plaintext by default.\n`innerHTMLTemplatesEnabled` must be set to `true` in the Ionic config\nbefore custom HTML can be used."
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -3693,9 +4760,24 @@
             }
           ]
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "translucent",
-          "description": "If `true`, the loading indicator will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
+          "description": "If `true`, the loading indicator will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
         },
         {
           "name": "trigger",
@@ -3732,6 +4814,18 @@
           "name": "menu-id",
           "description": "An id for the menu."
         },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
         {
           "name": "side",
           "description": "Which side of the view the menu should be placed.",
@@ -3748,6 +4842,21 @@
           "name": "swipe-gesture",
           "description": "If `true`, swiping the menu is enabled."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "type",
           "description": "The display type of the menu.\nAvailable options: `\"overlay\"`, `\"reveal\"`, `\"push\"`.",
@@ -3825,13 +4934,28 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         },
@@ -3872,20 +4996,47 @@
         {
           "name": "menu",
           "description": "Optional property that maps to a Menu's `menuId` prop.\nCan also be `start` or `end` for the menu side.\nThis is used to find the correct menu to toggle.\n\nIf this property is not used, `ion-menu-toggle` will toggle the\nfirst menu that is active."
-        }
-      ],
-      "references": [
+        },
         {
-          "name": "Source code",
-          "url": "https:/github.com/ionic-team/ionic-framework/tree/main/core/src/components/menu-toggle/menu-toggle.tsx"
-        }
-      ]
-    },
-    {
-      "name": "ion-modal",
-      "description": {
-        "kind": "markdown",
-        "value": ""
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Source code",
+          "url": "https:/github.com/ionic-team/ionic-framework/tree/main/core/src/components/menu-toggle/menu-toggle.tsx"
+        }
+      ]
+    },
+    {
+      "name": "ion-modal",
+      "description": {
+        "kind": "markdown",
+        "value": ""
       },
       "attributes": [
         {
@@ -3900,18 +5051,10 @@
           "name": "backdrop-dismiss",
           "description": "If `true`, the modal will be dismissed when the backdrop is clicked."
         },
-        {
-          "name": "breakpoints",
-          "description": "The breakpoints to use when creating a sheet modal. Each value in the\narray must be a decimal between 0 and 1 where 0 indicates the modal is fully\nclosed and 1 indicates the modal is fully open. Values are relative\nto the height of the modal, not the height of the screen. One of the values in this\narray must be the value of the `initialBreakpoint` property.\nFor example: [0, .25, .5, 1]"
-        },
         {
           "name": "can-dismiss",
           "description": "Determines whether or not a modal can dismiss\nwhen calling the `dismiss` method.\n\nIf the value is `true` or the value's function returns `true`, the modal will close when trying to dismiss.\nIf the value is `false` or the value's function returns `false`, the modal will not close when trying to dismiss.\n\nSee https://ionicframework.com/docs/troubleshooting/runtime#accessing-this\nif you need to access `this` from within the callback."
         },
-        {
-          "name": "enter-animation",
-          "description": "Animation to use when the modal is presented."
-        },
         {
           "name": "expand-to-scroll",
           "description": "Controls whether scrolling or dragging within the sheet modal expands\nit to a larger breakpoint. This only takes effect when `breakpoints`\nand `initialBreakpoint` are set.\n\nIf `true`, scrolling or dragging anywhere in the modal will first expand\nit to the next breakpoint. Once fully expanded, scrolling will affect the\ncontent.\nIf `false`, scrolling will always affect the content. The modal will\nonly expand when dragging the header or handle. The modal will close when\ndragging the header or handle. It can also be closed when dragging the\ncontent, but only if the content is scrolled to the top."
@@ -3936,10 +5079,6 @@
             }
           ]
         },
-        {
-          "name": "html-attributes",
-          "description": "Additional attributes to pass to the modal."
-        },
         {
           "name": "initial-breakpoint",
           "description": "A decimal value between 0 and 1 that indicates the\ninitial point the modal will open at when creating a\nsheet modal. This value must also be listed in the\n`breakpoints` array."
@@ -3956,13 +5095,9 @@
           "name": "keyboard-close",
           "description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
         },
-        {
-          "name": "leave-animation",
-          "description": "Animation to use when the modal is dismissed."
-        },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -3973,13 +5108,39 @@
           ]
         },
         {
-          "name": "presenting-element",
-          "description": "The element that presented the modal. This is used for card presentation effects\nand for stacking multiple modals on top of each other. Only applies in iOS mode."
+          "name": "shape",
+          "description": "Set to `\"soft\"` for a modal with slightly rounded corners,\n`\"round\"` for a modal with fully rounded corners, or `\"rectangular\"`\nfor a modal without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+          "values": [
+            {
+              "name": "rectangular"
+            },
+            {
+              "name": "round"
+            },
+            {
+              "name": "soft"
+            }
+          ]
         },
         {
           "name": "show-backdrop",
           "description": "If `true`, a backdrop will be displayed behind the modal.\nThis property controls whether or not the backdrop\ndarkens the screen when the modal is presented.\nIt does not control whether or not the backdrop\nis active or present in the DOM."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "trigger",
           "description": "An ID corresponding to the trigger element that\ncauses the modal to open when clicked."
@@ -4004,20 +5165,39 @@
           "description": "If `true`, the nav should animate the transition of components."
         },
         {
-          "name": "animation",
-          "description": "By default `ion-nav` animates transition between pages based in the mode (ios or material design).\nHowever, this property allows to create custom transition using `AnimationBuilder` functions."
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
         },
         {
           "name": "root",
           "description": "Root NavComponent to load"
         },
-        {
-          "name": "root-params",
-          "description": "Any parameters for the root component"
-        },
         {
           "name": "swipe-gesture",
           "description": "If the nav component should allow for swipe-to-go-back."
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -4039,12 +5219,16 @@
           "description": "Component to navigate to. Only used if the `routerDirection` is `\"forward\"` or `\"root\"`."
         },
         {
-          "name": "component-props",
-          "description": "Data you want to pass to the component as props. Only used if the `\"routerDirection\"` is `\"forward\"` or `\"root\"`."
-        },
-        {
-          "name": "router-animation",
-          "description": "The transition animation when navigating to another page."
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
         },
         {
           "name": "router-direction",
@@ -4060,6 +5244,21 @@
               "name": "root"
             }
           ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -4111,13 +5310,28 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         }
@@ -4138,7 +5352,7 @@
       "attributes": [
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -4147,6 +5361,21 @@
               "name": "md"
             }
           ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -4202,13 +5431,28 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         },
@@ -4268,6 +5512,33 @@
           "name": "disabled",
           "description": "If `true`, the user cannot interact with the picker column option."
         },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "value",
           "description": "The text value of the option."
@@ -4295,14 +5566,6 @@
           "name": "backdrop-dismiss",
           "description": "If `true`, the picker will be dismissed when the backdrop is clicked."
         },
-        {
-          "name": "buttons",
-          "description": "Array of buttons to be displayed at the top of the picker."
-        },
-        {
-          "name": "columns",
-          "description": "Array of columns to be displayed in the picker."
-        },
         {
           "name": "css-class",
           "description": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces."
@@ -4311,14 +5574,6 @@
           "name": "duration",
           "description": "Number of milliseconds to wait before dismissing the picker."
         },
-        {
-          "name": "enter-animation",
-          "description": "Animation to use when the picker is presented."
-        },
-        {
-          "name": "html-attributes",
-          "description": "Additional attributes to pass to the picker."
-        },
         {
           "name": "is-open",
           "description": "If `true`, the picker will open. If `false`, the picker will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the pickerController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe picker dismisses. You will need to do that in your code."
@@ -4327,13 +5582,9 @@
           "name": "keyboard-close",
           "description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
         },
-        {
-          "name": "leave-animation",
-          "description": "Animation to use when the picker is dismissed."
-        },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -4347,6 +5598,21 @@
           "name": "show-backdrop",
           "description": "If `true`, a backdrop will be displayed behind the picker."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "trigger",
           "description": "An ID corresponding to the trigger element that\ncauses the picker to open when clicked."
@@ -4368,7 +5634,7 @@
       "attributes": [
         {
           "name": "alignment",
-          "description": "Describes how to align the popover content with the `reference` point.\nDefaults to `\"center\"` for `ios` mode, and `\"start\"` for `md` mode.",
+          "description": "Describes how to align the popover content with the `reference` point.\nDefaults to `\"center\"` for `\"ios\"` theme, and `\"start\"` for `\"md\"` theme.",
           "values": [
             {
               "name": "center"
@@ -4387,7 +5653,7 @@
         },
         {
           "name": "arrow",
-          "description": "If `true`, the popover will display an arrow that points at the\n`reference` when running in `ios` mode. Does not apply in `md` mode."
+          "description": "If `true`, the popover will display an arrow that points at the\n`reference` on `\"ios\"` theme."
         },
         {
           "name": "backdrop-dismiss",
@@ -4397,18 +5663,10 @@
           "name": "component",
           "description": "The component to display inside of the popover.\nYou only need to use this if you are not using\na JavaScript framework. Otherwise, you can just\nslot your component inside of `ion-popover`."
         },
-        {
-          "name": "component-props",
-          "description": "The data to pass to the popover component.\nYou only need to use this if you are not using\na JavaScript framework. Otherwise, you can just\nset the props directly on your component."
-        },
         {
           "name": "dismiss-on-select",
           "description": "If `true`, the popover will be automatically\ndismissed when the content has been clicked."
         },
-        {
-          "name": "enter-animation",
-          "description": "Animation to use when the popover is presented."
-        },
         {
           "name": "event",
           "description": "The event to pass to the popover animation."
@@ -4417,10 +5675,6 @@
           "name": "focus-trap",
           "description": "If `true`, focus will not be allowed to move outside of this overlay.\nIf `false`, focus will be allowed to move outside of the overlay.\n\nIn most scenarios this property should remain set to `true`. Setting\nthis property to `false` can cause severe accessibility issues as users\nrelying on assistive technologies may be able to move focus into\na confusing state. We recommend only setting this to `false` when\nabsolutely necessary.\n\nDevelopers may want to consider disabling focus trapping if this\noverlay presents a non-Ionic overlay from a 3rd party library.\nDevelopers would disable focus trapping on the Ionic overlay\nwhen presenting the 3rd party overlay and then re-enable\nfocus trapping when dismissing the 3rd party overlay and moving\nfocus back to the Ionic overlay."
         },
-        {
-          "name": "html-attributes",
-          "description": "Additional attributes to pass to the popover."
-        },
         {
           "name": "is-open",
           "description": "If `true`, the popover will open. If `false`, the popover will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the popoverController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe popover dismisses. You will need to do that in your code."
@@ -4433,13 +5687,9 @@
           "name": "keyboard-close",
           "description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
         },
-        {
-          "name": "leave-animation",
-          "description": "Animation to use when the popover is dismissed."
-        },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -4501,9 +5751,24 @@
             }
           ]
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "translucent",
-          "description": "If `true`, the popover will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
+          "description": "If `true`, the popover will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
         },
         {
           "name": "trigger",
@@ -4578,7 +5843,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -4592,6 +5857,33 @@
           "name": "reversed",
           "description": "If true, reverse the progress bar direction."
         },
+        {
+          "name": "shape",
+          "description": "Set to `\"round\"` for a progress bar with rounded corners, or `\"rectangular\"`\nfor a progress bar without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+          "values": [
+            {
+              "name": "rectangular"
+            },
+            {
+              "name": "round"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "type",
           "description": "The state of the progress bar, based on if the time the process takes is known or not.\nDefault options are: `\"determinate\"` (no animation), `\"indeterminate\"` (animate from left to right).",
@@ -4707,7 +5999,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -4722,17 +6014,32 @@
           "description": "The name of the control, which is submitted with the form data."
         },
         {
-          "name": "value",
-          "description": "the value of the radio."
-        }
-      ],
-      "references": [
-        {
-          "name": "Source code",
-          "url": "https:/github.com/ionic-team/ionic-framework/tree/main/core/src/components/radio/radio.tsx"
-        }
-      ]
-    },
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "the value of the radio."
+        }
+      ],
+      "references": [
+        {
+          "name": "Source code",
+          "url": "https:/github.com/ionic-team/ionic-framework/tree/main/core/src/components/radio/radio.tsx"
+        }
+      ]
+    },
     {
       "name": "ion-radio-group",
       "description": {
@@ -4756,10 +6063,37 @@
           "name": "helper-text",
           "description": "The helper text to display at the top of the radio group."
         },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
         {
           "name": "name",
           "description": "The name of the control, which is submitted with the form data."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "value",
           "description": "the value of the radio group."
@@ -4860,7 +6194,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -4878,10 +6212,6 @@
           "name": "pin",
           "description": "If `true`, a pin with integer value is shown when the knob\nis pressed."
         },
-        {
-          "name": "pin-formatter",
-          "description": "A callback used to format the pin text.\nBy default the pin text is set to `Math.round(value)`.\n\nSee https://ionicframework.com/docs/troubleshooting/runtime#accessing-this\nif you need to access `this` from within the callback."
-        },
         {
           "name": "snaps",
           "description": "If `true`, the knob snaps to tick marks evenly spaced based\non the step property value."
@@ -4890,6 +6220,21 @@
           "name": "step",
           "description": "Specifies the value granularity."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "ticks",
           "description": "If `true`, tick marks are displayed based on the step value.\nOnly applies when `snaps` is `true`."
@@ -4923,7 +6268,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -4948,6 +6293,21 @@
         {
           "name": "snapback-duration",
           "description": "Time it takes the refresher to snap back to the `refreshing` state.\nDoes not apply when the refresher content uses a spinner,\nenabling the native refresher."
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -4964,6 +6324,18 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
         {
           "name": "pulling-icon",
           "description": "A static icon or a spinner to display when you begin to pull down.\nA spinner name can be provided to gradually show tick marks\nwhen pulling down on iOS devices."
@@ -5008,6 +6380,21 @@
         {
           "name": "refreshing-text",
           "description": "The text you want to display when performing a refresh.\n`refreshingText` can accept either plaintext or HTML as a string.\nTo display characters normally reserved for HTML, they\nmust be escaped. For example `<Ionic>` would become\n`&lt;Ionic&gt;`\n\nFor more information: [Security Documentation](https://ionicframework.com/docs/faq/security)\n\nContent is parsed as plaintext by default.\n`innerHTMLTemplatesEnabled` must be set to `true` in the Ionic config\nbefore custom HTML can be used."
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -5023,7 +6410,35 @@
         "kind": "markdown",
         "value": ""
       },
-      "attributes": [],
+      "attributes": [
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        }
+      ],
       "references": [
         {
           "name": "Source code",
@@ -5041,6 +6456,33 @@
         {
           "name": "disabled",
           "description": "If `true`, the reorder will be hidden."
+        },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -5057,6 +6499,33 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "type",
           "description": "Sets the type of ripple-effect:\n\n- `bounded`: the ripple effect expands from the user's click position\n- `unbounded`: the ripple effect expands from the center of the button and overflows the container.\n\nNOTE: Surfaces for bounded ripples should have the overflow property set to hidden,\nwhile surfaces for unbounded ripples should have it set to visible.",
@@ -5084,21 +6553,36 @@
         "value": ""
       },
       "attributes": [
-        {
-          "name": "before-enter",
-          "description": "A navigation hook that is fired when the route tries to enter.\nReturning `true` allows the navigation to proceed, while returning\n`false` causes it to be cancelled. Returning a `NavigationHookOptions`\nobject causes the router to redirect to the path specified."
-        },
-        {
-          "name": "before-leave",
-          "description": "A navigation hook that is fired when the route tries to leave.\nReturning `true` allows the navigation to proceed, while returning\n`false` causes it to be cancelled. Returning a `NavigationHookOptions`\nobject causes the router to redirect to the path specified."
-        },
         {
           "name": "component",
           "description": "Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-nav`)\nwhen the route matches.\n\nThe value of this property is not always the tagname of the component to load,\nin `ion-tabs` it actually refers to the name of the `ion-tab` to select."
         },
         {
-          "name": "component-props",
-          "description": "A key value `{ 'red': true, 'blue': 'white'}` containing props that should be passed\nto the defined component when rendered."
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         },
         {
           "name": "url",
@@ -5142,10 +6626,37 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
         {
           "name": "root",
           "description": "The root path to use when matching URLs. By default, this is set to \"/\", but you can specify\nan alternate prefix for all URL paths."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "use-hash",
           "description": "The router can work in two \"modes\":\n- With hash: `/index.html#/path/to/page`\n- Without hash: `/path/to/page`\n\nUsing one or another might depend in the requirements of your app and/or where it's deployed.\n\nUsually \"hash-less\" navigation works better for SEO and it's more user friendly too, but it might\nrequires additional server-side configuration in order to properly work.\n\nOn the other side hash-navigation is much easier to deploy, it even works over the file protocol.\n\nBy default, this property is `true`, change to `false` to allow hash-less URLs."
@@ -5203,12 +6714,20 @@
           "description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered."
         },
         {
-          "name": "rel",
-          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
         },
         {
-          "name": "router-animation",
-          "description": "When using a router, it specifies the transition animation when navigating to\nanother page using `href`."
+          "name": "rel",
+          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
         },
         {
           "name": "router-direction",
@@ -5228,6 +6747,21 @@
         {
           "name": "target",
           "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -5249,18 +6783,29 @@
           "description": "If `true`, the router-outlet should animate the transition of components."
         },
         {
-          "name": "animation",
-          "description": "This property allows to create custom transition using AnimationBuilder functions."
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
         },
         {
-          "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         }
@@ -5278,7 +6823,35 @@
         "kind": "markdown",
         "value": ""
       },
-      "attributes": [],
+      "attributes": [
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        }
+      ],
       "references": [
         {
           "name": "Source code",
@@ -5308,80 +6881,74 @@
             {
               "name": "name"
             },
-            {
-              "name": "email"
-            },
-            {
-              "name": "tel"
-            },
             {
               "name": "url"
             },
             {
-              "name": "on"
+              "name": "off"
             },
             {
-              "name": "off"
+              "name": "on"
             },
             {
-              "name": "honorific-prefix"
+              "name": "additional-name"
             },
             {
-              "name": "given-name"
+              "name": "address-level1"
             },
             {
-              "name": "additional-name"
+              "name": "address-level2"
             },
             {
-              "name": "family-name"
+              "name": "address-level3"
             },
             {
-              "name": "honorific-suffix"
+              "name": "address-level4"
             },
             {
-              "name": "nickname"
+              "name": "address-line1"
             },
             {
-              "name": "username"
+              "name": "address-line2"
             },
             {
-              "name": "new-password"
+              "name": "address-line3"
             },
             {
-              "name": "current-password"
+              "name": "bday-day"
             },
             {
-              "name": "one-time-code"
+              "name": "bday-month"
             },
             {
-              "name": "organization-title"
+              "name": "bday-year"
             },
             {
-              "name": "organization"
+              "name": "cc-csc"
             },
             {
-              "name": "street-address"
+              "name": "cc-exp"
             },
             {
-              "name": "address-line1"
+              "name": "cc-exp-month"
             },
             {
-              "name": "address-line2"
+              "name": "cc-exp-year"
             },
             {
-              "name": "address-line3"
+              "name": "cc-family-name"
             },
             {
-              "name": "address-level4"
+              "name": "cc-given-name"
             },
             {
-              "name": "address-level3"
+              "name": "cc-name"
             },
             {
-              "name": "address-level2"
+              "name": "cc-number"
             },
             {
-              "name": "address-level1"
+              "name": "cc-type"
             },
             {
               "name": "country"
@@ -5390,76 +6957,82 @@
               "name": "country-name"
             },
             {
-              "name": "postal-code"
+              "name": "current-password"
             },
             {
-              "name": "cc-name"
+              "name": "family-name"
             },
             {
-              "name": "cc-given-name"
+              "name": "given-name"
             },
             {
-              "name": "cc-additional-name"
+              "name": "honorific-prefix"
             },
             {
-              "name": "cc-family-name"
+              "name": "honorific-suffix"
             },
             {
-              "name": "cc-number"
+              "name": "new-password"
             },
             {
-              "name": "cc-exp"
+              "name": "one-time-code"
             },
             {
-              "name": "cc-exp-month"
+              "name": "organization"
             },
             {
-              "name": "cc-exp-year"
+              "name": "postal-code"
             },
             {
-              "name": "cc-csc"
+              "name": "street-address"
             },
             {
-              "name": "cc-type"
+              "name": "transaction-amount"
             },
             {
               "name": "transaction-currency"
             },
             {
-              "name": "transaction-amount"
+              "name": "username"
+            },
+            {
+              "name": "email"
+            },
+            {
+              "name": "tel"
             },
             {
-              "name": "language"
+              "name": "tel-area-code"
             },
             {
-              "name": "bday"
+              "name": "tel-country-code"
             },
             {
-              "name": "bday-day"
+              "name": "tel-extension"
             },
             {
-              "name": "bday-month"
+              "name": "tel-local"
             },
             {
-              "name": "bday-year"
+              "name": "tel-national"
             },
             {
-              "name": "sex"
+              "name": "nickname"
             },
             {
-              "name": "tel-country-code"
+              "name": "organization-title"
             },
             {
-              "name": "tel-national"
+              "name": "cc-additional-name"
             },
             {
-              "name": "tel-area-code"
+              "name": "language"
             },
             {
-              "name": "tel-local"
+              "name": "bday"
             },
             {
-              "name": "tel-extension"
+              "name": "sex"
             },
             {
               "name": "impp"
@@ -5483,15 +7056,15 @@
         },
         {
           "name": "cancel-button-icon",
-          "description": "Set the cancel button icon. Only applies to `md` mode.\nDefaults to `arrow-back-sharp`."
+          "description": "Set the cancel button icon. Only available when the theme is `\"md\"`.\nDefaults to `\"arrow-back-sharp\"`."
         },
         {
           "name": "cancel-button-text",
-          "description": "Set the cancel button text. Only applies to `ios` mode."
+          "description": "Set the cancel button text. Only available when the theme is `\"ios\"`."
         },
         {
           "name": "clear-icon",
-          "description": "Set the clear icon. Defaults to `close-circle` for `ios` and `close-sharp` for `md`."
+          "description": "Set the clear icon. Defaults to `\"close-circle\"` for `\"ios\"` theme and `\"close-sharp\"` for `\"md\"` and `\"ionic\"` theme."
         },
         {
           "name": "color",
@@ -5601,7 +7174,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -5621,7 +7194,22 @@
         },
         {
           "name": "search-icon",
-          "description": "The icon to use as the search icon. Defaults to `search-outline` in\n`ios` mode and `search-sharp` in `md` mode."
+          "description": "The icon to use as the search icon. Defaults to `\"search-outline\"` in\nthe `\"ios\"` theme and `\"search-sharp\"` in the `\"md\"` and `\"ionic\"` themes.\nIf `false`, no search icon will be displayed."
+        },
+        {
+          "name": "shape",
+          "description": "Set to `\"soft\"` for a searchbar with slightly rounded corners,\n`\"round\"` for a searchbar with fully rounded corners,\nor `\"rectangular\"` for a searchbar without rounded corners.\n\nDefaults to `\"round\"` for the ionic theme, and `undefined` for all other themes.",
+          "values": [
+            {
+              "name": "rectangular"
+            },
+            {
+              "name": "round"
+            },
+            {
+              "name": "soft"
+            }
+          ]
         },
         {
           "name": "show-cancel-button",
@@ -5653,10 +7241,40 @@
             }
           ]
         },
+        {
+          "name": "size",
+          "description": "Set to `\"large\"` for a searchbar with an increase in height,\nwhile \"small\" and \"medium\" provide progressively smaller heights.\n\nDefaults to `\"medium\"` for the ionic theme, and `undefined` for all other themes.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
         {
           "name": "spellcheck",
           "description": "If `true`, enable spellcheck on the input."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "type",
           "description": "Set the type of the input.",
@@ -5742,7 +7360,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -5764,6 +7382,21 @@
           "name": "swipe-gesture",
           "description": "If `true`, users will be able to swipe between segment buttons to activate them."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "value",
           "description": "the value of the segment."
@@ -5817,13 +7450,28 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         },
@@ -5945,11 +7593,11 @@
         },
         {
           "name": "expanded-icon",
-          "description": "The toggle icon to show when the select is open. If defined, the icon\nrotation behavior in `md` mode will be disabled. If undefined, `toggleIcon`\nwill be used for when the select is both open and closed."
+          "description": "The toggle icon to show when the select is open. If defined, the icon\nrotation behavior in `\"md\"` theme will be disabled. If undefined, `toggleIcon`\nwill be used for when the select is both open and closed."
         },
         {
           "name": "fill",
-          "description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available in `md` mode.",
+          "description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available in the `\"md\"` theme.",
           "values": [
             {
               "name": "outline"
@@ -6027,7 +7675,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -6063,16 +7711,52 @@
         },
         {
           "name": "shape",
-          "description": "The shape of the select. If \"round\" it will have an increased border radius.",
+          "description": "Set to `\"soft\"` for a select with slightly rounded corners,\n`\"round\"` for a select with fully rounded corners,\nor `\"rectangular\"` for a select without rounded corners.\n\nDefaults to `\"round\"` for the `\"ionic\"` theme, undefined for all other themes.",
           "values": [
+            {
+              "name": "rectangular"
+            },
             {
               "name": "round"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "The size of the select. If \"large\" it will increase the height of the select, while\n\"small\" and \"medium\" provide progressively smaller heights.\n\nDefaults to `\"medium\"` for the ionic theme, and  undefined for all other themes.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         },
         {
           "name": "toggle-icon",
-          "description": "The toggle icon to use. Defaults to `chevronExpand` for `ios` mode,\nor `caretDownSharp` for `md` mode."
+          "description": "The toggle icon to use. Defaults to `\"chevronExpand\"` for the `\"ios\"` theme,\nor `\"caretDownSharp\"` for the `\"md\"` and `\"ionic\"` themes."
         },
         {
           "name": "value",
@@ -6100,10 +7784,6 @@
         {
           "name": "multiple",
           "description": ""
-        },
-        {
-          "name": "options",
-          "description": ""
         }
       ],
       "references": [
@@ -6124,6 +7804,33 @@
           "name": "disabled",
           "description": "If `true`, the user cannot interact with the select option. This property does not apply when `interface=\"action-sheet\"` as `ion-action-sheet` does not allow for disabled buttons."
         },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "value",
           "description": "The text value of the option."
@@ -6146,6 +7853,33 @@
         {
           "name": "animated",
           "description": "If `true`, the skeleton text will animate."
+        },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -6199,6 +7933,18 @@
           "name": "duration",
           "description": "Duration of the spinner animation in milliseconds. The default varies based on the spinner."
         },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
         {
           "name": "name",
           "description": "The name of the SVG spinner to use. If a name is not provided, the platform's default\nspinner will be used.",
@@ -6235,6 +7981,42 @@
         {
           "name": "paused",
           "description": "If `true`, the spinner's animation will be paused."
+        },
+        {
+          "name": "size",
+          "description": "Set to `\"xsmall\"` for the smallest size.\nSet to `\"small\"` for a smaller size.\nSet to `\"medium\"` for a medium size.\nSet to `\"large\"` for a large size.\nSet to `\"xlarge\"` for the largest size.\n\nDefaults to `\"xsmall\"` for the `ionic` theme, undefined for all other themes.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "xlarge"
+            },
+            {
+              "name": "xsmall"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -6259,6 +8041,33 @@
           "name": "disabled",
           "description": "If `true`, the split pane will be hidden."
         },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "when",
           "description": "When the split-pane should be shown.\nCan be a CSS media query expression, or a shortcut expression.\nCan also be a boolean expression."
@@ -6282,9 +8091,36 @@
           "name": "component",
           "description": "The component to display inside of the tab."
         },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
         {
           "name": "tab",
           "description": "A tab id must be provided for each `ion-tab`. It's used internally to reference\nthe selected tab or by the router to switch between them."
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -6334,9 +8170,21 @@
             }
           ]
         },
+        {
+          "name": "expand",
+          "description": "Set to `\"compact\"` to display a width based on the items\ninside the tab bar. This value will only work for the\n`ionic` theme.\n\nSet to `\"full\"` to display a full width tab bar.\n\nDefaults to `\"full\"`.",
+          "values": [
+            {
+              "name": "compact"
+            },
+            {
+              "name": "full"
+            }
+          ]
+        },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -6350,9 +8198,39 @@
           "name": "selected-tab",
           "description": "The selected tab component"
         },
+        {
+          "name": "shape",
+          "description": "Set to `\"soft\"` for a tab bar with slightly rounded corners,\n`\"round\"` for a tab bar with fully rounded corners, or\n`\"rectangular\"` for a tab bar without rounded corners.\n\nDefaults to `\"round\"` for the `\"ionic\"` theme, undefined for all other themes.",
+          "values": [
+            {
+              "name": "rectangular"
+            },
+            {
+              "name": "round"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "translucent",
-          "description": "If `true`, the tab bar will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
+          "description": "If `true`, the tab bar will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
         }
       ],
       "references": [
@@ -6407,7 +8285,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -6425,6 +8303,21 @@
           "name": "selected",
           "description": "The selected tab component"
         },
+        {
+          "name": "shape",
+          "description": "Set to `\"soft\"` for a tab-button with slightly rounded corners,\n`\"round\"` for a tab-button with fully rounded corners, or `\"rectangular\"`\nfor a tab-button without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+          "values": [
+            {
+              "name": "rectangular"
+            },
+            {
+              "name": "round"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
         {
           "name": "tab",
           "description": "A tab id must be provided for each `ion-tab`. It's used internally to reference\nthe selected tab or by the router to switch between them."
@@ -6432,6 +8325,21 @@
         {
           "name": "target",
           "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -6447,7 +8355,35 @@
         "kind": "markdown",
         "value": ""
       },
-      "attributes": [],
+      "attributes": [
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        }
+      ],
       "references": [
         {
           "name": "Source code",
@@ -6497,13 +8433,28 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         }
@@ -6579,10 +8530,6 @@
           "name": "counter",
           "description": "If `true`, a character counter will display the ratio of characters used and the total character limit.\nDevelopers must also set the `maxlength` property for the counter to be calculated correctly."
         },
-        {
-          "name": "counter-formatter",
-          "description": "A callback used to format the counter text.\nBy default the counter text is set to \"itemLength / maxLength\".\n\nSee https://ionicframework.com/docs/troubleshooting/runtime#accessing-this\nif you need to access `this` from within the callback."
-        },
         {
           "name": "debounce",
           "description": "Set the amount of time, in milliseconds, to wait to trigger the `ionInput` event after each keystroke."
@@ -6624,7 +8571,7 @@
         },
         {
           "name": "fill",
-          "description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available in `md` mode.",
+          "description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available when the theme is `\"md\"`.",
           "values": [
             {
               "name": "outline"
@@ -6703,7 +8650,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -6735,10 +8682,31 @@
         },
         {
           "name": "shape",
-          "description": "The shape of the textarea. If \"round\" it will have an increased border radius.",
+          "description": "Set to `\"soft\"` for a textarea with slightly rounded corners,\n`\"round\"` for a textarea with fully rounded corners, or `\"rectangular\"`\nfor a textarea without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
           "values": [
+            {
+              "name": "rectangular"
+            },
             {
               "name": "round"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "The size of the textarea. If \"large\" it will increase the height of the textarea, while\n\"small\" and \"medium\" provide progressively smaller heights. The default size is \"medium\".\nThis property only applies to the `\"ionic\"` theme.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
             }
           ]
         },
@@ -6746,6 +8714,21 @@
           "name": "spellcheck",
           "description": "If `true`, the element will have its spelling and grammar checked."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "value",
           "description": "The value of the textarea."
@@ -6779,7 +8762,35 @@
         "kind": "markdown",
         "value": ""
       },
-      "attributes": [],
+      "attributes": [
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        }
+      ],
       "references": [
         {
           "name": "Source code",
@@ -6827,6 +8838,18 @@
             }
           ]
         },
+        {
+          "name": "mode",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
         {
           "name": "size",
           "description": "The size of the toolbar title.",
@@ -6838,6 +8861,21 @@
               "name": "small"
             }
           ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
         }
       ],
       "references": [
@@ -6858,10 +8896,6 @@
           "name": "animated",
           "description": "If `true`, the toast will animate."
         },
-        {
-          "name": "buttons",
-          "description": "An array of buttons for the toast."
-        },
         {
           "name": "color",
           "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
@@ -6903,17 +8937,21 @@
           "name": "duration",
           "description": "How many milliseconds to wait before hiding the toast. By default, it will show\nuntil `dismiss()` is called."
         },
-        {
-          "name": "enter-animation",
-          "description": "Animation to use when the toast is presented."
-        },
         {
           "name": "header",
           "description": "Header to be shown in the toast."
         },
         {
-          "name": "html-attributes",
-          "description": "Additional attributes to pass to the toast."
+          "name": "hue",
+          "description": "Set to `\"bold\"` for a toast with vibrant, bold colors or to `\"subtle\"` for\na toast with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
+          "values": [
+            {
+              "name": "bold"
+            },
+            {
+              "name": "subtle"
+            }
+          ]
         },
         {
           "name": "icon",
@@ -6939,17 +8977,13 @@
             }
           ]
         },
-        {
-          "name": "leave-animation",
-          "description": "Animation to use when the toast is dismissed."
-        },
         {
           "name": "message",
           "description": "Message to be shown in the toast.\nThis property accepts custom HTML as a string.\nContent is parsed as plaintext by default.\n`innerHTMLTemplatesEnabled` must be set to `true` in the Ionic config\nbefore custom HTML can be used."
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -6978,6 +9012,21 @@
           "name": "position-anchor",
           "description": "The element to anchor the toast's position to. Can be set as a direct reference\nor the ID of the element. With `position=\"bottom\"`, the toast will sit above the\nchosen element. With `position=\"top\"`, the toast will sit below the chosen element.\nWith `position=\"middle\"`, the value of `positionAnchor` is ignored."
         },
+        {
+          "name": "shape",
+          "description": "Set to `\"soft\"` for a toast with slightly rounded corners,\n`\"round\"` for a toast with fully rounded corners, or `\"rectangular\"`\nfor a toast without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+          "values": [
+            {
+              "name": "rectangular"
+            },
+            {
+              "name": "round"
+            },
+            {
+              "name": "soft"
+            }
+          ]
+        },
         {
           "name": "swipe-gesture",
           "description": "If set to 'vertical', the Toast can be dismissed with\na swipe gesture. The swipe direction is determined by\nthe value of the `position` property:\n`top`: The Toast can be swiped up to dismiss.\n`bottom`: The Toast can be swiped down to dismiss.\n`middle`: The Toast can be swiped up or down to dismiss.",
@@ -6987,9 +9036,24 @@
             }
           ]
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "translucent",
-          "description": "If `true`, the toast will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
+          "description": "If `true`, the toast will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility)."
         },
         {
           "name": "trigger",
@@ -7110,7 +9174,7 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
           "values": [
             {
               "name": "ios"
@@ -7128,6 +9192,21 @@
           "name": "required",
           "description": "If true, screen readers will announce it as a required field. This property\nworks only for accessibility purposes, it will not prevent the form from\nsubmitting if the value is invalid."
         },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "ionic"
+            }
+          ]
+        },
         {
           "name": "value",
           "description": "The value of the toggle does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\nit's only used when the toggle participates in a native `<form>`."
@@ -7182,13 +9261,28 @@
         },
         {
           "name": "mode",
-          "description": "The mode determines which platform styles to use.",
+          "description": "The mode determines the platform behaviors of the component.",
+          "values": [
+            {
+              "name": "ios"
+            },
+            {
+              "name": "md"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "The theme determines the visual appearance of the component.",
           "values": [
             {
               "name": "ios"
             },
             {
               "name": "md"
+            },
+            {
+              "name": "ionic"
             }
           ]
         }