@ionic/vue 8.0.0-dev.11711035263.183d2423 → 8.0.0-dev.11711408410.14d71406

package/dist/vetur/attributes.json

@@ -6,7 +6,7 @@
   },
   "ion-accordion/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -17,6 +17,15 @@
     "description": "If `true`, the accordion cannot be interacted with,\nbut does not alter the opacity.",
     "options": []
   },
+  "ion-accordion/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-accordion/toggle-icon": {
     "type": "string",
     "description": "The toggle icon to use. This icon will be\nrotated when the accordion is expanded\nor collapsed.",
@@ -55,7 +64,7 @@
   },
   "ion-accordion-group/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -71,6 +80,15 @@
     "description": "If `true`, the accordion group cannot be interacted with,\nbut does not alter the opacity.",
     "options": []
   },
+  "ion-accordion-group/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-accordion-group/value": {
     "type": "null | string | string[] | undefined",
     "description": "The value of the accordion group. This controls which\naccordions are expanded.\nThis should be an array of strings only when `multiple=\"true\"`",
@@ -128,7 +146,7 @@
   },
   "ion-action-sheet/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -139,9 +157,18 @@
     "description": "Subtitle for the action sheet.",
     "options": []
   },
+  "ion-action-sheet/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-action-sheet/translucent": {
     "type": "boolean",
-    "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).",
     "options": []
   },
   "ion-action-sheet/trigger": {
@@ -211,7 +238,7 @@
   },
   "ion-alert/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -222,9 +249,18 @@
     "description": "The subtitle in the heading of the alert. Displayed under the title.",
     "options": []
   },
+  "ion-alert/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-alert/translucent": {
     "type": "boolean",
-    "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).",
     "options": []
   },
   "ion-alert/trigger": {
@@ -232,6 +268,40 @@
     "description": "An ID corresponding to the trigger element that\ncauses the alert to open when clicked.",
     "options": []
   },
+  "ion-app/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-app/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
+  "ion-avatar/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-avatar/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-back-button/color": {
     "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
     "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).",
@@ -264,7 +334,7 @@
   },
   "ion-back-button/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -280,6 +350,15 @@
     "description": "The text to display in the back button.",
     "options": []
   },
+  "ion-back-button/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-back-button/type": {
     "type": "\"button\" | \"reset\" | \"submit\"",
     "description": "The type of the button.",
@@ -289,6 +368,14 @@
       "submit"
     ]
   },
+  "ion-backdrop/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-backdrop/stop-propagation": {
     "type": "boolean",
     "description": "If `true`, the backdrop will stop propagation on tap.",
@@ -299,6 +386,15 @@
     "description": "If `true`, the backdrop will can be clicked and will emit the `ionBackdropTap` event.",
     "options": []
   },
+  "ion-backdrop/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-backdrop/visible": {
     "type": "boolean",
     "description": "If `true`, the backdrop will be visible.",
@@ -321,12 +417,21 @@
   },
   "ion-badge/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-badge/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-breadcrumb/active": {
     "type": "boolean",
     "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.",
@@ -364,7 +469,7 @@
   },
   "ion-breadcrumb/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -399,6 +504,15 @@
     "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
     "options": []
   },
+  "ion-breadcrumb/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-breadcrumbs/color": {
     "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
     "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).",
@@ -431,12 +545,21 @@
   },
   "ion-breadcrumbs/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-breadcrumbs/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-button/button-type": {
     "type": "string",
     "description": "The type of button.",
@@ -497,7 +620,7 @@
   },
   "ion-button/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -548,6 +671,15 @@
     "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
     "options": []
   },
+  "ion-button/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-button/type": {
     "type": "\"button\" | \"reset\" | \"submit\"",
     "description": "The type of the button.",
@@ -559,9 +691,26 @@
   },
   "ion-buttons/collapse": {
     "type": "boolean",
-    "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)",
     "options": []
   },
+  "ion-buttons/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-buttons/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-card/button": {
     "type": "boolean",
     "description": "If `true`, a button tag will be rendered and the card will be tappable.",
@@ -599,7 +748,7 @@
   },
   "ion-card/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -629,6 +778,15 @@
     "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
     "options": []
   },
+  "ion-card/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-card/type": {
     "type": "\"button\" | \"reset\" | \"submit\"",
     "description": "The type of the button. Only used when an `onclick` or `button` property is present.",
@@ -640,12 +798,21 @@
   },
   "ion-card-content/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-card-content/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-card-header/color": {
     "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
     "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).",
@@ -663,15 +830,24 @@
   },
   "ion-card-header/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-card-header/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-card-header/translucent": {
     "type": "boolean",
-    "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).",
     "options": []
   },
   "ion-card-subtitle/color": {
@@ -691,12 +867,21 @@
   },
   "ion-card-subtitle/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-card-subtitle/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-card-title/color": {
     "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
     "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).",
@@ -714,12 +899,21 @@
   },
   "ion-card-title/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-card-title/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-checkbox/alignment": {
     "type": "\"center\" | \"start\"",
     "description": "How to control the alignment of the checkbox and label on the cross axis.\n`\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL.",
@@ -779,7 +973,7 @@
   },
   "ion-checkbox/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -790,6 +984,15 @@
     "description": "The name of the control, which is submitted with the form data.",
     "options": []
   },
+  "ion-checkbox/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-checkbox/value": {
     "type": "any",
     "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>`.",
@@ -817,7 +1020,7 @@
   },
   "ion-chip/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -828,6 +1031,23 @@
     "description": "Display an outline style button.",
     "options": []
   },
+  "ion-chip/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
+  "ion-col/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-col/offset": {
     "type": "string | undefined",
     "description": "The amount to offset the column, in terms of how many columns it should shift to the end\nof the total available.",
@@ -948,6 +1168,15 @@
     "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.",
     "options": []
   },
+  "ion-col/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-content/color": {
     "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
     "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).",
@@ -973,6 +1202,14 @@
     "description": "If `true`, the content will scroll behind the headers\nand footers. This effect can easily be seen by setting the toolbar\nto transparent.",
     "options": []
   },
+  "ion-content/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-content/scroll-events": {
     "type": "boolean",
     "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`.",
@@ -988,6 +1225,15 @@
     "description": "If you want to disable the content scrolling in the Y axis, set this property to `false`.",
     "options": []
   },
+  "ion-content/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-datetime/cancel-text": {
     "type": "string",
     "description": "The text to display on the picker's cancel button.",
@@ -1085,7 +1331,7 @@
   },
   "ion-datetime/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -1157,6 +1403,15 @@
       "fixed"
     ]
   },
+  "ion-datetime/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-datetime/title-selected-dates-formatter": {
     "type": "((selectedDates: string[]) => string) | undefined",
     "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.",
@@ -1199,12 +1454,21 @@
   },
   "ion-datetime-button/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-datetime-button/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-fab/activated": {
     "type": "boolean",
     "description": "If `true`, both the `ion-fab-button` and all `ion-fab-list` inside `ion-fab` will become active.\nThat means `ion-fab-button` will become a `close` icon and `ion-fab-list` will become visible.",
@@ -1224,6 +1488,23 @@
       "start"
     ]
   },
+  "ion-fab/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-fab/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-fab/vertical": {
     "type": "\"bottom\" | \"center\" | \"top\" | undefined",
     "description": "Where to align the fab vertically in the viewport.",
@@ -1275,7 +1556,7 @@
   },
   "ion-fab-button/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -1317,9 +1598,18 @@
     "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
     "options": []
   },
+  "ion-fab-button/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-fab-button/translucent": {
     "type": "boolean",
-    "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).",
     "options": []
   },
   "ion-fab-button/type": {
@@ -1336,6 +1626,14 @@
     "description": "If `true`, the fab list will show all fab buttons in the list.",
     "options": []
   },
+  "ion-fab-list/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-fab-list/side": {
     "type": "\"bottom\" | \"end\" | \"start\" | \"top\"",
     "description": "The side the fab list will show on relative to the main fab button.",
@@ -1346,24 +1644,42 @@
       "top"
     ]
   },
+  "ion-fab-list/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-footer/collapse": {
     "type": "\"fade\" | undefined",
-    "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\"`.",
     "options": [
       "fade"
     ]
   },
   "ion-footer/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-footer/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-footer/translucent": {
     "type": "boolean",
-    "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.",
     "options": []
   },
   "ion-grid/fixed": {
@@ -1371,9 +1687,26 @@
     "description": "If `true`, the grid will have a fixed width based on the screen size.",
     "options": []
   },
+  "ion-grid/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-grid/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-header/collapse": {
     "type": "\"condense\" | \"fade\" | undefined",
-    "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)",
     "options": [
       "condense",
       "fade"
@@ -1381,15 +1714,24 @@
   },
   "ion-header/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-header/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-header/translucent": {
     "type": "boolean",
-    "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\"` 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.",
     "options": []
   },
   "ion-img/alt": {
@@ -1397,16 +1739,41 @@
     "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.",
     "options": []
   },
+  "ion-img/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-img/src": {
     "type": "string | undefined",
     "description": "The image URL. This attribute is mandatory for the `<img>` element.",
     "options": []
   },
+  "ion-img/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-infinite-scroll/disabled": {
     "type": "boolean",
     "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.",
     "options": []
   },
+  "ion-infinite-scroll/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-infinite-scroll/position": {
     "type": "\"bottom\" | \"top\"",
     "description": "The position of the infinite scroll element.\nThe value can be either `top` or `bottom`.",
@@ -1415,6 +1782,15 @@
       "top"
     ]
   },
+  "ion-infinite-scroll/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-infinite-scroll/threshold": {
     "type": "string",
     "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.",
@@ -1440,6 +1816,23 @@
     "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.",
     "options": []
   },
+  "ion-infinite-scroll-content/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-infinite-scroll-content/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-input/autocapitalize": {
     "type": "string",
     "description": "Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\nAvailable options: `\"off\"`, `\"none\"`, `\"on\"`, `\"sentences\"`, `\"words\"`, `\"characters\"`.",
@@ -1583,7 +1976,7 @@
   },
   "ion-input/fill": {
     "type": "\"outline\" | \"solid\" | undefined",
-    "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\"`.",
     "options": [
       "outline",
       "solid"
@@ -1646,7 +2039,7 @@
   },
   "ion-input/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -1699,6 +2092,15 @@
     "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.",
     "options": []
   },
+  "ion-input/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-input/type": {
     "type": "\"date\" | \"datetime-local\" | \"email\" | \"month\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\"",
     "description": "The type of control to display. The default type is text.",
@@ -1722,39 +2124,6 @@
     "description": "The value of the input.",
     "options": []
   },
-  "ion-input-password-toggle/color": {
-    "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
-    "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).",
-    "options": [
-      "danger",
-      "dark",
-      "light",
-      "medium",
-      "primary",
-      "secondary",
-      "success",
-      "tertiary",
-      "warning"
-    ]
-  },
-  "ion-input-password-toggle/hide-icon": {
-    "type": "string | undefined",
-    "description": "The icon that can be used to represent hiding a password. If not set, the \"eyeOff\" Ionicon will be used.",
-    "options": []
-  },
-  "ion-input-password-toggle/mode": {
-    "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
-    "options": [
-      "ios",
-      "md"
-    ]
-  },
-  "ion-input-password-toggle/show-icon": {
-    "type": "string | undefined",
-    "description": "The icon that can be used to represent showing a password. If not set, the \"eye\" Ionicon will be used.",
-    "options": []
-  },
   "ion-item/button": {
     "type": "boolean",
     "description": "If `true`, a button tag will be rendered and the item will be tappable.",
@@ -1777,7 +2146,7 @@
   },
   "ion-item/detail": {
     "type": "boolean | undefined",
-    "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.",
     "options": []
   },
   "ion-item/detail-icon": {
@@ -1811,7 +2180,7 @@
   },
   "ion-item/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -1841,6 +2210,15 @@
     "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
     "options": []
   },
+  "ion-item/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-item/type": {
     "type": "\"button\" | \"reset\" | \"submit\"",
     "description": "The type of the button. Only used when an `onclick` or `button` property is present.",
@@ -1867,7 +2245,7 @@
   },
   "ion-item-divider/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -1878,6 +2256,32 @@
     "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",
     "options": []
   },
+  "ion-item-divider/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
+  "ion-item-group/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-item-group/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-item-option/color": {
     "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
     "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).",
@@ -1915,7 +2319,7 @@
   },
   "ion-item-option/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -1931,6 +2335,15 @@
     "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
     "options": []
   },
+  "ion-item-option/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-item-option/type": {
     "type": "\"button\" | \"reset\" | \"submit\"",
     "description": "The type of the button.",
@@ -1940,6 +2353,14 @@
       "submit"
     ]
   },
+  "ion-item-options/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-item-options/side": {
     "type": "\"end\" | \"start\"",
     "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.",
@@ -1948,11 +2369,37 @@
       "start"
     ]
   },
+  "ion-item-options/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-item-sliding/disabled": {
     "type": "boolean",
     "description": "If `true`, the user cannot interact with the sliding item.",
     "options": []
   },
+  "ion-item-sliding/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-item-sliding/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-label/color": {
     "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
     "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).",
@@ -1970,7 +2417,7 @@
   },
   "ion-label/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -1985,6 +2432,15 @@
       "stacked"
     ]
   },
+  "ion-label/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-list/inset": {
     "type": "boolean",
     "description": "If `true`, the list will have margin around it and rounded corners.",
@@ -2001,12 +2457,21 @@
   },
   "ion-list/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-list/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-list-header/color": {
     "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
     "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).",
@@ -2033,12 +2498,21 @@
   },
   "ion-list-header/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-list-header/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-loading/animated": {
     "type": "boolean",
     "description": "If `true`, the loading indicator will animate.",
@@ -2091,7 +2565,7 @@
   },
   "ion-loading/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -2117,9 +2591,18 @@
       "lines-small"
     ]
   },
+  "ion-loading/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-loading/translucent": {
     "type": "boolean",
-    "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).",
     "options": []
   },
   "ion-loading/trigger": {
@@ -2147,6 +2630,14 @@
     "description": "An id for the menu.",
     "options": []
   },
+  "ion-menu/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-menu/side": {
     "type": "\"end\" | \"start\"",
     "description": "Which side of the view the menu should be placed.",
@@ -2160,6 +2651,15 @@
     "description": "If `true`, swiping the menu is enabled.",
     "options": []
   },
+  "ion-menu/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-menu/type": {
     "type": "\"overlay\" | \"push\" | \"reveal\" | undefined",
     "description": "The display type of the menu.\nAvailable options: `\"overlay\"`, `\"reveal\"`, `\"push\"`.",
@@ -2201,12 +2701,21 @@
   },
   "ion-menu-button/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-menu-button/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-menu-button/type": {
     "type": "\"button\" | \"reset\" | \"submit\"",
     "description": "The type of the button.",
@@ -2226,6 +2735,23 @@
     "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.",
     "options": []
   },
+  "ion-menu-toggle/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-menu-toggle/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-modal/animated": {
     "type": "boolean",
     "description": "If `true`, the modal will animate.",
@@ -2301,7 +2827,7 @@
   },
   "ion-modal/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -2317,6 +2843,15 @@
     "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.",
     "options": []
   },
+  "ion-modal/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-modal/trigger": {
     "type": "string | undefined",
     "description": "An ID corresponding to the trigger element that\ncauses the modal to open when clicked.",
@@ -2329,9 +2864,17 @@
   },
   "ion-nav/animation": {
     "type": "((baseEl: any, opts?: any) => Animation) | undefined",
-    "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.",
+    "description": "By default `ion-nav` animates transition between pages based on the mode (\"ios\" or \"md\").\nHowever, this property allows to create custom transition using `AnimationBuilder` functions.",
     "options": []
   },
+  "ion-nav/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-nav/root": {
     "type": "Function | HTMLElement | ViewController | null | string | undefined",
     "description": "Root NavComponent to load",
@@ -2347,6 +2890,15 @@
     "description": "If the nav component should allow for swipe-to-go-back.",
     "options": []
   },
+  "ion-nav/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-nav-link/component": {
     "type": "Function | HTMLElement | ViewController | null | string | undefined",
     "description": "Component to navigate to. Only used if the `routerDirection` is `\"forward\"` or `\"root\"`.",
@@ -2357,6 +2909,14 @@
     "description": "Data you want to pass to the component as props. Only used if the `\"routerDirection\"` is `\"forward\"` or `\"root\"`.",
     "options": []
   },
+  "ion-nav-link/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-nav-link/router-animation": {
     "type": "((baseEl: any, opts?: any) => Animation) | undefined",
     "description": "The transition animation when navigating to another page.",
@@ -2371,6 +2931,15 @@
       "root"
     ]
   },
+  "ion-nav-link/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-note/color": {
     "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
     "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).",
@@ -2388,20 +2957,38 @@
   },
   "ion-note/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-note/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-picker/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-picker/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-picker-column/color": {
     "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
     "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).",
@@ -2424,12 +3011,21 @@
   },
   "ion-picker-column/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-picker-column/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-picker-column/value": {
     "type": "number | string | undefined",
     "description": "The selected option in the picker.",
@@ -2455,6 +3051,23 @@
     "description": "If `true`, the user cannot interact with the picker column option.",
     "options": []
   },
+  "ion-picker-column-option/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-picker-column-option/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-picker-column-option/value": {
     "type": "any",
     "description": "The text value of the option.",
@@ -2517,7 +3130,7 @@
   },
   "ion-picker-legacy/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -2528,6 +3141,15 @@
     "description": "If `true`, a backdrop will be displayed behind the picker.",
     "options": []
   },
+  "ion-picker-legacy/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-picker-legacy/trigger": {
     "type": "string | undefined",
     "description": "An ID corresponding to the trigger element that\ncauses the picker to open when clicked.",
@@ -2535,7 +3157,7 @@
   },
   "ion-popover/alignment": {
     "type": "\"center\" | \"end\" | \"start\" | undefined",
-    "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.",
     "options": [
       "center",
       "end",
@@ -2549,7 +3171,7 @@
   },
   "ion-popover/arrow": {
     "type": "boolean",
-    "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.",
     "options": []
   },
   "ion-popover/backdrop-dismiss": {
@@ -2609,7 +3231,7 @@
   },
   "ion-popover/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -2648,9 +3270,18 @@
       "cover"
     ]
   },
+  "ion-popover/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-popover/translucent": {
     "type": "boolean",
-    "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).",
     "options": []
   },
   "ion-popover/trigger": {
@@ -2689,7 +3320,7 @@
   },
   "ion-progress-bar/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -2700,6 +3331,15 @@
     "description": "If true, reverse the progress bar direction.",
     "options": []
   },
+  "ion-progress-bar/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-progress-bar/type": {
     "type": "\"determinate\" | \"indeterminate\"",
     "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).",
@@ -2762,7 +3402,7 @@
   },
   "ion-radio/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -2773,6 +3413,15 @@
     "description": "The name of the control, which is submitted with the form data.",
     "options": []
   },
+  "ion-radio/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-radio/value": {
     "type": "any",
     "description": "the value of the radio.",
@@ -2788,11 +3437,28 @@
     "description": "This property allows developers to specify a custom function or property\nname for comparing objects when determining the selected option in the\nion-radio-group. When not specified, the default behavior will use strict\nequality (===) for comparison.",
     "options": []
   },
+  "ion-radio-group/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-radio-group/name": {
     "type": "string",
     "description": "The name of the control, which is submitted with the form data.",
     "options": []
   },
+  "ion-radio-group/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-radio-group/value": {
     "type": "any",
     "description": "the value of the radio group.",
@@ -2860,7 +3526,7 @@
   },
   "ion-range/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -2891,6 +3557,15 @@
     "description": "Specifies the value granularity.",
     "options": []
   },
+  "ion-range/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-range/ticks": {
     "type": "boolean",
     "description": "If `true`, tick marks are displayed based on the step value.\nOnly applies when `snaps` is `true`.",
@@ -2913,7 +3588,7 @@
   },
   "ion-refresher/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -2939,6 +3614,23 @@
     "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.",
     "options": []
   },
+  "ion-refresher/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
+  "ion-refresher-content/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-refresher-content/pulling-icon": {
     "type": "null | string | undefined",
     "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.",
@@ -2969,11 +3661,71 @@
     "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.",
     "options": []
   },
+  "ion-refresher-content/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
+  "ion-reorder/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-reorder/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-reorder-group/disabled": {
     "type": "boolean",
     "description": "If `true`, the reorder will be hidden.",
     "options": []
   },
+  "ion-reorder-group/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-reorder-group/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
+  "ion-ripple-effect/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-ripple-effect/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-ripple-effect/type": {
     "type": "\"bounded\" | \"unbounded\"",
     "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.",
@@ -3002,6 +3754,23 @@
     "description": "A key value `{ 'red': true, 'blue': 'white'}` containing props that should be passed\nto the defined component when rendered.",
     "options": []
   },
+  "ion-route/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-route/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-route/url": {
     "type": "string",
     "description": "Relative path that needs to match in order for this route to apply.\n\nAccepts paths similar to expressjs so that you can define parameters\nin the url /foo/:bar where bar would be available in incoming props.",
@@ -3017,11 +3786,28 @@
     "description": "A redirect route, redirects \"from\" a URL \"to\" another URL. This property is that \"to\" URL.\nWhen the defined `ion-route-redirect` rule matches, the router will redirect to the path\nspecified in this property.\n\nThe value of this property is always an absolute path inside the scope of routes defined in\n`ion-router` it can't be used with another router or to perform a redirection to a different domain.\n\nNote that this is a virtual redirect, it will not cause a real browser refresh, again, it's\na redirect inside the context of ion-router.\n\nWhen this property is not specified or his value is `undefined` the whole redirect route is noop,\neven if the \"from\" value matches.",
     "options": []
   },
+  "ion-router/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-router/root": {
     "type": "string",
     "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.",
     "options": []
   },
+  "ion-router/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-router/use-hash": {
     "type": "boolean",
     "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.",
@@ -3047,6 +3833,14 @@
     "description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered.",
     "options": []
   },
+  "ion-router-link/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-router-link/rel": {
     "type": "string | undefined",
     "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).",
@@ -3071,6 +3865,15 @@
     "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
     "options": []
   },
+  "ion-router-link/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-router-outlet/animated": {
     "type": "boolean",
     "description": "If `true`, the router-outlet should animate the transition of components.",
@@ -3083,12 +3886,38 @@
   },
   "ion-router-outlet/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-router-outlet/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
+  "ion-row/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-row/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-searchbar/animated": {
     "type": "boolean",
     "description": "If `true`, enable searchbar animation.",
@@ -3169,17 +3998,17 @@
   },
   "ion-searchbar/cancel-button-icon": {
     "type": "string",
-    "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\"`.",
     "options": []
   },
   "ion-searchbar/cancel-button-text": {
     "type": "string",
-    "description": "Set the the cancel button text. Only applies to `ios` mode.",
+    "description": "Set the the cancel button text. Only available when the theme is `\"ios\"`.",
     "options": []
   },
   "ion-searchbar/clear-icon": {
     "type": "string | undefined",
-    "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.",
     "options": []
   },
   "ion-searchbar/color": {
@@ -3246,7 +4075,7 @@
   },
   "ion-searchbar/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -3264,7 +4093,7 @@
   },
   "ion-searchbar/search-icon": {
     "type": "string | undefined",
-    "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.",
     "options": []
   },
   "ion-searchbar/show-cancel-button": {
@@ -3290,6 +4119,15 @@
     "description": "If `true`, enable spellcheck on the input.",
     "options": []
   },
+  "ion-searchbar/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-searchbar/type": {
     "type": "\"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"",
     "description": "Set the type of the input.",
@@ -3330,7 +4168,7 @@
   },
   "ion-segment/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -3351,6 +4189,15 @@
     "description": "If `true`, users will be able to swipe between segment buttons to activate them.",
     "options": []
   },
+  "ion-segment/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-segment/value": {
     "type": "number | string | undefined",
     "description": "the value of the segment.",
@@ -3375,12 +4222,21 @@
   },
   "ion-segment-button/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-segment-button/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-segment-button/type": {
     "type": "\"button\" | \"reset\" | \"submit\"",
     "description": "The type of the button.",
@@ -3427,12 +4283,12 @@
   },
   "ion-select/expanded-icon": {
     "type": "string | undefined",
-    "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.",
     "options": []
   },
   "ion-select/fill": {
     "type": "\"outline\" | \"solid\" | undefined",
-    "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.",
     "options": [
       "outline",
       "solid"
@@ -3479,7 +4335,7 @@
   },
   "ion-select/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -3517,9 +4373,18 @@
       "round"
     ]
   },
+  "ion-select/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-select/toggle-icon": {
     "type": "string | undefined",
-    "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.",
     "options": []
   },
   "ion-select/value": {
@@ -3532,6 +4397,23 @@
     "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.",
     "options": []
   },
+  "ion-select-option/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-select-option/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-select-option/value": {
     "type": "any",
     "description": "The text value of the option.",
@@ -3542,6 +4424,23 @@
     "description": "If `true`, the skeleton text will animate.",
     "options": []
   },
+  "ion-skeleton-text/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-skeleton-text/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-spinner/color": {
     "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
     "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).",
@@ -3562,6 +4461,14 @@
     "description": "Duration of the spinner animation in milliseconds. The default varies based on the spinner.",
     "options": []
   },
+  "ion-spinner/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-spinner/name": {
     "type": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-sharp\" | \"lines-sharp-small\" | \"lines-small\" | undefined",
     "description": "The name of the SVG spinner to use. If a name is not provided, the platform's default\nspinner will be used.",
@@ -3582,6 +4489,15 @@
     "description": "If `true`, the spinner's animation will be paused.",
     "options": []
   },
+  "ion-spinner/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-split-pane/content-id": {
     "type": "string | undefined",
     "description": "The `id` of the main content. When using\na router this is typically `ion-router-outlet`.\nWhen not using a router, this is typically\nyour main view's `ion-content`. This is not the\nid of the `ion-content` inside of your `ion-menu`.",
@@ -3592,6 +4508,23 @@
     "description": "If `true`, the split pane will be hidden.",
     "options": []
   },
+  "ion-split-pane/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-split-pane/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-split-pane/when": {
     "type": "boolean | string",
     "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.",
@@ -3602,11 +4535,28 @@
     "description": "The component to display inside of the tab.",
     "options": []
   },
+  "ion-tab/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-tab/tab": {
     "type": "string",
     "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.",
     "options": []
   },
+  "ion-tab/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-tab-bar/color": {
     "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
     "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).",
@@ -3624,7 +4574,7 @@
   },
   "ion-tab-bar/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -3635,9 +4585,18 @@
     "description": "The selected tab component",
     "options": []
   },
+  "ion-tab-bar/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-tab-bar/translucent": {
     "type": "boolean",
-    "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).",
     "options": []
   },
   "ion-tab-button/disabled": {
@@ -3669,7 +4628,7 @@
   },
   "ion-tab-button/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -3695,6 +4654,32 @@
     "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
     "options": []
   },
+  "ion-tab-button/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
+  "ion-tabs/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-tabs/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-text/color": {
     "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
     "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).",
@@ -3712,12 +4697,21 @@
   },
   "ion-text/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
   },
+  "ion-text/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-textarea/auto-grow": {
     "type": "boolean",
     "description": "If `true`, the textarea container will grow and shrink based\non the contents of the textarea.",
@@ -3798,7 +4792,7 @@
   },
   "ion-textarea/fill": {
     "type": "\"outline\" | \"solid\" | undefined",
-    "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\"`.",
     "options": [
       "outline",
       "solid"
@@ -3851,7 +4845,7 @@
   },
   "ion-textarea/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -3894,6 +4888,15 @@
     "description": "If `true`, the element will have its spelling and grammar checked.",
     "options": []
   },
+  "ion-textarea/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-textarea/value": {
     "type": "null | string | undefined",
     "description": "The value of the textarea.",
@@ -3908,6 +4911,23 @@
       "soft"
     ]
   },
+  "ion-thumbnail/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
+  "ion-thumbnail/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-title/color": {
     "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
     "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).",
@@ -3923,6 +4943,14 @@
       "warning"
     ]
   },
+  "ion-title/mode": {
+    "type": "\"ios\" | \"md\"",
+    "description": "The mode determines the platform behaviors of the component.",
+    "options": [
+      "ios",
+      "md"
+    ]
+  },
   "ion-title/size": {
     "type": "\"large\" | \"small\" | undefined",
     "description": "The size of the toolbar title.",
@@ -3931,6 +4959,15 @@
       "small"
     ]
   },
+  "ion-title/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-toast/animated": {
     "type": "boolean",
     "description": "If `true`, the toast will animate.",
@@ -4016,7 +5053,7 @@
   },
   "ion-toast/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -4043,9 +5080,18 @@
       "vertical"
     ]
   },
+  "ion-toast/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-toast/translucent": {
     "type": "boolean",
-    "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).",
     "options": []
   },
   "ion-toast/trigger": {
@@ -4112,7 +5158,7 @@
   },
   "ion-toggle/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
@@ -4123,6 +5169,15 @@
     "description": "The name of the control, which is submitted with the form data.",
     "options": []
   },
+  "ion-toggle/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
+  },
   "ion-toggle/value": {
     "type": "null | string | undefined",
     "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>`.",
@@ -4145,10 +5200,19 @@
   },
   "ion-toolbar/mode": {
     "type": "\"ios\" | \"md\"",
-    "description": "The mode determines which platform styles to use.",
+    "description": "The mode determines the platform behaviors of the component.",
     "options": [
       "ios",
       "md"
     ]
+  },
+  "ion-toolbar/theme": {
+    "type": "\"ios\" | \"md\" | \"ionic\"",
+    "description": "The theme determines the visual appearance of the component.",
+    "options": [
+      "ios",
+      "md",
+      "ionic"
+    ]
   }
 }