@ionic/vue 8.8.6-dev.11777572994.1147595d → 8.8.6-dev.11777928681.1e4919af

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/css/core.css +1 -1
  2. package/css/core.css.map +1 -1
  3. package/css/display.css +1 -1
  4. package/css/display.css.map +1 -1
  5. package/css/flex-utils.css +1 -1
  6. package/css/flex-utils.css.map +1 -1
  7. package/css/float-elements.css.map +1 -1
  8. package/css/global.bundle.css.map +1 -1
  9. package/css/ionic/bundle.ionic.css +1 -0
  10. package/css/ionic/bundle.ionic.css.map +1 -0
  11. package/css/ionic/core.ionic.css +1 -0
  12. package/css/ionic/core.ionic.css.map +1 -0
  13. package/css/ionic/global.bundle.ionic.css +1 -0
  14. package/css/ionic/global.bundle.ionic.css.map +1 -0
  15. package/css/ionic/ionic-swiper.ionic.css +1 -0
  16. package/css/ionic/ionic-swiper.ionic.css.map +1 -0
  17. package/css/ionic/link.ionic.css +1 -0
  18. package/css/ionic/link.ionic.css.map +1 -0
  19. package/css/ionic/structure.ionic.css +1 -0
  20. package/css/ionic/structure.ionic.css.map +1 -0
  21. package/css/ionic/typography.ionic.css +1 -0
  22. package/css/ionic/typography.ionic.css.map +1 -0
  23. package/css/ionic/utils.bundle.ionic.css +1 -0
  24. package/css/ionic/utils.bundle.ionic.css.map +1 -0
  25. package/css/ionic-swiper.css +1 -1
  26. package/css/ionic-swiper.css.map +1 -1
  27. package/css/ionic.bundle.css +1 -1
  28. package/css/ionic.bundle.css.map +1 -1
  29. package/css/normalize.css.map +1 -1
  30. package/css/padding.css.map +1 -1
  31. package/css/palettes/dark.always.css.map +1 -1
  32. package/css/palettes/dark.class.css.map +1 -1
  33. package/css/palettes/dark.system.css.map +1 -1
  34. package/css/palettes/high-contrast-dark.always.css.map +1 -1
  35. package/css/palettes/high-contrast-dark.class.css.map +1 -1
  36. package/css/palettes/high-contrast-dark.system.css.map +1 -1
  37. package/css/palettes/high-contrast.always.css.map +1 -1
  38. package/css/palettes/high-contrast.class.css.map +1 -1
  39. package/css/palettes/high-contrast.system.css.map +1 -1
  40. package/css/structure.css.map +1 -1
  41. package/css/text-alignment.css.map +1 -1
  42. package/css/text-transformation.css.map +1 -1
  43. package/css/typography.css.map +1 -1
  44. package/css/utils.bundle.css +1 -1
  45. package/css/utils.bundle.css.map +1 -1
  46. package/dist/index.js +235 -213
  47. package/dist/index.js.map +1 -1
  48. package/dist/types/components/IonRouterOutlet.d.ts +2 -14
  49. package/dist/types/components/Overlays.d.ts +1 -0
  50. package/dist/types/controllers.d.ts +9 -1
  51. package/dist/types/index.d.ts +2 -2
  52. package/dist/types/proxies.d.ts +1 -0
  53. package/dist/vetur/attributes.json +1643 -107
  54. package/dist/vetur/tags.json +248 -45
  55. package/dist/web-types.json +1901 -172
  56. package/package.json +3 -3
@@ -6,7 +6,7 @@
6
6
  },
7
7
  "ion-accordion/mode": {
8
8
  "type": "\"ios\" | \"md\"",
9
- "description": "The mode determines which platform styles to use.",
9
+ "description": "The mode determines the platform behaviors of the component.",
10
10
  "options": [
11
11
  "ios",
12
12
  "md"
@@ -17,8 +17,17 @@
17
17
  "description": "If `true`, the accordion cannot be interacted with,\nbut does not alter the opacity.",
18
18
  "options": []
19
19
  },
20
+ "ion-accordion/theme": {
21
+ "type": "\"ios\" | \"md\" | \"ionic\"",
22
+ "description": "The theme determines the visual appearance of the component.",
23
+ "options": [
24
+ "ios",
25
+ "md",
26
+ "ionic"
27
+ ]
28
+ },
20
29
  "ion-accordion/toggle-icon": {
21
- "type": "string",
30
+ "type": "string | undefined",
22
31
  "description": "The toggle icon to use. This icon will be\nrotated when the accordion is expanded\nor collapsed.",
23
32
  "options": []
24
33
  },
@@ -55,7 +64,7 @@
55
64
  },
56
65
  "ion-accordion-group/mode": {
57
66
  "type": "\"ios\" | \"md\"",
58
- "description": "The mode determines which platform styles to use.",
67
+ "description": "The mode determines the platform behaviors of the component.",
59
68
  "options": [
60
69
  "ios",
61
70
  "md"
@@ -71,6 +80,24 @@
71
80
  "description": "If `true`, the accordion group cannot be interacted with,\nbut does not alter the opacity.",
72
81
  "options": []
73
82
  },
83
+ "ion-accordion-group/shape": {
84
+ "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
85
+ "description": "Set to `\"soft\"` for an accordion group with slightly rounded corners,\n`\"round\"` for an accordion group with fully rounded corners, or\n`\"rectangular\"` for an accordion group without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.\nOnly applies when `expand` is set to `\"inset\"`.",
86
+ "options": [
87
+ "rectangular",
88
+ "round",
89
+ "soft"
90
+ ]
91
+ },
92
+ "ion-accordion-group/theme": {
93
+ "type": "\"ios\" | \"md\" | \"ionic\"",
94
+ "description": "The theme determines the visual appearance of the component.",
95
+ "options": [
96
+ "ios",
97
+ "md",
98
+ "ionic"
99
+ ]
100
+ },
74
101
  "ion-accordion-group/value": {
75
102
  "type": "null | string | string[] | undefined",
76
103
  "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 +155,7 @@
128
155
  },
129
156
  "ion-action-sheet/mode": {
130
157
  "type": "\"ios\" | \"md\"",
131
- "description": "The mode determines which platform styles to use.",
158
+ "description": "The mode determines the platform behaviors of the component.",
132
159
  "options": [
133
160
  "ios",
134
161
  "md"
@@ -139,9 +166,18 @@
139
166
  "description": "Subtitle for the action sheet.",
140
167
  "options": []
141
168
  },
169
+ "ion-action-sheet/theme": {
170
+ "type": "\"ios\" | \"md\" | \"ionic\"",
171
+ "description": "The theme determines the visual appearance of the component.",
172
+ "options": [
173
+ "ios",
174
+ "md",
175
+ "ionic"
176
+ ]
177
+ },
142
178
  "ion-action-sheet/translucent": {
143
179
  "type": "boolean",
144
- "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).",
180
+ "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).",
145
181
  "options": []
146
182
  },
147
183
  "ion-action-sheet/trigger": {
@@ -211,7 +247,7 @@
211
247
  },
212
248
  "ion-alert/mode": {
213
249
  "type": "\"ios\" | \"md\"",
214
- "description": "The mode determines which platform styles to use.",
250
+ "description": "The mode determines the platform behaviors of the component.",
215
251
  "options": [
216
252
  "ios",
217
253
  "md"
@@ -222,9 +258,18 @@
222
258
  "description": "The subtitle in the heading of the alert. Displayed under the title.",
223
259
  "options": []
224
260
  },
261
+ "ion-alert/theme": {
262
+ "type": "\"ios\" | \"md\" | \"ionic\"",
263
+ "description": "The theme determines the visual appearance of the component.",
264
+ "options": [
265
+ "ios",
266
+ "md",
267
+ "ionic"
268
+ ]
269
+ },
225
270
  "ion-alert/translucent": {
226
271
  "type": "boolean",
227
- "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).",
272
+ "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).",
228
273
  "options": []
229
274
  },
230
275
  "ion-alert/trigger": {
@@ -232,6 +277,66 @@
232
277
  "description": "An ID corresponding to the trigger element that\ncauses the alert to open when clicked.",
233
278
  "options": []
234
279
  },
280
+ "ion-app/mode": {
281
+ "type": "\"ios\" | \"md\"",
282
+ "description": "The mode determines the platform behaviors of the component.",
283
+ "options": [
284
+ "ios",
285
+ "md"
286
+ ]
287
+ },
288
+ "ion-app/theme": {
289
+ "type": "\"ios\" | \"md\" | \"ionic\"",
290
+ "description": "The theme determines the visual appearance of the component.",
291
+ "options": [
292
+ "ios",
293
+ "md",
294
+ "ionic"
295
+ ]
296
+ },
297
+ "ion-avatar/disabled": {
298
+ "type": "boolean",
299
+ "description": "If `true`, the user cannot interact with the avatar.",
300
+ "options": []
301
+ },
302
+ "ion-avatar/mode": {
303
+ "type": "\"ios\" | \"md\"",
304
+ "description": "The mode determines the platform behaviors of the component.",
305
+ "options": [
306
+ "ios",
307
+ "md"
308
+ ]
309
+ },
310
+ "ion-avatar/shape": {
311
+ "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
312
+ "description": "Set to `\"soft\"` for an avatar with slightly rounded corners,\n`\"round\"` for an avatar with fully rounded corners, or `\"rectangular\"`\nfor an avatar without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
313
+ "options": [
314
+ "rectangular",
315
+ "round",
316
+ "soft"
317
+ ]
318
+ },
319
+ "ion-avatar/size": {
320
+ "type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | \"xxsmall\" | undefined",
321
+ "description": "Set to `\"xxsmall\"` for the smallest size.\nSet to `\"xsmall\"` for a very small size.\nSet to `\"small\"` for a compact size.\nSet to `\"medium\"` for the default height and width.\nSet to `\"large\"` for a larger size.\nSet to `\"xlarge\"` for the largest dimensions.\n\nDefaults to `\"medium\"` for the `ionic` theme, undefined for all other themes.",
322
+ "options": [
323
+ "large",
324
+ "medium",
325
+ "small",
326
+ "xlarge",
327
+ "xsmall",
328
+ "xxsmall"
329
+ ]
330
+ },
331
+ "ion-avatar/theme": {
332
+ "type": "\"ios\" | \"md\" | \"ionic\"",
333
+ "description": "The theme determines the visual appearance of the component.",
334
+ "options": [
335
+ "ios",
336
+ "md",
337
+ "ionic"
338
+ ]
339
+ },
235
340
  "ion-back-button/color": {
236
341
  "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
237
342
  "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 +369,7 @@
264
369
  },
265
370
  "ion-back-button/mode": {
266
371
  "type": "\"ios\" | \"md\"",
267
- "description": "The mode determines which platform styles to use.",
372
+ "description": "The mode determines the platform behaviors of the component.",
268
373
  "options": [
269
374
  "ios",
270
375
  "md"
@@ -280,6 +385,15 @@
280
385
  "description": "The text to display in the back button.",
281
386
  "options": []
282
387
  },
388
+ "ion-back-button/theme": {
389
+ "type": "\"ios\" | \"md\" | \"ionic\"",
390
+ "description": "The theme determines the visual appearance of the component.",
391
+ "options": [
392
+ "ios",
393
+ "md",
394
+ "ionic"
395
+ ]
396
+ },
283
397
  "ion-back-button/type": {
284
398
  "type": "\"button\" | \"reset\" | \"submit\"",
285
399
  "description": "The type of the button.",
@@ -289,6 +403,14 @@
289
403
  "submit"
290
404
  ]
291
405
  },
406
+ "ion-backdrop/mode": {
407
+ "type": "\"ios\" | \"md\"",
408
+ "description": "The mode determines the platform behaviors of the component.",
409
+ "options": [
410
+ "ios",
411
+ "md"
412
+ ]
413
+ },
292
414
  "ion-backdrop/stop-propagation": {
293
415
  "type": "boolean",
294
416
  "description": "If `true`, the backdrop will stop propagation on tap.",
@@ -299,6 +421,15 @@
299
421
  "description": "If `true`, the backdrop will can be clicked and will emit the `ionBackdropTap` event.",
300
422
  "options": []
301
423
  },
424
+ "ion-backdrop/theme": {
425
+ "type": "\"ios\" | \"md\" | \"ionic\"",
426
+ "description": "The theme determines the visual appearance of the component.",
427
+ "options": [
428
+ "ios",
429
+ "md",
430
+ "ionic"
431
+ ]
432
+ },
302
433
  "ion-backdrop/visible": {
303
434
  "type": "boolean",
304
435
  "description": "If `true`, the backdrop will be visible.",
@@ -319,14 +450,55 @@
319
450
  "warning"
320
451
  ]
321
452
  },
453
+ "ion-badge/hue": {
454
+ "type": "\"bold\" | \"subtle\" | undefined",
455
+ "description": "Set to `\"bold\"` for a badge with vibrant, bold colors or to `\"subtle\"` for\na badge with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
456
+ "options": [
457
+ "bold",
458
+ "subtle"
459
+ ]
460
+ },
322
461
  "ion-badge/mode": {
323
462
  "type": "\"ios\" | \"md\"",
324
- "description": "The mode determines which platform styles to use.",
463
+ "description": "The mode determines the platform behaviors of the component.",
325
464
  "options": [
326
465
  "ios",
327
466
  "md"
328
467
  ]
329
468
  },
469
+ "ion-badge/shape": {
470
+ "type": "\"round | rectangular\" | \"soft\" | undefined",
471
+ "description": "Set to `\"rectangular\"` for non-rounded corners.\nSet to `\"soft\"` for slightly rounded corners.\nSet to `\"round\"` for fully rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
472
+ "options": [
473
+ "soft"
474
+ ]
475
+ },
476
+ "ion-badge/size": {
477
+ "type": "\"large\" | \"medium\" | \"small\" | undefined",
478
+ "description": "Set to `\"small\"` for a small badge.\nSet to `\"medium\"` for a medium badge.\nSet to `\"large\"` for a large badge, when it is empty (no text or icon).\n\nDefaults to `\"small\"` for the `ionic` theme, undefined for all other themes.",
479
+ "options": [
480
+ "large",
481
+ "medium",
482
+ "small"
483
+ ]
484
+ },
485
+ "ion-badge/theme": {
486
+ "type": "\"ios\" | \"md\" | \"ionic\"",
487
+ "description": "The theme determines the visual appearance of the component.",
488
+ "options": [
489
+ "ios",
490
+ "md",
491
+ "ionic"
492
+ ]
493
+ },
494
+ "ion-badge/vertical": {
495
+ "type": "\"bottom\" | \"top\" | undefined",
496
+ "description": "Set to `\"top\"` to position the badge on top right absolute position of the parent element.\nSet to `\"bottom\"` to position the badge on bottom right absolute position of the parent element.",
497
+ "options": [
498
+ "bottom",
499
+ "top"
500
+ ]
501
+ },
330
502
  "ion-breadcrumb/active": {
331
503
  "type": "boolean",
332
504
  "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 +536,7 @@
364
536
  },
365
537
  "ion-breadcrumb/mode": {
366
538
  "type": "\"ios\" | \"md\"",
367
- "description": "The mode determines which platform styles to use.",
539
+ "description": "The mode determines the platform behaviors of the component.",
368
540
  "options": [
369
541
  "ios",
370
542
  "md"
@@ -399,6 +571,15 @@
399
571
  "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
400
572
  "options": []
401
573
  },
574
+ "ion-breadcrumb/theme": {
575
+ "type": "\"ios\" | \"md\" | \"ionic\"",
576
+ "description": "The theme determines the visual appearance of the component.",
577
+ "options": [
578
+ "ios",
579
+ "md",
580
+ "ionic"
581
+ ]
582
+ },
402
583
  "ion-breadcrumbs/color": {
403
584
  "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
404
585
  "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 +612,21 @@
431
612
  },
432
613
  "ion-breadcrumbs/mode": {
433
614
  "type": "\"ios\" | \"md\"",
434
- "description": "The mode determines which platform styles to use.",
615
+ "description": "The mode determines the platform behaviors of the component.",
435
616
  "options": [
436
617
  "ios",
437
618
  "md"
438
619
  ]
439
620
  },
621
+ "ion-breadcrumbs/theme": {
622
+ "type": "\"ios\" | \"md\" | \"ionic\"",
623
+ "description": "The theme determines the visual appearance of the component.",
624
+ "options": [
625
+ "ios",
626
+ "md",
627
+ "ionic"
628
+ ]
629
+ },
440
630
  "ion-button/button-type": {
441
631
  "type": "string",
442
632
  "description": "The type of button.",
@@ -477,7 +667,7 @@
477
667
  },
478
668
  "ion-button/fill": {
479
669
  "type": "\"clear\" | \"default\" | \"outline\" | \"solid\" | undefined",
480
- "description": "Set to `\"clear\"` for a transparent button that resembles a flat button, to `\"outline\"`\nfor a transparent button with a border, or to `\"solid\"` for a button with a filled background.\nThe default fill is `\"solid\"` except inside of a toolbar, where the default is `\"clear\"`.",
670
+ "description": "Set to `\"clear\"` for a transparent button that resembles a flat button, to `\"outline\"`\nfor a transparent button with a border, or to `\"solid\"` for a button with a filled background.\nThe default fill is `\"solid\"` except when inside of a buttons or datetime component, where\nthe default fill is `\"clear\"`.",
481
671
  "options": [
482
672
  "clear",
483
673
  "default",
@@ -497,7 +687,7 @@
497
687
  },
498
688
  "ion-button/mode": {
499
689
  "type": "\"ios\" | \"md\"",
500
- "description": "The mode determines which platform styles to use.",
690
+ "description": "The mode determines the platform behaviors of the component.",
501
691
  "options": [
502
692
  "ios",
503
693
  "md"
@@ -523,18 +713,21 @@
523
713
  ]
524
714
  },
525
715
  "ion-button/shape": {
526
- "type": "\"round\" | undefined",
527
- "description": "Set to `\"round\"` for a button with more rounded corners.",
716
+ "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
717
+ "description": "Set to `\"soft\"` for a button with slightly rounded corners, `\"round\"` for a button with fully\nrounded corners, or `\"rectangular\"` for a button without rounded corners.\nDefaults to `\"soft\"` for the `\"ios\"` theme and `\"round\"` for all other themes.",
528
718
  "options": [
529
- "round"
719
+ "rectangular",
720
+ "round",
721
+ "soft"
530
722
  ]
531
723
  },
532
724
  "ion-button/size": {
533
- "type": "\"default\" | \"large\" | \"small\" | undefined",
534
- "description": "Set to `\"small\"` for a button with less height and padding, to `\"default\"`\nfor a button with the default height and padding, or to `\"large\"` for a button\nwith more height and padding. By default the size is unset, unless the button\nis inside of an item, where the size is `\"small\"` by default. Set the size to\n`\"default\"` inside of an item to make it a standard size button.",
725
+ "type": "\"default\" | \"large\" | \"medium\" | \"small\" | undefined",
726
+ "description": "Set to `\"small\"` for a button with less height and padding, to `\"medium\"`\nfor a button with the medium height and padding, or to `\"large\"` for a button\nwith more height and padding. By default the size is unset, unless the button\nis inside of an item, where the size is `\"small\"` by default. Set the size to\n`\"default\"` inside of an item to make it a standard size button.",
535
727
  "options": [
536
728
  "default",
537
729
  "large",
730
+ "medium",
538
731
  "small"
539
732
  ]
540
733
  },
@@ -548,6 +741,15 @@
548
741
  "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
549
742
  "options": []
550
743
  },
744
+ "ion-button/theme": {
745
+ "type": "\"ios\" | \"md\" | \"ionic\"",
746
+ "description": "The theme determines the visual appearance of the component.",
747
+ "options": [
748
+ "ios",
749
+ "md",
750
+ "ionic"
751
+ ]
752
+ },
551
753
  "ion-button/type": {
552
754
  "type": "\"button\" | \"reset\" | \"submit\"",
553
755
  "description": "The type of the button.",
@@ -559,9 +761,26 @@
559
761
  },
560
762
  "ion-buttons/collapse": {
561
763
  "type": "boolean",
562
- "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)",
764
+ "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)",
563
765
  "options": []
564
766
  },
767
+ "ion-buttons/mode": {
768
+ "type": "\"ios\" | \"md\"",
769
+ "description": "The mode determines the platform behaviors of the component.",
770
+ "options": [
771
+ "ios",
772
+ "md"
773
+ ]
774
+ },
775
+ "ion-buttons/theme": {
776
+ "type": "\"ios\" | \"md\" | \"ionic\"",
777
+ "description": "The theme determines the visual appearance of the component.",
778
+ "options": [
779
+ "ios",
780
+ "md",
781
+ "ionic"
782
+ ]
783
+ },
565
784
  "ion-card/button": {
566
785
  "type": "boolean",
567
786
  "description": "If `true`, a button tag will be rendered and the card will be tappable.",
@@ -599,7 +818,7 @@
599
818
  },
600
819
  "ion-card/mode": {
601
820
  "type": "\"ios\" | \"md\"",
602
- "description": "The mode determines which platform styles to use.",
821
+ "description": "The mode determines the platform behaviors of the component.",
603
822
  "options": [
604
823
  "ios",
605
824
  "md"
@@ -624,11 +843,29 @@
624
843
  "root"
625
844
  ]
626
845
  },
846
+ "ion-card/shape": {
847
+ "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
848
+ "description": "Set to `\"soft\"` for a card with slightly rounded corners, `\"round\"` for a card with more\nrounded corners, or `\"rectangular\"` for a card without rounded corners.\nDefaults to `\"round\"`.",
849
+ "options": [
850
+ "rectangular",
851
+ "round",
852
+ "soft"
853
+ ]
854
+ },
627
855
  "ion-card/target": {
628
856
  "type": "string | undefined",
629
857
  "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
630
858
  "options": []
631
859
  },
860
+ "ion-card/theme": {
861
+ "type": "\"ios\" | \"md\" | \"ionic\"",
862
+ "description": "The theme determines the visual appearance of the component.",
863
+ "options": [
864
+ "ios",
865
+ "md",
866
+ "ionic"
867
+ ]
868
+ },
632
869
  "ion-card/type": {
633
870
  "type": "\"button\" | \"reset\" | \"submit\"",
634
871
  "description": "The type of the button. Only used when an `onclick` or `button` property is present.",
@@ -640,12 +877,21 @@
640
877
  },
641
878
  "ion-card-content/mode": {
642
879
  "type": "\"ios\" | \"md\"",
643
- "description": "The mode determines which platform styles to use.",
880
+ "description": "The mode determines the platform behaviors of the component.",
644
881
  "options": [
645
882
  "ios",
646
883
  "md"
647
884
  ]
648
885
  },
886
+ "ion-card-content/theme": {
887
+ "type": "\"ios\" | \"md\" | \"ionic\"",
888
+ "description": "The theme determines the visual appearance of the component.",
889
+ "options": [
890
+ "ios",
891
+ "md",
892
+ "ionic"
893
+ ]
894
+ },
649
895
  "ion-card-header/color": {
650
896
  "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
651
897
  "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 +909,24 @@
663
909
  },
664
910
  "ion-card-header/mode": {
665
911
  "type": "\"ios\" | \"md\"",
666
- "description": "The mode determines which platform styles to use.",
912
+ "description": "The mode determines the platform behaviors of the component.",
667
913
  "options": [
668
914
  "ios",
669
915
  "md"
670
916
  ]
671
917
  },
918
+ "ion-card-header/theme": {
919
+ "type": "\"ios\" | \"md\" | \"ionic\"",
920
+ "description": "The theme determines the visual appearance of the component.",
921
+ "options": [
922
+ "ios",
923
+ "md",
924
+ "ionic"
925
+ ]
926
+ },
672
927
  "ion-card-header/translucent": {
673
928
  "type": "boolean",
674
- "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).",
929
+ "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).",
675
930
  "options": []
676
931
  },
677
932
  "ion-card-subtitle/color": {
@@ -691,12 +946,21 @@
691
946
  },
692
947
  "ion-card-subtitle/mode": {
693
948
  "type": "\"ios\" | \"md\"",
694
- "description": "The mode determines which platform styles to use.",
949
+ "description": "The mode determines the platform behaviors of the component.",
695
950
  "options": [
696
951
  "ios",
697
952
  "md"
698
953
  ]
699
954
  },
955
+ "ion-card-subtitle/theme": {
956
+ "type": "\"ios\" | \"md\" | \"ionic\"",
957
+ "description": "The theme determines the visual appearance of the component.",
958
+ "options": [
959
+ "ios",
960
+ "md",
961
+ "ionic"
962
+ ]
963
+ },
700
964
  "ion-card-title/color": {
701
965
  "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
702
966
  "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 +978,21 @@
714
978
  },
715
979
  "ion-card-title/mode": {
716
980
  "type": "\"ios\" | \"md\"",
717
- "description": "The mode determines which platform styles to use.",
981
+ "description": "The mode determines the platform behaviors of the component.",
718
982
  "options": [
719
983
  "ios",
720
984
  "md"
721
985
  ]
722
986
  },
987
+ "ion-card-title/theme": {
988
+ "type": "\"ios\" | \"md\" | \"ionic\"",
989
+ "description": "The theme determines the visual appearance of the component.",
990
+ "options": [
991
+ "ios",
992
+ "md",
993
+ "ionic"
994
+ ]
995
+ },
723
996
  "ion-checkbox/alignment": {
724
997
  "type": "\"center\" | \"start\" | undefined",
725
998
  "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.\nSetting this property will change the checkbox `display` to `block`.",
@@ -789,7 +1062,7 @@
789
1062
  },
790
1063
  "ion-checkbox/mode": {
791
1064
  "type": "\"ios\" | \"md\"",
792
- "description": "The mode determines which platform styles to use.",
1065
+ "description": "The mode determines the platform behaviors of the component.",
793
1066
  "options": [
794
1067
  "ios",
795
1068
  "md"
@@ -805,6 +1078,30 @@
805
1078
  "description": "If true, screen readers will announce it as a required field. This property\nworks only for accessibility purposes, it will not prevent the form from\nsubmitting if the value is invalid.",
806
1079
  "options": []
807
1080
  },
1081
+ "ion-checkbox/shape": {
1082
+ "type": "\"rectangular\" | \"soft\" | undefined",
1083
+ "description": "Set to `\"soft\"` for a checkbox with more rounded corners. Only available when the theme is `\"ionic\"`.",
1084
+ "options": [
1085
+ "rectangular",
1086
+ "soft"
1087
+ ]
1088
+ },
1089
+ "ion-checkbox/size": {
1090
+ "type": "\"small\" | undefined",
1091
+ "description": "Set to `\"small\"` for a checkbox with less height and padding.",
1092
+ "options": [
1093
+ "small"
1094
+ ]
1095
+ },
1096
+ "ion-checkbox/theme": {
1097
+ "type": "\"ios\" | \"md\" | \"ionic\"",
1098
+ "description": "The theme determines the visual appearance of the component.",
1099
+ "options": [
1100
+ "ios",
1101
+ "md",
1102
+ "ionic"
1103
+ ]
1104
+ },
808
1105
  "ion-checkbox/value": {
809
1106
  "type": "any",
810
1107
  "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>`.",
@@ -830,9 +1127,17 @@
830
1127
  "description": "If `true`, the user cannot interact with the chip.",
831
1128
  "options": []
832
1129
  },
1130
+ "ion-chip/hue": {
1131
+ "type": "\"bold\" | \"subtle\" | undefined",
1132
+ "description": "Set to `\"bold\"` for a chip with vibrant, bold colors or to `\"subtle\"` for\na chip with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
1133
+ "options": [
1134
+ "bold",
1135
+ "subtle"
1136
+ ]
1137
+ },
833
1138
  "ion-chip/mode": {
834
1139
  "type": "\"ios\" | \"md\"",
835
- "description": "The mode determines which platform styles to use.",
1140
+ "description": "The mode determines the platform behaviors of the component.",
836
1141
  "options": [
837
1142
  "ios",
838
1143
  "md"
@@ -843,6 +1148,40 @@
843
1148
  "description": "Display an outline style button.",
844
1149
  "options": []
845
1150
  },
1151
+ "ion-chip/shape": {
1152
+ "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
1153
+ "description": "Set to `\"soft\"` for a chip with slightly rounded corners, `\"round\"` for a chip with fully\nrounded corners, or `\"rectangular\"` for a chip without rounded corners.\nDefaults to `\"round\"` for the `\"ionic\"` theme and `\"soft\"` for all other themes.",
1154
+ "options": [
1155
+ "rectangular",
1156
+ "round",
1157
+ "soft"
1158
+ ]
1159
+ },
1160
+ "ion-chip/size": {
1161
+ "type": "\"large\" | \"small\" | undefined",
1162
+ "description": "Set to `\"small\"` for a chip with less height and padding.\n\nDefaults to `\"large\"` for the ionic theme, and undefined for all other themes.",
1163
+ "options": [
1164
+ "large",
1165
+ "small"
1166
+ ]
1167
+ },
1168
+ "ion-chip/theme": {
1169
+ "type": "\"ios\" | \"md\" | \"ionic\"",
1170
+ "description": "The theme determines the visual appearance of the component.",
1171
+ "options": [
1172
+ "ios",
1173
+ "md",
1174
+ "ionic"
1175
+ ]
1176
+ },
1177
+ "ion-col/mode": {
1178
+ "type": "\"ios\" | \"md\"",
1179
+ "description": "The mode determines the platform behaviors of the component.",
1180
+ "options": [
1181
+ "ios",
1182
+ "md"
1183
+ ]
1184
+ },
846
1185
  "ion-col/offset": {
847
1186
  "type": "string | undefined",
848
1187
  "description": "The amount to offset the column, in terms of how many columns it should shift to the end\nof the total available.",
@@ -873,6 +1212,36 @@
873
1212
  "description": "The amount to offset the column for xs screens, in terms of how many columns it should shift\nto the end of the total available.",
874
1213
  "options": []
875
1214
  },
1215
+ "ion-col/order": {
1216
+ "type": "string | undefined",
1217
+ "description": "The order of the column, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
1218
+ "options": []
1219
+ },
1220
+ "ion-col/order-lg": {
1221
+ "type": "string | undefined",
1222
+ "description": "The order of the column for lg screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
1223
+ "options": []
1224
+ },
1225
+ "ion-col/order-md": {
1226
+ "type": "string | undefined",
1227
+ "description": "The order of the column for md screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
1228
+ "options": []
1229
+ },
1230
+ "ion-col/order-sm": {
1231
+ "type": "string | undefined",
1232
+ "description": "The order of the column for sm screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
1233
+ "options": []
1234
+ },
1235
+ "ion-col/order-xl": {
1236
+ "type": "string | undefined",
1237
+ "description": "The order of the column for xl screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
1238
+ "options": []
1239
+ },
1240
+ "ion-col/order-xs": {
1241
+ "type": "string | undefined",
1242
+ "description": "The order of the column for xs screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
1243
+ "options": []
1244
+ },
876
1245
  "ion-col/pull": {
877
1246
  "type": "string | undefined",
878
1247
  "description": "The amount to pull the column, in terms of how many columns it should shift to the start of\nthe total available.",
@@ -963,6 +1332,15 @@
963
1332
  "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.",
964
1333
  "options": []
965
1334
  },
1335
+ "ion-col/theme": {
1336
+ "type": "\"ios\" | \"md\" | \"ionic\"",
1337
+ "description": "The theme determines the visual appearance of the component.",
1338
+ "options": [
1339
+ "ios",
1340
+ "md",
1341
+ "ionic"
1342
+ ]
1343
+ },
966
1344
  "ion-content/color": {
967
1345
  "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
968
1346
  "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).",
@@ -996,6 +1374,14 @@
996
1374
  "description": "If `true`, the content will scroll behind the headers\nand footers. This effect can easily be seen by setting the toolbar\nto transparent.",
997
1375
  "options": []
998
1376
  },
1377
+ "ion-content/mode": {
1378
+ "type": "\"ios\" | \"md\"",
1379
+ "description": "The mode determines the platform behaviors of the component.",
1380
+ "options": [
1381
+ "ios",
1382
+ "md"
1383
+ ]
1384
+ },
999
1385
  "ion-content/scroll-events": {
1000
1386
  "type": "boolean",
1001
1387
  "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`.",
@@ -1011,6 +1397,15 @@
1011
1397
  "description": "If you want to disable the content scrolling in the Y axis, set this property to `false`.",
1012
1398
  "options": []
1013
1399
  },
1400
+ "ion-content/theme": {
1401
+ "type": "\"ios\" | \"md\" | \"ionic\"",
1402
+ "description": "The theme determines the visual appearance of the component.",
1403
+ "options": [
1404
+ "ios",
1405
+ "md",
1406
+ "ionic"
1407
+ ]
1408
+ },
1014
1409
  "ion-datetime/cancel-text": {
1015
1410
  "type": "string",
1016
1411
  "description": "The text to display on the picker's cancel button.",
@@ -1108,7 +1503,7 @@
1108
1503
  },
1109
1504
  "ion-datetime/mode": {
1110
1505
  "type": "\"ios\" | \"md\"",
1111
- "description": "The mode determines which platform styles to use.",
1506
+ "description": "The mode determines the platform behaviors of the component.",
1112
1507
  "options": [
1113
1508
  "ios",
1114
1509
  "md"
@@ -1185,6 +1580,15 @@
1185
1580
  "fixed"
1186
1581
  ]
1187
1582
  },
1583
+ "ion-datetime/theme": {
1584
+ "type": "\"ios\" | \"md\" | \"ionic\"",
1585
+ "description": "The theme determines the visual appearance of the component.",
1586
+ "options": [
1587
+ "ios",
1588
+ "md",
1589
+ "ionic"
1590
+ ]
1591
+ },
1188
1592
  "ion-datetime/title-selected-dates-formatter": {
1189
1593
  "type": "((selectedDates: string[]) => string) | undefined",
1190
1594
  "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.",
@@ -1227,12 +1631,39 @@
1227
1631
  },
1228
1632
  "ion-datetime-button/mode": {
1229
1633
  "type": "\"ios\" | \"md\"",
1230
- "description": "The mode determines which platform styles to use.",
1634
+ "description": "The mode determines the platform behaviors of the component.",
1231
1635
  "options": [
1232
1636
  "ios",
1233
1637
  "md"
1234
1638
  ]
1235
1639
  },
1640
+ "ion-datetime-button/theme": {
1641
+ "type": "\"ios\" | \"md\" | \"ionic\"",
1642
+ "description": "The theme determines the visual appearance of the component.",
1643
+ "options": [
1644
+ "ios",
1645
+ "md",
1646
+ "ionic"
1647
+ ]
1648
+ },
1649
+ "ion-divider/inset": {
1650
+ "type": "boolean",
1651
+ "description": "If `true`, the divider will have horizontal margins\nBy default, it's `false`",
1652
+ "options": []
1653
+ },
1654
+ "ion-divider/spacing": {
1655
+ "type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | \"xxlarge\" | \"xxsmall\" | undefined",
1656
+ "description": "Set to `\"xxsmall\"` for the smallest spacing.\nSet to \"xsmall\" for very small spacing.\nSet to `\"small\"` for small spacing.\nSet to \"medium\" for medium spacing.\nSet to \"large\" for large spacing.\nSet to `\"xlarge\"` for the largest spacing.\n\nDefaults to `\"medium\"`.",
1657
+ "options": [
1658
+ "large",
1659
+ "medium",
1660
+ "small",
1661
+ "xlarge",
1662
+ "xsmall",
1663
+ "xxlarge",
1664
+ "xxsmall"
1665
+ ]
1666
+ },
1236
1667
  "ion-fab/activated": {
1237
1668
  "type": "boolean",
1238
1669
  "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.",
@@ -1252,9 +1683,26 @@
1252
1683
  "start"
1253
1684
  ]
1254
1685
  },
1255
- "ion-fab/vertical": {
1256
- "type": "\"bottom\" | \"center\" | \"top\" | undefined",
1257
- "description": "Where to align the fab vertically in the viewport.",
1686
+ "ion-fab/mode": {
1687
+ "type": "\"ios\" | \"md\"",
1688
+ "description": "The mode determines the platform behaviors of the component.",
1689
+ "options": [
1690
+ "ios",
1691
+ "md"
1692
+ ]
1693
+ },
1694
+ "ion-fab/theme": {
1695
+ "type": "\"ios\" | \"md\" | \"ionic\"",
1696
+ "description": "The theme determines the visual appearance of the component.",
1697
+ "options": [
1698
+ "ios",
1699
+ "md",
1700
+ "ionic"
1701
+ ]
1702
+ },
1703
+ "ion-fab/vertical": {
1704
+ "type": "\"bottom\" | \"center\" | \"top\" | undefined",
1705
+ "description": "Where to align the fab vertically in the viewport.",
1258
1706
  "options": [
1259
1707
  "bottom",
1260
1708
  "center",
@@ -1267,7 +1715,7 @@
1267
1715
  "options": []
1268
1716
  },
1269
1717
  "ion-fab-button/close-icon": {
1270
- "type": "string",
1718
+ "type": "string | undefined",
1271
1719
  "description": "The icon name to use for the close icon. This will appear when the fab button\nis pressed. Only applies if it is the main button inside of a fab containing a\nfab list.",
1272
1720
  "options": []
1273
1721
  },
@@ -1303,7 +1751,7 @@
1303
1751
  },
1304
1752
  "ion-fab-button/mode": {
1305
1753
  "type": "\"ios\" | \"md\"",
1306
- "description": "The mode determines which platform styles to use.",
1754
+ "description": "The mode determines the platform behaviors of the component.",
1307
1755
  "options": [
1308
1756
  "ios",
1309
1757
  "md"
@@ -1345,9 +1793,18 @@
1345
1793
  "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
1346
1794
  "options": []
1347
1795
  },
1796
+ "ion-fab-button/theme": {
1797
+ "type": "\"ios\" | \"md\" | \"ionic\"",
1798
+ "description": "The theme determines the visual appearance of the component.",
1799
+ "options": [
1800
+ "ios",
1801
+ "md",
1802
+ "ionic"
1803
+ ]
1804
+ },
1348
1805
  "ion-fab-button/translucent": {
1349
1806
  "type": "boolean",
1350
- "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).",
1807
+ "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).",
1351
1808
  "options": []
1352
1809
  },
1353
1810
  "ion-fab-button/type": {
@@ -1364,6 +1821,14 @@
1364
1821
  "description": "If `true`, the fab list will show all fab buttons in the list.",
1365
1822
  "options": []
1366
1823
  },
1824
+ "ion-fab-list/mode": {
1825
+ "type": "\"ios\" | \"md\"",
1826
+ "description": "The mode determines the platform behaviors of the component.",
1827
+ "options": [
1828
+ "ios",
1829
+ "md"
1830
+ ]
1831
+ },
1367
1832
  "ion-fab-list/side": {
1368
1833
  "type": "\"bottom\" | \"end\" | \"start\" | \"top\"",
1369
1834
  "description": "The side the fab list will show on relative to the main fab button.",
@@ -1374,24 +1839,42 @@
1374
1839
  "top"
1375
1840
  ]
1376
1841
  },
1842
+ "ion-fab-list/theme": {
1843
+ "type": "\"ios\" | \"md\" | \"ionic\"",
1844
+ "description": "The theme determines the visual appearance of the component.",
1845
+ "options": [
1846
+ "ios",
1847
+ "md",
1848
+ "ionic"
1849
+ ]
1850
+ },
1377
1851
  "ion-footer/collapse": {
1378
1852
  "type": "\"fade\" | undefined",
1379
- "description": "Describes the scroll effect that will be applied to the footer.\nOnly applies in iOS mode.",
1853
+ "description": "Describes the scroll effect that will be applied to the footer.\nOnly applies when the theme is `\"ios\"`.",
1380
1854
  "options": [
1381
1855
  "fade"
1382
1856
  ]
1383
1857
  },
1384
1858
  "ion-footer/mode": {
1385
1859
  "type": "\"ios\" | \"md\"",
1386
- "description": "The mode determines which platform styles to use.",
1860
+ "description": "The mode determines the platform behaviors of the component.",
1387
1861
  "options": [
1388
1862
  "ios",
1389
1863
  "md"
1390
1864
  ]
1391
1865
  },
1866
+ "ion-footer/theme": {
1867
+ "type": "\"ios\" | \"md\" | \"ionic\"",
1868
+ "description": "The theme determines the visual appearance of the component.",
1869
+ "options": [
1870
+ "ios",
1871
+ "md",
1872
+ "ionic"
1873
+ ]
1874
+ },
1392
1875
  "ion-footer/translucent": {
1393
1876
  "type": "boolean",
1394
- "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.",
1877
+ "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.",
1395
1878
  "options": []
1396
1879
  },
1397
1880
  "ion-grid/fixed": {
@@ -1399,25 +1882,56 @@
1399
1882
  "description": "If `true`, the grid will have a fixed width based on the screen size.",
1400
1883
  "options": []
1401
1884
  },
1885
+ "ion-grid/mode": {
1886
+ "type": "\"ios\" | \"md\"",
1887
+ "description": "The mode determines the platform behaviors of the component.",
1888
+ "options": [
1889
+ "ios",
1890
+ "md"
1891
+ ]
1892
+ },
1893
+ "ion-grid/theme": {
1894
+ "type": "\"ios\" | \"md\" | \"ionic\"",
1895
+ "description": "The theme determines the visual appearance of the component.",
1896
+ "options": [
1897
+ "ios",
1898
+ "md",
1899
+ "ionic"
1900
+ ]
1901
+ },
1402
1902
  "ion-header/collapse": {
1403
1903
  "type": "\"condense\" | \"fade\" | undefined",
1404
- "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)",
1904
+ "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)",
1405
1905
  "options": [
1406
1906
  "condense",
1407
1907
  "fade"
1408
1908
  ]
1409
1909
  },
1910
+ "ion-header/divider": {
1911
+ "type": "boolean",
1912
+ "description": "If `true`, the header will have a line at the bottom.\nTODO(ROU-10855): add support for this prop on ios/md themes",
1913
+ "options": []
1914
+ },
1410
1915
  "ion-header/mode": {
1411
1916
  "type": "\"ios\" | \"md\"",
1412
- "description": "The mode determines which platform styles to use.",
1917
+ "description": "The mode determines the platform behaviors of the component.",
1413
1918
  "options": [
1414
1919
  "ios",
1415
1920
  "md"
1416
1921
  ]
1417
1922
  },
1923
+ "ion-header/theme": {
1924
+ "type": "\"ios\" | \"md\" | \"ionic\"",
1925
+ "description": "The theme determines the visual appearance of the component.",
1926
+ "options": [
1927
+ "ios",
1928
+ "md",
1929
+ "ionic"
1930
+ ]
1931
+ },
1418
1932
  "ion-header/translucent": {
1419
1933
  "type": "boolean",
1420
- "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.",
1934
+ "description": "If `true`, the header will be translucent.\nOnly applies when the theme is `\"ios\"` or `\"ionic\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\n\nNote: In order to scroll content behind the header, the `fullscreen`\nattribute needs to be set on the content.",
1421
1935
  "options": []
1422
1936
  },
1423
1937
  "ion-img/alt": {
@@ -1425,16 +1939,41 @@
1425
1939
  "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.",
1426
1940
  "options": []
1427
1941
  },
1942
+ "ion-img/mode": {
1943
+ "type": "\"ios\" | \"md\"",
1944
+ "description": "The mode determines the platform behaviors of the component.",
1945
+ "options": [
1946
+ "ios",
1947
+ "md"
1948
+ ]
1949
+ },
1428
1950
  "ion-img/src": {
1429
1951
  "type": "string | undefined",
1430
1952
  "description": "The image URL. This attribute is mandatory for the `<img>` element.",
1431
1953
  "options": []
1432
1954
  },
1955
+ "ion-img/theme": {
1956
+ "type": "\"ios\" | \"md\" | \"ionic\"",
1957
+ "description": "The theme determines the visual appearance of the component.",
1958
+ "options": [
1959
+ "ios",
1960
+ "md",
1961
+ "ionic"
1962
+ ]
1963
+ },
1433
1964
  "ion-infinite-scroll/disabled": {
1434
1965
  "type": "boolean",
1435
1966
  "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.",
1436
1967
  "options": []
1437
1968
  },
1969
+ "ion-infinite-scroll/mode": {
1970
+ "type": "\"ios\" | \"md\"",
1971
+ "description": "The mode determines the platform behaviors of the component.",
1972
+ "options": [
1973
+ "ios",
1974
+ "md"
1975
+ ]
1976
+ },
1438
1977
  "ion-infinite-scroll/position": {
1439
1978
  "type": "\"bottom\" | \"top\"",
1440
1979
  "description": "The position of the infinite scroll element.\nThe value can be either `top` or `bottom`.",
@@ -1443,6 +1982,20 @@
1443
1982
  "top"
1444
1983
  ]
1445
1984
  },
1985
+ "ion-infinite-scroll/preserve-rerender-scroll-position": {
1986
+ "type": "boolean",
1987
+ "description": "If `true`, the infinite scroll will preserve the scroll position\nwhen the content is re-rendered. This is useful when the content is\nre-rendered with new keys, and the scroll position should be preserved.",
1988
+ "options": []
1989
+ },
1990
+ "ion-infinite-scroll/theme": {
1991
+ "type": "\"ios\" | \"md\" | \"ionic\"",
1992
+ "description": "The theme determines the visual appearance of the component.",
1993
+ "options": [
1994
+ "ios",
1995
+ "md",
1996
+ "ionic"
1997
+ ]
1998
+ },
1446
1999
  "ion-infinite-scroll/threshold": {
1447
2000
  "type": "string",
1448
2001
  "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.",
@@ -1468,6 +2021,23 @@
1468
2021
  "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.",
1469
2022
  "options": []
1470
2023
  },
2024
+ "ion-infinite-scroll-content/mode": {
2025
+ "type": "\"ios\" | \"md\"",
2026
+ "description": "The mode determines the platform behaviors of the component.",
2027
+ "options": [
2028
+ "ios",
2029
+ "md"
2030
+ ]
2031
+ },
2032
+ "ion-infinite-scroll-content/theme": {
2033
+ "type": "\"ios\" | \"md\" | \"ionic\"",
2034
+ "description": "The theme determines the visual appearance of the component.",
2035
+ "options": [
2036
+ "ios",
2037
+ "md",
2038
+ "ionic"
2039
+ ]
2040
+ },
1471
2041
  "ion-input/autocapitalize": {
1472
2042
  "type": "string",
1473
2043
  "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\"`.",
@@ -1616,7 +2186,7 @@
1616
2186
  },
1617
2187
  "ion-input/fill": {
1618
2188
  "type": "\"outline\" | \"solid\" | undefined",
1619
- "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.",
2189
+ "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\"`.",
1620
2190
  "options": [
1621
2191
  "outline",
1622
2192
  "solid"
@@ -1647,8 +2217,8 @@
1647
2217
  "options": []
1648
2218
  },
1649
2219
  "ion-input/label-placement": {
1650
- "type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\"",
1651
- "description": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the input in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the input in LTR and to the left in RTL.\n`\"floating\"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input.\n`\"stacked\"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
2220
+ "type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\" | undefined",
2221
+ "description": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the input in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the input in LTR and to the left in RTL.\n`\"floating\"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input.\n`\"stacked\"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n\nDefaults to \"stacked\" for the ionic theme, or \"start\" for all other themes.\n\nIn the ionic theme, only the values \"stacked\" and \"floating\" are supported.",
1652
2222
  "options": [
1653
2223
  "end",
1654
2224
  "fixed",
@@ -1679,7 +2249,7 @@
1679
2249
  },
1680
2250
  "ion-input/mode": {
1681
2251
  "type": "\"ios\" | \"md\"",
1682
- "description": "The mode determines which platform styles to use.",
2252
+ "description": "The mode determines the platform behaviors of the component.",
1683
2253
  "options": [
1684
2254
  "ios",
1685
2255
  "md"
@@ -1716,10 +2286,21 @@
1716
2286
  "options": []
1717
2287
  },
1718
2288
  "ion-input/shape": {
1719
- "type": "\"round\" | undefined",
1720
- "description": "The shape of the input. If \"round\" it will have an increased border radius.",
2289
+ "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
2290
+ "description": "Set to `\"soft\"` for an input with slightly rounded corners, `\"round\"` for an input with fully\nrounded corners, or `\"rectangular\"` for an input without rounded corners.\nDefaults to `\"round\"` for the ionic theme, and `undefined` for all other themes.\nOnly applies when the fill is set to `\"solid\"` or `\"outline\"`.",
1721
2291
  "options": [
1722
- "round"
2292
+ "rectangular",
2293
+ "round",
2294
+ "soft"
2295
+ ]
2296
+ },
2297
+ "ion-input/size": {
2298
+ "type": "\"large\" | \"medium\" | \"xlarge\" | undefined",
2299
+ "description": "The size of the input. If \"large\", it will have an increased height. By default the\nsize is medium. This property only applies to the `\"ionic\"` theme.",
2300
+ "options": [
2301
+ "large",
2302
+ "medium",
2303
+ "xlarge"
1723
2304
  ]
1724
2305
  },
1725
2306
  "ion-input/spellcheck": {
@@ -1732,6 +2313,15 @@
1732
2313
  "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.",
1733
2314
  "options": []
1734
2315
  },
2316
+ "ion-input/theme": {
2317
+ "type": "\"ios\" | \"md\" | \"ionic\"",
2318
+ "description": "The theme determines the visual appearance of the component.",
2319
+ "options": [
2320
+ "ios",
2321
+ "md",
2322
+ "ionic"
2323
+ ]
2324
+ },
1735
2325
  "ion-input/type": {
1736
2326
  "type": "\"date\" | \"datetime-local\" | \"email\" | \"month\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\"",
1737
2327
  "description": "The type of control to display. The default type is text.",
@@ -1807,6 +2397,14 @@
1807
2397
  "description": "The number of input boxes to display.",
1808
2398
  "options": []
1809
2399
  },
2400
+ "ion-input-otp/mode": {
2401
+ "type": "\"ios\" | \"md\"",
2402
+ "description": "The mode determines the platform behaviors of the component.",
2403
+ "options": [
2404
+ "ios",
2405
+ "md"
2406
+ ]
2407
+ },
1810
2408
  "ion-input-otp/pattern": {
1811
2409
  "type": "string | undefined",
1812
2410
  "description": "A regex pattern string for allowed characters. Defaults based on type.\n\nFor numbers (`type=\"number\"`): `\"[\\p{N}]\"`\nFor text (`type=\"text\"`): `\"[\\p{L}\\p{N}]\"`",
@@ -1840,6 +2438,15 @@
1840
2438
  "small"
1841
2439
  ]
1842
2440
  },
2441
+ "ion-input-otp/theme": {
2442
+ "type": "\"ios\" | \"md\" | \"ionic\"",
2443
+ "description": "The theme determines the visual appearance of the component.",
2444
+ "options": [
2445
+ "ios",
2446
+ "md",
2447
+ "ionic"
2448
+ ]
2449
+ },
1843
2450
  "ion-input-otp/type": {
1844
2451
  "type": "\"number\" | \"text\"",
1845
2452
  "description": "The type of input allowed in the input boxes.",
@@ -1908,11 +2515,11 @@
1908
2515
  },
1909
2516
  "ion-item/detail": {
1910
2517
  "type": "boolean | undefined",
1911
- "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.",
2518
+ "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.",
1912
2519
  "options": []
1913
2520
  },
1914
2521
  "ion-item/detail-icon": {
1915
- "type": "string",
2522
+ "type": "string | undefined",
1916
2523
  "description": "The icon to use when `detail` is set to `true`.",
1917
2524
  "options": []
1918
2525
  },
@@ -1942,7 +2549,7 @@
1942
2549
  },
1943
2550
  "ion-item/mode": {
1944
2551
  "type": "\"ios\" | \"md\"",
1945
- "description": "The mode determines which platform styles to use.",
2552
+ "description": "The mode determines the platform behaviors of the component.",
1946
2553
  "options": [
1947
2554
  "ios",
1948
2555
  "md"
@@ -1972,6 +2579,15 @@
1972
2579
  "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
1973
2580
  "options": []
1974
2581
  },
2582
+ "ion-item/theme": {
2583
+ "type": "\"ios\" | \"md\" | \"ionic\"",
2584
+ "description": "The theme determines the visual appearance of the component.",
2585
+ "options": [
2586
+ "ios",
2587
+ "md",
2588
+ "ionic"
2589
+ ]
2590
+ },
1975
2591
  "ion-item/type": {
1976
2592
  "type": "\"button\" | \"reset\" | \"submit\"",
1977
2593
  "description": "The type of the button. Only used when an `onclick` or `button` property is present.",
@@ -1998,7 +2614,7 @@
1998
2614
  },
1999
2615
  "ion-item-divider/mode": {
2000
2616
  "type": "\"ios\" | \"md\"",
2001
- "description": "The mode determines which platform styles to use.",
2617
+ "description": "The mode determines the platform behaviors of the component.",
2002
2618
  "options": [
2003
2619
  "ios",
2004
2620
  "md"
@@ -2009,6 +2625,32 @@
2009
2625
  "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",
2010
2626
  "options": []
2011
2627
  },
2628
+ "ion-item-divider/theme": {
2629
+ "type": "\"ios\" | \"md\" | \"ionic\"",
2630
+ "description": "The theme determines the visual appearance of the component.",
2631
+ "options": [
2632
+ "ios",
2633
+ "md",
2634
+ "ionic"
2635
+ ]
2636
+ },
2637
+ "ion-item-group/mode": {
2638
+ "type": "\"ios\" | \"md\"",
2639
+ "description": "The mode determines the platform behaviors of the component.",
2640
+ "options": [
2641
+ "ios",
2642
+ "md"
2643
+ ]
2644
+ },
2645
+ "ion-item-group/theme": {
2646
+ "type": "\"ios\" | \"md\" | \"ionic\"",
2647
+ "description": "The theme determines the visual appearance of the component.",
2648
+ "options": [
2649
+ "ios",
2650
+ "md",
2651
+ "ionic"
2652
+ ]
2653
+ },
2012
2654
  "ion-item-option/color": {
2013
2655
  "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
2014
2656
  "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).",
@@ -2044,9 +2686,17 @@
2044
2686
  "description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered.",
2045
2687
  "options": []
2046
2688
  },
2689
+ "ion-item-option/hue": {
2690
+ "type": "\"bold\" | \"subtle\" | undefined",
2691
+ "description": "Set to `\"bold\"` for an option with vibrant, bold colors or to `\"subtle\"` for\nan option with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
2692
+ "options": [
2693
+ "bold",
2694
+ "subtle"
2695
+ ]
2696
+ },
2047
2697
  "ion-item-option/mode": {
2048
2698
  "type": "\"ios\" | \"md\"",
2049
- "description": "The mode determines which platform styles to use.",
2699
+ "description": "The mode determines the platform behaviors of the component.",
2050
2700
  "options": [
2051
2701
  "ios",
2052
2702
  "md"
@@ -2057,11 +2707,29 @@
2057
2707
  "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).",
2058
2708
  "options": []
2059
2709
  },
2710
+ "ion-item-option/shape": {
2711
+ "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
2712
+ "description": "Set to `\"rectangular\"` for non-rounded corners.\nSet to `\"soft\"` for slightly rounded corners.\nSet to `\"round\"` for fully rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
2713
+ "options": [
2714
+ "rectangular",
2715
+ "round",
2716
+ "soft"
2717
+ ]
2718
+ },
2060
2719
  "ion-item-option/target": {
2061
2720
  "type": "string | undefined",
2062
2721
  "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
2063
2722
  "options": []
2064
2723
  },
2724
+ "ion-item-option/theme": {
2725
+ "type": "\"ios\" | \"md\" | \"ionic\"",
2726
+ "description": "The theme determines the visual appearance of the component.",
2727
+ "options": [
2728
+ "ios",
2729
+ "md",
2730
+ "ionic"
2731
+ ]
2732
+ },
2065
2733
  "ion-item-option/type": {
2066
2734
  "type": "\"button\" | \"reset\" | \"submit\"",
2067
2735
  "description": "The type of the button.",
@@ -2071,6 +2739,14 @@
2071
2739
  "submit"
2072
2740
  ]
2073
2741
  },
2742
+ "ion-item-options/mode": {
2743
+ "type": "\"ios\" | \"md\"",
2744
+ "description": "The mode determines the platform behaviors of the component.",
2745
+ "options": [
2746
+ "ios",
2747
+ "md"
2748
+ ]
2749
+ },
2074
2750
  "ion-item-options/side": {
2075
2751
  "type": "\"end\" | \"start\"",
2076
2752
  "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.",
@@ -2079,11 +2755,37 @@
2079
2755
  "start"
2080
2756
  ]
2081
2757
  },
2758
+ "ion-item-options/theme": {
2759
+ "type": "\"ios\" | \"md\" | \"ionic\"",
2760
+ "description": "The theme determines the visual appearance of the component.",
2761
+ "options": [
2762
+ "ios",
2763
+ "md",
2764
+ "ionic"
2765
+ ]
2766
+ },
2082
2767
  "ion-item-sliding/disabled": {
2083
2768
  "type": "boolean",
2084
2769
  "description": "If `true`, the user cannot interact with the sliding item.",
2085
2770
  "options": []
2086
2771
  },
2772
+ "ion-item-sliding/mode": {
2773
+ "type": "\"ios\" | \"md\"",
2774
+ "description": "The mode determines the platform behaviors of the component.",
2775
+ "options": [
2776
+ "ios",
2777
+ "md"
2778
+ ]
2779
+ },
2780
+ "ion-item-sliding/theme": {
2781
+ "type": "\"ios\" | \"md\" | \"ionic\"",
2782
+ "description": "The theme determines the visual appearance of the component.",
2783
+ "options": [
2784
+ "ios",
2785
+ "md",
2786
+ "ionic"
2787
+ ]
2788
+ },
2087
2789
  "ion-label/color": {
2088
2790
  "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
2089
2791
  "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).",
@@ -2101,7 +2803,7 @@
2101
2803
  },
2102
2804
  "ion-label/mode": {
2103
2805
  "type": "\"ios\" | \"md\"",
2104
- "description": "The mode determines which platform styles to use.",
2806
+ "description": "The mode determines the platform behaviors of the component.",
2105
2807
  "options": [
2106
2808
  "ios",
2107
2809
  "md"
@@ -2116,6 +2818,15 @@
2116
2818
  "stacked"
2117
2819
  ]
2118
2820
  },
2821
+ "ion-label/theme": {
2822
+ "type": "\"ios\" | \"md\" | \"ionic\"",
2823
+ "description": "The theme determines the visual appearance of the component.",
2824
+ "options": [
2825
+ "ios",
2826
+ "md",
2827
+ "ionic"
2828
+ ]
2829
+ },
2119
2830
  "ion-list/inset": {
2120
2831
  "type": "boolean",
2121
2832
  "description": "If `true`, the list will have margin around it and rounded corners.",
@@ -2132,12 +2843,30 @@
2132
2843
  },
2133
2844
  "ion-list/mode": {
2134
2845
  "type": "\"ios\" | \"md\"",
2135
- "description": "The mode determines which platform styles to use.",
2846
+ "description": "The mode determines the platform behaviors of the component.",
2136
2847
  "options": [
2137
2848
  "ios",
2138
2849
  "md"
2139
2850
  ]
2140
2851
  },
2852
+ "ion-list/shape": {
2853
+ "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
2854
+ "description": "Set to `\"soft\"` for slightly rounded corners,\n`\"round\"` for fully rounded corners,\nor `\"rectangular\"` for no rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme\nwhen inset is `true`\ndefaults to `\"rectangular\"` for the `ionic`\ntheme when inset is `false`,\nundefined for all other themes.",
2855
+ "options": [
2856
+ "rectangular",
2857
+ "round",
2858
+ "soft"
2859
+ ]
2860
+ },
2861
+ "ion-list/theme": {
2862
+ "type": "\"ios\" | \"md\" | \"ionic\"",
2863
+ "description": "The theme determines the visual appearance of the component.",
2864
+ "options": [
2865
+ "ios",
2866
+ "md",
2867
+ "ionic"
2868
+ ]
2869
+ },
2141
2870
  "ion-list-header/color": {
2142
2871
  "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
2143
2872
  "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).",
@@ -2164,12 +2893,21 @@
2164
2893
  },
2165
2894
  "ion-list-header/mode": {
2166
2895
  "type": "\"ios\" | \"md\"",
2167
- "description": "The mode determines which platform styles to use.",
2896
+ "description": "The mode determines the platform behaviors of the component.",
2168
2897
  "options": [
2169
2898
  "ios",
2170
2899
  "md"
2171
2900
  ]
2172
2901
  },
2902
+ "ion-list-header/theme": {
2903
+ "type": "\"ios\" | \"md\" | \"ionic\"",
2904
+ "description": "The theme determines the visual appearance of the component.",
2905
+ "options": [
2906
+ "ios",
2907
+ "md",
2908
+ "ionic"
2909
+ ]
2910
+ },
2173
2911
  "ion-loading/animated": {
2174
2912
  "type": "boolean",
2175
2913
  "description": "If `true`, the loading indicator will animate.",
@@ -2222,7 +2960,7 @@
2222
2960
  },
2223
2961
  "ion-loading/mode": {
2224
2962
  "type": "\"ios\" | \"md\"",
2225
- "description": "The mode determines which platform styles to use.",
2963
+ "description": "The mode determines the platform behaviors of the component.",
2226
2964
  "options": [
2227
2965
  "ios",
2228
2966
  "md"
@@ -2248,9 +2986,18 @@
2248
2986
  "lines-small"
2249
2987
  ]
2250
2988
  },
2989
+ "ion-loading/theme": {
2990
+ "type": "\"ios\" | \"md\" | \"ionic\"",
2991
+ "description": "The theme determines the visual appearance of the component.",
2992
+ "options": [
2993
+ "ios",
2994
+ "md",
2995
+ "ionic"
2996
+ ]
2997
+ },
2251
2998
  "ion-loading/translucent": {
2252
2999
  "type": "boolean",
2253
- "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).",
3000
+ "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).",
2254
3001
  "options": []
2255
3002
  },
2256
3003
  "ion-loading/trigger": {
@@ -2278,6 +3025,14 @@
2278
3025
  "description": "An id for the menu.",
2279
3026
  "options": []
2280
3027
  },
3028
+ "ion-menu/mode": {
3029
+ "type": "\"ios\" | \"md\"",
3030
+ "description": "The mode determines the platform behaviors of the component.",
3031
+ "options": [
3032
+ "ios",
3033
+ "md"
3034
+ ]
3035
+ },
2281
3036
  "ion-menu/side": {
2282
3037
  "type": "\"end\" | \"start\"",
2283
3038
  "description": "Which side of the view the menu should be placed.",
@@ -2291,6 +3046,15 @@
2291
3046
  "description": "If `true`, swiping the menu is enabled.",
2292
3047
  "options": []
2293
3048
  },
3049
+ "ion-menu/theme": {
3050
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3051
+ "description": "The theme determines the visual appearance of the component.",
3052
+ "options": [
3053
+ "ios",
3054
+ "md",
3055
+ "ionic"
3056
+ ]
3057
+ },
2294
3058
  "ion-menu/type": {
2295
3059
  "type": "\"overlay\" | \"push\" | \"reveal\" | undefined",
2296
3060
  "description": "The display type of the menu.\nAvailable options: `\"overlay\"`, `\"reveal\"`, `\"push\"`.",
@@ -2332,12 +3096,21 @@
2332
3096
  },
2333
3097
  "ion-menu-button/mode": {
2334
3098
  "type": "\"ios\" | \"md\"",
2335
- "description": "The mode determines which platform styles to use.",
3099
+ "description": "The mode determines the platform behaviors of the component.",
2336
3100
  "options": [
2337
3101
  "ios",
2338
3102
  "md"
2339
3103
  ]
2340
3104
  },
3105
+ "ion-menu-button/theme": {
3106
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3107
+ "description": "The theme determines the visual appearance of the component.",
3108
+ "options": [
3109
+ "ios",
3110
+ "md",
3111
+ "ionic"
3112
+ ]
3113
+ },
2341
3114
  "ion-menu-button/type": {
2342
3115
  "type": "\"button\" | \"reset\" | \"submit\"",
2343
3116
  "description": "The type of the button.",
@@ -2357,6 +3130,23 @@
2357
3130
  "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.",
2358
3131
  "options": []
2359
3132
  },
3133
+ "ion-menu-toggle/mode": {
3134
+ "type": "\"ios\" | \"md\"",
3135
+ "description": "The mode determines the platform behaviors of the component.",
3136
+ "options": [
3137
+ "ios",
3138
+ "md"
3139
+ ]
3140
+ },
3141
+ "ion-menu-toggle/theme": {
3142
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3143
+ "description": "The theme determines the visual appearance of the component.",
3144
+ "options": [
3145
+ "ios",
3146
+ "md",
3147
+ "ionic"
3148
+ ]
3149
+ },
2360
3150
  "ion-modal/animated": {
2361
3151
  "type": "boolean",
2362
3152
  "description": "If `true`, the modal will animate.",
@@ -2442,7 +3232,7 @@
2442
3232
  },
2443
3233
  "ion-modal/mode": {
2444
3234
  "type": "\"ios\" | \"md\"",
2445
- "description": "The mode determines which platform styles to use.",
3235
+ "description": "The mode determines the platform behaviors of the component.",
2446
3236
  "options": [
2447
3237
  "ios",
2448
3238
  "md"
@@ -2453,11 +3243,29 @@
2453
3243
  "description": "The element that presented the modal. This is used for card presentation effects\nand for stacking multiple modals on top of each other. Only applies in iOS mode.",
2454
3244
  "options": []
2455
3245
  },
3246
+ "ion-modal/shape": {
3247
+ "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
3248
+ "description": "Set to `\"soft\"` for a modal with slightly rounded corners,\n`\"round\"` for a modal with fully rounded corners, or `\"rectangular\"`\nfor a modal without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
3249
+ "options": [
3250
+ "rectangular",
3251
+ "round",
3252
+ "soft"
3253
+ ]
3254
+ },
2456
3255
  "ion-modal/show-backdrop": {
2457
3256
  "type": "boolean",
2458
3257
  "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.",
2459
3258
  "options": []
2460
3259
  },
3260
+ "ion-modal/theme": {
3261
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3262
+ "description": "The theme determines the visual appearance of the component.",
3263
+ "options": [
3264
+ "ios",
3265
+ "md",
3266
+ "ionic"
3267
+ ]
3268
+ },
2461
3269
  "ion-modal/trigger": {
2462
3270
  "type": "string | undefined",
2463
3271
  "description": "An ID corresponding to the trigger element that\ncauses the modal to open when clicked.",
@@ -2470,9 +3278,17 @@
2470
3278
  },
2471
3279
  "ion-nav/animation": {
2472
3280
  "type": "((baseEl: any, opts?: any) => Animation) | undefined",
2473
- "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.",
3281
+ "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.",
2474
3282
  "options": []
2475
3283
  },
3284
+ "ion-nav/mode": {
3285
+ "type": "\"ios\" | \"md\"",
3286
+ "description": "The mode determines the platform behaviors of the component.",
3287
+ "options": [
3288
+ "ios",
3289
+ "md"
3290
+ ]
3291
+ },
2476
3292
  "ion-nav/root": {
2477
3293
  "type": "Function | HTMLElement | ViewController | null | string | undefined",
2478
3294
  "description": "Root NavComponent to load",
@@ -2488,6 +3304,15 @@
2488
3304
  "description": "If the nav component should allow for swipe-to-go-back.",
2489
3305
  "options": []
2490
3306
  },
3307
+ "ion-nav/theme": {
3308
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3309
+ "description": "The theme determines the visual appearance of the component.",
3310
+ "options": [
3311
+ "ios",
3312
+ "md",
3313
+ "ionic"
3314
+ ]
3315
+ },
2491
3316
  "ion-nav-link/component": {
2492
3317
  "type": "Function | HTMLElement | ViewController | null | string | undefined",
2493
3318
  "description": "Component to navigate to. Only used if the `routerDirection` is `\"forward\"` or `\"root\"`.",
@@ -2498,6 +3323,14 @@
2498
3323
  "description": "Data you want to pass to the component as props. Only used if the `\"routerDirection\"` is `\"forward\"` or `\"root\"`.",
2499
3324
  "options": []
2500
3325
  },
3326
+ "ion-nav-link/mode": {
3327
+ "type": "\"ios\" | \"md\"",
3328
+ "description": "The mode determines the platform behaviors of the component.",
3329
+ "options": [
3330
+ "ios",
3331
+ "md"
3332
+ ]
3333
+ },
2501
3334
  "ion-nav-link/router-animation": {
2502
3335
  "type": "((baseEl: any, opts?: any) => Animation) | undefined",
2503
3336
  "description": "The transition animation when navigating to another page.",
@@ -2512,6 +3345,15 @@
2512
3345
  "root"
2513
3346
  ]
2514
3347
  },
3348
+ "ion-nav-link/theme": {
3349
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3350
+ "description": "The theme determines the visual appearance of the component.",
3351
+ "options": [
3352
+ "ios",
3353
+ "md",
3354
+ "ionic"
3355
+ ]
3356
+ },
2515
3357
  "ion-note/color": {
2516
3358
  "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
2517
3359
  "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).",
@@ -2529,21 +3371,39 @@
2529
3371
  },
2530
3372
  "ion-note/mode": {
2531
3373
  "type": "\"ios\" | \"md\"",
2532
- "description": "The mode determines which platform styles to use.",
3374
+ "description": "The mode determines the platform behaviors of the component.",
2533
3375
  "options": [
2534
3376
  "ios",
2535
3377
  "md"
2536
3378
  ]
2537
3379
  },
3380
+ "ion-note/theme": {
3381
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3382
+ "description": "The theme determines the visual appearance of the component.",
3383
+ "options": [
3384
+ "ios",
3385
+ "md",
3386
+ "ionic"
3387
+ ]
3388
+ },
2538
3389
  "ion-picker/mode": {
2539
3390
  "type": "\"ios\" | \"md\"",
2540
- "description": "The mode determines which platform styles to use.",
3391
+ "description": "The mode determines the platform behaviors of the component.",
2541
3392
  "options": [
2542
3393
  "ios",
2543
3394
  "md"
2544
3395
  ]
2545
3396
  },
2546
- "ion-picker-column/color": {
3397
+ "ion-picker/theme": {
3398
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3399
+ "description": "The theme determines the visual appearance of the component.",
3400
+ "options": [
3401
+ "ios",
3402
+ "md",
3403
+ "ionic"
3404
+ ]
3405
+ },
3406
+ "ion-picker-column/color": {
2547
3407
  "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
2548
3408
  "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).",
2549
3409
  "options": [
@@ -2565,12 +3425,21 @@
2565
3425
  },
2566
3426
  "ion-picker-column/mode": {
2567
3427
  "type": "\"ios\" | \"md\"",
2568
- "description": "The mode determines which platform styles to use.",
3428
+ "description": "The mode determines the platform behaviors of the component.",
2569
3429
  "options": [
2570
3430
  "ios",
2571
3431
  "md"
2572
3432
  ]
2573
3433
  },
3434
+ "ion-picker-column/theme": {
3435
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3436
+ "description": "The theme determines the visual appearance of the component.",
3437
+ "options": [
3438
+ "ios",
3439
+ "md",
3440
+ "ionic"
3441
+ ]
3442
+ },
2574
3443
  "ion-picker-column/value": {
2575
3444
  "type": "number | string | undefined",
2576
3445
  "description": "The selected option in the picker.",
@@ -2596,14 +3465,113 @@
2596
3465
  "description": "If `true`, the user cannot interact with the picker column option.",
2597
3466
  "options": []
2598
3467
  },
3468
+ "ion-picker-column-option/mode": {
3469
+ "type": "\"ios\" | \"md\"",
3470
+ "description": "The mode determines the platform behaviors of the component.",
3471
+ "options": [
3472
+ "ios",
3473
+ "md"
3474
+ ]
3475
+ },
3476
+ "ion-picker-column-option/theme": {
3477
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3478
+ "description": "The theme determines the visual appearance of the component.",
3479
+ "options": [
3480
+ "ios",
3481
+ "md",
3482
+ "ionic"
3483
+ ]
3484
+ },
2599
3485
  "ion-picker-column-option/value": {
2600
3486
  "type": "any",
2601
3487
  "description": "The text value of the option.",
2602
3488
  "options": []
2603
3489
  },
3490
+ "ion-picker-legacy/animated": {
3491
+ "type": "boolean",
3492
+ "description": "If `true`, the picker will animate.",
3493
+ "options": []
3494
+ },
3495
+ "ion-picker-legacy/backdrop-dismiss": {
3496
+ "type": "boolean",
3497
+ "description": "If `true`, the picker will be dismissed when the backdrop is clicked.",
3498
+ "options": []
3499
+ },
3500
+ "ion-picker-legacy/buttons": {
3501
+ "type": "PickerButton[]",
3502
+ "description": "Array of buttons to be displayed at the top of the picker.",
3503
+ "options": []
3504
+ },
3505
+ "ion-picker-legacy/columns": {
3506
+ "type": "PickerColumn[]",
3507
+ "description": "Array of columns to be displayed in the picker.",
3508
+ "options": []
3509
+ },
3510
+ "ion-picker-legacy/css-class": {
3511
+ "type": "string | string[] | undefined",
3512
+ "description": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces.",
3513
+ "options": []
3514
+ },
3515
+ "ion-picker-legacy/duration": {
3516
+ "type": "number",
3517
+ "description": "Number of milliseconds to wait before dismissing the picker.",
3518
+ "options": []
3519
+ },
3520
+ "ion-picker-legacy/enter-animation": {
3521
+ "type": "((baseEl: any, opts?: any) => Animation) | undefined",
3522
+ "description": "Animation to use when the picker is presented.",
3523
+ "options": []
3524
+ },
3525
+ "ion-picker-legacy/html-attributes": {
3526
+ "type": "undefined | { [key: string]: any; }",
3527
+ "description": "Additional attributes to pass to the picker.",
3528
+ "options": []
3529
+ },
3530
+ "ion-picker-legacy/is-open": {
3531
+ "type": "boolean",
3532
+ "description": "If `true`, the picker will open. If `false`, the picker will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the pickerController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe picker dismisses. You will need to do that in your code.",
3533
+ "options": []
3534
+ },
3535
+ "ion-picker-legacy/keyboard-close": {
3536
+ "type": "boolean",
3537
+ "description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented.",
3538
+ "options": []
3539
+ },
3540
+ "ion-picker-legacy/leave-animation": {
3541
+ "type": "((baseEl: any, opts?: any) => Animation) | undefined",
3542
+ "description": "Animation to use when the picker is dismissed.",
3543
+ "options": []
3544
+ },
3545
+ "ion-picker-legacy/mode": {
3546
+ "type": "\"ios\" | \"md\"",
3547
+ "description": "The mode determines the platform behaviors of the component.",
3548
+ "options": [
3549
+ "ios",
3550
+ "md"
3551
+ ]
3552
+ },
3553
+ "ion-picker-legacy/show-backdrop": {
3554
+ "type": "boolean",
3555
+ "description": "If `true`, a backdrop will be displayed behind the picker.",
3556
+ "options": []
3557
+ },
3558
+ "ion-picker-legacy/theme": {
3559
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3560
+ "description": "The theme determines the visual appearance of the component.",
3561
+ "options": [
3562
+ "ios",
3563
+ "md",
3564
+ "ionic"
3565
+ ]
3566
+ },
3567
+ "ion-picker-legacy/trigger": {
3568
+ "type": "string | undefined",
3569
+ "description": "An ID corresponding to the trigger element that\ncauses the picker to open when clicked.",
3570
+ "options": []
3571
+ },
2604
3572
  "ion-popover/alignment": {
2605
3573
  "type": "\"center\" | \"end\" | \"start\" | undefined",
2606
- "description": "Describes how to align the popover content with the `reference` point.\nDefaults to `\"center\"` for `ios` mode, and `\"start\"` for `md` mode.",
3574
+ "description": "Describes how to align the popover content with the `reference` point.\nDefaults to `\"center\"` for `\"ios\"` theme, and `\"start\"` for `\"md\"` theme.",
2607
3575
  "options": [
2608
3576
  "center",
2609
3577
  "end",
@@ -2617,7 +3585,7 @@
2617
3585
  },
2618
3586
  "ion-popover/arrow": {
2619
3587
  "type": "boolean",
2620
- "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.",
3588
+ "description": "If `true`, the popover will display an arrow that points at the\n`reference` on `\"ios\"` theme.",
2621
3589
  "options": []
2622
3590
  },
2623
3591
  "ion-popover/backdrop-dismiss": {
@@ -2682,7 +3650,7 @@
2682
3650
  },
2683
3651
  "ion-popover/mode": {
2684
3652
  "type": "\"ios\" | \"md\"",
2685
- "description": "The mode determines which platform styles to use.",
3653
+ "description": "The mode determines the platform behaviors of the component.",
2686
3654
  "options": [
2687
3655
  "ios",
2688
3656
  "md"
@@ -2721,9 +3689,18 @@
2721
3689
  "cover"
2722
3690
  ]
2723
3691
  },
3692
+ "ion-popover/theme": {
3693
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3694
+ "description": "The theme determines the visual appearance of the component.",
3695
+ "options": [
3696
+ "ios",
3697
+ "md",
3698
+ "ionic"
3699
+ ]
3700
+ },
2724
3701
  "ion-popover/translucent": {
2725
3702
  "type": "boolean",
2726
- "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).",
3703
+ "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).",
2727
3704
  "options": []
2728
3705
  },
2729
3706
  "ion-popover/trigger": {
@@ -2762,7 +3739,7 @@
2762
3739
  },
2763
3740
  "ion-progress-bar/mode": {
2764
3741
  "type": "\"ios\" | \"md\"",
2765
- "description": "The mode determines which platform styles to use.",
3742
+ "description": "The mode determines the platform behaviors of the component.",
2766
3743
  "options": [
2767
3744
  "ios",
2768
3745
  "md"
@@ -2773,6 +3750,23 @@
2773
3750
  "description": "If true, reverse the progress bar direction.",
2774
3751
  "options": []
2775
3752
  },
3753
+ "ion-progress-bar/shape": {
3754
+ "type": "\"rectangular\" | \"round\" | undefined",
3755
+ "description": "Set to `\"round\"` for a progress bar with rounded corners, or `\"rectangular\"`\nfor a progress bar without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
3756
+ "options": [
3757
+ "rectangular",
3758
+ "round"
3759
+ ]
3760
+ },
3761
+ "ion-progress-bar/theme": {
3762
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3763
+ "description": "The theme determines the visual appearance of the component.",
3764
+ "options": [
3765
+ "ios",
3766
+ "md",
3767
+ "ionic"
3768
+ ]
3769
+ },
2776
3770
  "ion-progress-bar/type": {
2777
3771
  "type": "\"determinate\" | \"indeterminate\"",
2778
3772
  "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).",
@@ -2835,7 +3829,7 @@
2835
3829
  },
2836
3830
  "ion-radio/mode": {
2837
3831
  "type": "\"ios\" | \"md\"",
2838
- "description": "The mode determines which platform styles to use.",
3832
+ "description": "The mode determines the platform behaviors of the component.",
2839
3833
  "options": [
2840
3834
  "ios",
2841
3835
  "md"
@@ -2846,6 +3840,15 @@
2846
3840
  "description": "The name of the control, which is submitted with the form data.",
2847
3841
  "options": []
2848
3842
  },
3843
+ "ion-radio/theme": {
3844
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3845
+ "description": "The theme determines the visual appearance of the component.",
3846
+ "options": [
3847
+ "ios",
3848
+ "md",
3849
+ "ionic"
3850
+ ]
3851
+ },
2849
3852
  "ion-radio/value": {
2850
3853
  "type": "any",
2851
3854
  "description": "the value of the radio.",
@@ -2871,11 +3874,28 @@
2871
3874
  "description": "The helper text to display at the top of the radio group.",
2872
3875
  "options": []
2873
3876
  },
3877
+ "ion-radio-group/mode": {
3878
+ "type": "\"ios\" | \"md\"",
3879
+ "description": "The mode determines the platform behaviors of the component.",
3880
+ "options": [
3881
+ "ios",
3882
+ "md"
3883
+ ]
3884
+ },
2874
3885
  "ion-radio-group/name": {
2875
3886
  "type": "string",
2876
3887
  "description": "The name of the control, which is submitted with the form data.",
2877
3888
  "options": []
2878
3889
  },
3890
+ "ion-radio-group/theme": {
3891
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3892
+ "description": "The theme determines the visual appearance of the component.",
3893
+ "options": [
3894
+ "ios",
3895
+ "md",
3896
+ "ionic"
3897
+ ]
3898
+ },
2879
3899
  "ion-radio-group/value": {
2880
3900
  "type": "any",
2881
3901
  "description": "the value of the radio group.",
@@ -2943,7 +3963,7 @@
2943
3963
  },
2944
3964
  "ion-range/mode": {
2945
3965
  "type": "\"ios\" | \"md\"",
2946
- "description": "The mode determines which platform styles to use.",
3966
+ "description": "The mode determines the platform behaviors of the component.",
2947
3967
  "options": [
2948
3968
  "ios",
2949
3969
  "md"
@@ -2974,6 +3994,15 @@
2974
3994
  "description": "Specifies the value granularity.",
2975
3995
  "options": []
2976
3996
  },
3997
+ "ion-range/theme": {
3998
+ "type": "\"ios\" | \"md\" | \"ionic\"",
3999
+ "description": "The theme determines the visual appearance of the component.",
4000
+ "options": [
4001
+ "ios",
4002
+ "md",
4003
+ "ionic"
4004
+ ]
4005
+ },
2977
4006
  "ion-range/ticks": {
2978
4007
  "type": "boolean",
2979
4008
  "description": "If `true`, tick marks are displayed based on the step value.\nOnly applies when `snaps` is `true`.",
@@ -2996,7 +4025,7 @@
2996
4025
  },
2997
4026
  "ion-refresher/mode": {
2998
4027
  "type": "\"ios\" | \"md\"",
2999
- "description": "The mode determines which platform styles to use.",
4028
+ "description": "The mode determines the platform behaviors of the component.",
3000
4029
  "options": [
3001
4030
  "ios",
3002
4031
  "md"
@@ -3022,6 +4051,23 @@
3022
4051
  "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.",
3023
4052
  "options": []
3024
4053
  },
4054
+ "ion-refresher/theme": {
4055
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4056
+ "description": "The theme determines the visual appearance of the component.",
4057
+ "options": [
4058
+ "ios",
4059
+ "md",
4060
+ "ionic"
4061
+ ]
4062
+ },
4063
+ "ion-refresher-content/mode": {
4064
+ "type": "\"ios\" | \"md\"",
4065
+ "description": "The mode determines the platform behaviors of the component.",
4066
+ "options": [
4067
+ "ios",
4068
+ "md"
4069
+ ]
4070
+ },
3025
4071
  "ion-refresher-content/pulling-icon": {
3026
4072
  "type": "null | string | undefined",
3027
4073
  "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.",
@@ -3052,11 +4098,71 @@
3052
4098
  "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.",
3053
4099
  "options": []
3054
4100
  },
4101
+ "ion-refresher-content/theme": {
4102
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4103
+ "description": "The theme determines the visual appearance of the component.",
4104
+ "options": [
4105
+ "ios",
4106
+ "md",
4107
+ "ionic"
4108
+ ]
4109
+ },
4110
+ "ion-reorder/mode": {
4111
+ "type": "\"ios\" | \"md\"",
4112
+ "description": "The mode determines the platform behaviors of the component.",
4113
+ "options": [
4114
+ "ios",
4115
+ "md"
4116
+ ]
4117
+ },
4118
+ "ion-reorder/theme": {
4119
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4120
+ "description": "The theme determines the visual appearance of the component.",
4121
+ "options": [
4122
+ "ios",
4123
+ "md",
4124
+ "ionic"
4125
+ ]
4126
+ },
3055
4127
  "ion-reorder-group/disabled": {
3056
4128
  "type": "boolean",
3057
4129
  "description": "If `true`, the reorder will be hidden.",
3058
4130
  "options": []
3059
4131
  },
4132
+ "ion-reorder-group/mode": {
4133
+ "type": "\"ios\" | \"md\"",
4134
+ "description": "The mode determines the platform behaviors of the component.",
4135
+ "options": [
4136
+ "ios",
4137
+ "md"
4138
+ ]
4139
+ },
4140
+ "ion-reorder-group/theme": {
4141
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4142
+ "description": "The theme determines the visual appearance of the component.",
4143
+ "options": [
4144
+ "ios",
4145
+ "md",
4146
+ "ionic"
4147
+ ]
4148
+ },
4149
+ "ion-ripple-effect/mode": {
4150
+ "type": "\"ios\" | \"md\"",
4151
+ "description": "The mode determines the platform behaviors of the component.",
4152
+ "options": [
4153
+ "ios",
4154
+ "md"
4155
+ ]
4156
+ },
4157
+ "ion-ripple-effect/theme": {
4158
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4159
+ "description": "The theme determines the visual appearance of the component.",
4160
+ "options": [
4161
+ "ios",
4162
+ "md",
4163
+ "ionic"
4164
+ ]
4165
+ },
3060
4166
  "ion-ripple-effect/type": {
3061
4167
  "type": "\"bounded\" | \"unbounded\"",
3062
4168
  "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.",
@@ -3085,6 +4191,23 @@
3085
4191
  "description": "A key value `{ 'red': true, 'blue': 'white'}` containing props that should be passed\nto the defined component when rendered.",
3086
4192
  "options": []
3087
4193
  },
4194
+ "ion-route/mode": {
4195
+ "type": "\"ios\" | \"md\"",
4196
+ "description": "The mode determines the platform behaviors of the component.",
4197
+ "options": [
4198
+ "ios",
4199
+ "md"
4200
+ ]
4201
+ },
4202
+ "ion-route/theme": {
4203
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4204
+ "description": "The theme determines the visual appearance of the component.",
4205
+ "options": [
4206
+ "ios",
4207
+ "md",
4208
+ "ionic"
4209
+ ]
4210
+ },
3088
4211
  "ion-route/url": {
3089
4212
  "type": "string",
3090
4213
  "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.",
@@ -3100,11 +4223,28 @@
3100
4223
  "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.",
3101
4224
  "options": []
3102
4225
  },
4226
+ "ion-router/mode": {
4227
+ "type": "\"ios\" | \"md\"",
4228
+ "description": "The mode determines the platform behaviors of the component.",
4229
+ "options": [
4230
+ "ios",
4231
+ "md"
4232
+ ]
4233
+ },
3103
4234
  "ion-router/root": {
3104
4235
  "type": "string",
3105
4236
  "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.",
3106
4237
  "options": []
3107
4238
  },
4239
+ "ion-router/theme": {
4240
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4241
+ "description": "The theme determines the visual appearance of the component.",
4242
+ "options": [
4243
+ "ios",
4244
+ "md",
4245
+ "ionic"
4246
+ ]
4247
+ },
3108
4248
  "ion-router/use-hash": {
3109
4249
  "type": "boolean",
3110
4250
  "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.",
@@ -3130,6 +4270,14 @@
3130
4270
  "description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered.",
3131
4271
  "options": []
3132
4272
  },
4273
+ "ion-router-link/mode": {
4274
+ "type": "\"ios\" | \"md\"",
4275
+ "description": "The mode determines the platform behaviors of the component.",
4276
+ "options": [
4277
+ "ios",
4278
+ "md"
4279
+ ]
4280
+ },
3133
4281
  "ion-router-link/rel": {
3134
4282
  "type": "string | undefined",
3135
4283
  "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).",
@@ -3154,6 +4302,15 @@
3154
4302
  "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
3155
4303
  "options": []
3156
4304
  },
4305
+ "ion-router-link/theme": {
4306
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4307
+ "description": "The theme determines the visual appearance of the component.",
4308
+ "options": [
4309
+ "ios",
4310
+ "md",
4311
+ "ionic"
4312
+ ]
4313
+ },
3157
4314
  "ion-router-outlet/animated": {
3158
4315
  "type": "boolean",
3159
4316
  "description": "If `true`, the router-outlet should animate the transition of components.",
@@ -3166,16 +4323,37 @@
3166
4323
  },
3167
4324
  "ion-router-outlet/mode": {
3168
4325
  "type": "\"ios\" | \"md\"",
3169
- "description": "The mode determines which platform styles to use.",
4326
+ "description": "The mode determines the platform behaviors of the component.",
3170
4327
  "options": [
3171
4328
  "ios",
3172
4329
  "md"
3173
4330
  ]
3174
4331
  },
3175
- "ion-router-outlet/swipe-gesture": {
3176
- "type": "boolean | undefined",
3177
- "description": "If `true`, the router-outlet should allow navigation via swipe-to-go-back gesture.\nDefaults to `true` for `\"ios\"` mode and `false` for `\"md\"` mode.",
3178
- "options": []
4332
+ "ion-router-outlet/theme": {
4333
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4334
+ "description": "The theme determines the visual appearance of the component.",
4335
+ "options": [
4336
+ "ios",
4337
+ "md",
4338
+ "ionic"
4339
+ ]
4340
+ },
4341
+ "ion-row/mode": {
4342
+ "type": "\"ios\" | \"md\"",
4343
+ "description": "The mode determines the platform behaviors of the component.",
4344
+ "options": [
4345
+ "ios",
4346
+ "md"
4347
+ ]
4348
+ },
4349
+ "ion-row/theme": {
4350
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4351
+ "description": "The theme determines the visual appearance of the component.",
4352
+ "options": [
4353
+ "ios",
4354
+ "md",
4355
+ "ionic"
4356
+ ]
3179
4357
  },
3180
4358
  "ion-searchbar/animated": {
3181
4359
  "type": "boolean",
@@ -3256,18 +4434,18 @@
3256
4434
  ]
3257
4435
  },
3258
4436
  "ion-searchbar/cancel-button-icon": {
3259
- "type": "string",
3260
- "description": "Set the cancel button icon. Only applies to `md` mode.\nDefaults to `arrow-back-sharp`.",
4437
+ "type": "string | undefined",
4438
+ "description": "Set the cancel button icon. Only available when the theme is `\"md\"`.\nDefaults to `\"arrow-back-sharp\"`.",
3261
4439
  "options": []
3262
4440
  },
3263
4441
  "ion-searchbar/cancel-button-text": {
3264
4442
  "type": "string",
3265
- "description": "Set the cancel button text. Only applies to `ios` mode.",
4443
+ "description": "Set the cancel button text. Only available when the theme is `\"ios\"`.",
3266
4444
  "options": []
3267
4445
  },
3268
4446
  "ion-searchbar/clear-icon": {
3269
4447
  "type": "string | undefined",
3270
- "description": "Set the clear icon. Defaults to `close-circle` for `ios` and `close-sharp` for `md`.",
4448
+ "description": "Set the clear icon. Defaults to `\"close-circle\"` for `\"ios\"` theme and `\"close-sharp\"` for `\"md\"` and `\"ionic\"` theme.",
3271
4449
  "options": []
3272
4450
  },
3273
4451
  "ion-searchbar/color": {
@@ -3334,7 +4512,7 @@
3334
4512
  },
3335
4513
  "ion-searchbar/mode": {
3336
4514
  "type": "\"ios\" | \"md\"",
3337
- "description": "The mode determines which platform styles to use.",
4515
+ "description": "The mode determines the platform behaviors of the component.",
3338
4516
  "options": [
3339
4517
  "ios",
3340
4518
  "md"
@@ -3351,10 +4529,19 @@
3351
4529
  "options": []
3352
4530
  },
3353
4531
  "ion-searchbar/search-icon": {
3354
- "type": "string | undefined",
3355
- "description": "The icon to use as the search icon. Defaults to `search-outline` in\n`ios` mode and `search-sharp` in `md` mode.",
4532
+ "type": "boolean | string | undefined",
4533
+ "description": "The icon to use as the search icon. Defaults to `\"search-outline\"` in\nthe `\"ios\"` theme and `\"search-sharp\"` in the `\"md\"` and `\"ionic\"` themes.\nIf `false`, no search icon will be displayed.",
3356
4534
  "options": []
3357
4535
  },
4536
+ "ion-searchbar/shape": {
4537
+ "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
4538
+ "description": "Set to `\"soft\"` for a searchbar with slightly rounded corners,\n`\"round\"` for a searchbar with fully rounded corners,\nor `\"rectangular\"` for a searchbar without rounded corners.\n\nDefaults to `\"round\"` for the ionic theme, and `undefined` for all other themes.",
4539
+ "options": [
4540
+ "rectangular",
4541
+ "round",
4542
+ "soft"
4543
+ ]
4544
+ },
3358
4545
  "ion-searchbar/show-cancel-button": {
3359
4546
  "type": "\"always\" | \"focus\" | \"never\"",
3360
4547
  "description": "Sets the behavior for the cancel button. Defaults to `\"never\"`.\nSetting to `\"focus\"` shows the cancel button on focus.\nSetting to `\"never\"` hides the cancel button.\nSetting to `\"always\"` shows the cancel button regardless\nof focus state.",
@@ -3373,11 +4560,29 @@
3373
4560
  "never"
3374
4561
  ]
3375
4562
  },
4563
+ "ion-searchbar/size": {
4564
+ "type": "\"large\" | \"medium\" | \"small\" | undefined",
4565
+ "description": "Set to `\"large\"` for a searchbar with an increase in height,\nwhile \"small\" and \"medium\" provide progressively smaller heights.\n\nDefaults to `\"medium\"` for the ionic theme, and `undefined` for all other themes.",
4566
+ "options": [
4567
+ "large",
4568
+ "medium",
4569
+ "small"
4570
+ ]
4571
+ },
3376
4572
  "ion-searchbar/spellcheck": {
3377
4573
  "type": "boolean",
3378
4574
  "description": "If `true`, enable spellcheck on the input.",
3379
4575
  "options": []
3380
4576
  },
4577
+ "ion-searchbar/theme": {
4578
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4579
+ "description": "The theme determines the visual appearance of the component.",
4580
+ "options": [
4581
+ "ios",
4582
+ "md",
4583
+ "ionic"
4584
+ ]
4585
+ },
3381
4586
  "ion-searchbar/type": {
3382
4587
  "type": "\"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"",
3383
4588
  "description": "Set the type of the input.",
@@ -3418,7 +4623,7 @@
3418
4623
  },
3419
4624
  "ion-segment/mode": {
3420
4625
  "type": "\"ios\" | \"md\"",
3421
- "description": "The mode determines which platform styles to use.",
4626
+ "description": "The mode determines the platform behaviors of the component.",
3422
4627
  "options": [
3423
4628
  "ios",
3424
4629
  "md"
@@ -3439,6 +4644,15 @@
3439
4644
  "description": "If `true`, users will be able to swipe between segment buttons to activate them.",
3440
4645
  "options": []
3441
4646
  },
4647
+ "ion-segment/theme": {
4648
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4649
+ "description": "The theme determines the visual appearance of the component.",
4650
+ "options": [
4651
+ "ios",
4652
+ "md",
4653
+ "ionic"
4654
+ ]
4655
+ },
3442
4656
  "ion-segment/value": {
3443
4657
  "type": "number | string | undefined",
3444
4658
  "description": "the value of the segment.",
@@ -3468,12 +4682,21 @@
3468
4682
  },
3469
4683
  "ion-segment-button/mode": {
3470
4684
  "type": "\"ios\" | \"md\"",
3471
- "description": "The mode determines which platform styles to use.",
4685
+ "description": "The mode determines the platform behaviors of the component.",
3472
4686
  "options": [
3473
4687
  "ios",
3474
4688
  "md"
3475
4689
  ]
3476
4690
  },
4691
+ "ion-segment-button/theme": {
4692
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4693
+ "description": "The theme determines the visual appearance of the component.",
4694
+ "options": [
4695
+ "ios",
4696
+ "md",
4697
+ "ionic"
4698
+ ]
4699
+ },
3477
4700
  "ion-segment-button/type": {
3478
4701
  "type": "\"button\" | \"reset\" | \"submit\"",
3479
4702
  "description": "The type of the button.",
@@ -3498,6 +4721,11 @@
3498
4721
  "description": "If `true`, users will be able to swipe the segment view to navigate between segment contents.",
3499
4722
  "options": []
3500
4723
  },
4724
+ "ion-select/cancel-icon": {
4725
+ "type": "boolean",
4726
+ "description": "If `true`, the cancel button will display an icon instead of the `cancelText`.\nOnly applies when `interface` is set to `\"modal\"`. Has no effect on `\"action-sheet\"`,\n`\"alert\"`, or `\"popover\"` interfaces.\nWhen `cancelIcon` is `true`, the `cancelText` property is ignored for display\nbut is used as the accessible label for the icon button.",
4727
+ "options": []
4728
+ },
3501
4729
  "ion-select/cancel-text": {
3502
4730
  "type": "string",
3503
4731
  "description": "The text to display on the cancel button.",
@@ -3535,12 +4763,12 @@
3535
4763
  },
3536
4764
  "ion-select/expanded-icon": {
3537
4765
  "type": "string | undefined",
3538
- "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.",
4766
+ "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.",
3539
4767
  "options": []
3540
4768
  },
3541
4769
  "ion-select/fill": {
3542
4770
  "type": "\"outline\" | \"solid\" | undefined",
3543
- "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.",
4771
+ "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.",
3544
4772
  "options": [
3545
4773
  "outline",
3546
4774
  "solid"
@@ -3593,7 +4821,7 @@
3593
4821
  },
3594
4822
  "ion-select/mode": {
3595
4823
  "type": "\"ios\" | \"md\"",
3596
- "description": "The mode determines which platform styles to use.",
4824
+ "description": "The mode determines the platform behaviors of the component.",
3597
4825
  "options": [
3598
4826
  "ios",
3599
4827
  "md"
@@ -3630,15 +4858,35 @@
3630
4858
  "options": []
3631
4859
  },
3632
4860
  "ion-select/shape": {
3633
- "type": "\"round\" | undefined",
3634
- "description": "The shape of the select. If \"round\" it will have an increased border radius.",
4861
+ "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
4862
+ "description": "Set to `\"soft\"` for a select with slightly rounded corners,\n`\"round\"` for a select with fully rounded corners,\nor `\"rectangular\"` for a select without rounded corners.\n\nDefaults to `\"round\"` for the `\"ionic\"` theme, undefined for all other themes.",
3635
4863
  "options": [
3636
- "round"
4864
+ "rectangular",
4865
+ "round",
4866
+ "soft"
4867
+ ]
4868
+ },
4869
+ "ion-select/size": {
4870
+ "type": "\"large\" | \"medium\" | \"small\" | undefined",
4871
+ "description": "The size of the select. If \"large\" it will increase the height of the select, while\n\"small\" and \"medium\" provide progressively smaller heights.\n\nDefaults to `\"medium\"` for the ionic theme, and undefined for all other themes.",
4872
+ "options": [
4873
+ "large",
4874
+ "medium",
4875
+ "small"
4876
+ ]
4877
+ },
4878
+ "ion-select/theme": {
4879
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4880
+ "description": "The theme determines the visual appearance of the component.",
4881
+ "options": [
4882
+ "ios",
4883
+ "md",
4884
+ "ionic"
3637
4885
  ]
3638
4886
  },
3639
4887
  "ion-select/toggle-icon": {
3640
4888
  "type": "string | undefined",
3641
- "description": "The toggle icon to use. Defaults to `chevronExpand` for `ios` mode,\nor `caretDownSharp` for `md` mode.",
4889
+ "description": "The toggle icon to use. Defaults to `\"chevronExpand\"` for the `\"ios\"` theme,\nor `\"caretDownSharp\"` for the `\"md\"` and `\"ionic\"` themes.",
3642
4890
  "options": []
3643
4891
  },
3644
4892
  "ion-select/value": {
@@ -3646,6 +4894,11 @@
3646
4894
  "description": "The value of the select.",
3647
4895
  "options": []
3648
4896
  },
4897
+ "ion-select-modal/cancel-icon": {
4898
+ "type": "boolean",
4899
+ "description": "If `true`, the cancel button will display a close icon instead of the `cancelText`.\nWhen `cancelIcon` is `true`, `cancelText` is not displayed visually but is still used\nas the accessible label (`aria-label`) for the button.",
4900
+ "options": []
4901
+ },
3649
4902
  "ion-select-modal/cancel-text": {
3650
4903
  "type": "string",
3651
4904
  "description": "The text to display on the cancel button.",
@@ -3666,11 +4919,33 @@
3666
4919
  "description": "",
3667
4920
  "options": []
3668
4921
  },
4922
+ "ion-select-option/description": {
4923
+ "type": "string | undefined",
4924
+ "description": "Text that is placed underneath the option text to provide additional details about the option.",
4925
+ "options": []
4926
+ },
3669
4927
  "ion-select-option/disabled": {
3670
4928
  "type": "boolean",
3671
4929
  "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.",
3672
4930
  "options": []
3673
4931
  },
4932
+ "ion-select-option/mode": {
4933
+ "type": "\"ios\" | \"md\"",
4934
+ "description": "The mode determines the platform behaviors of the component.",
4935
+ "options": [
4936
+ "ios",
4937
+ "md"
4938
+ ]
4939
+ },
4940
+ "ion-select-option/theme": {
4941
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4942
+ "description": "The theme determines the visual appearance of the component.",
4943
+ "options": [
4944
+ "ios",
4945
+ "md",
4946
+ "ionic"
4947
+ ]
4948
+ },
3674
4949
  "ion-select-option/value": {
3675
4950
  "type": "any",
3676
4951
  "description": "The text value of the option.",
@@ -3681,6 +4956,23 @@
3681
4956
  "description": "If `true`, the skeleton text will animate.",
3682
4957
  "options": []
3683
4958
  },
4959
+ "ion-skeleton-text/mode": {
4960
+ "type": "\"ios\" | \"md\"",
4961
+ "description": "The mode determines the platform behaviors of the component.",
4962
+ "options": [
4963
+ "ios",
4964
+ "md"
4965
+ ]
4966
+ },
4967
+ "ion-skeleton-text/theme": {
4968
+ "type": "\"ios\" | \"md\" | \"ionic\"",
4969
+ "description": "The theme determines the visual appearance of the component.",
4970
+ "options": [
4971
+ "ios",
4972
+ "md",
4973
+ "ionic"
4974
+ ]
4975
+ },
3684
4976
  "ion-spinner/color": {
3685
4977
  "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
3686
4978
  "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).",
@@ -3701,6 +4993,14 @@
3701
4993
  "description": "Duration of the spinner animation in milliseconds. The default varies based on the spinner.",
3702
4994
  "options": []
3703
4995
  },
4996
+ "ion-spinner/mode": {
4997
+ "type": "\"ios\" | \"md\"",
4998
+ "description": "The mode determines the platform behaviors of the component.",
4999
+ "options": [
5000
+ "ios",
5001
+ "md"
5002
+ ]
5003
+ },
3704
5004
  "ion-spinner/name": {
3705
5005
  "type": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-sharp\" | \"lines-sharp-small\" | \"lines-small\" | undefined",
3706
5006
  "description": "The name of the SVG spinner to use. If a name is not provided, the platform's default\nspinner will be used.",
@@ -3721,6 +5021,26 @@
3721
5021
  "description": "If `true`, the spinner's animation will be paused.",
3722
5022
  "options": []
3723
5023
  },
5024
+ "ion-spinner/size": {
5025
+ "type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | undefined",
5026
+ "description": "Set to `\"xsmall\"` for the smallest size.\nSet to `\"small\"` for a smaller size.\nSet to `\"medium\"` for a medium size.\nSet to `\"large\"` for a large size.\nSet to `\"xlarge\"` for the largest size.\n\nDefaults to `\"xsmall\"` for the `ionic` theme, undefined for all other themes.",
5027
+ "options": [
5028
+ "large",
5029
+ "medium",
5030
+ "small",
5031
+ "xlarge",
5032
+ "xsmall"
5033
+ ]
5034
+ },
5035
+ "ion-spinner/theme": {
5036
+ "type": "\"ios\" | \"md\" | \"ionic\"",
5037
+ "description": "The theme determines the visual appearance of the component.",
5038
+ "options": [
5039
+ "ios",
5040
+ "md",
5041
+ "ionic"
5042
+ ]
5043
+ },
3724
5044
  "ion-split-pane/content-id": {
3725
5045
  "type": "string | undefined",
3726
5046
  "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`.",
@@ -3731,6 +5051,23 @@
3731
5051
  "description": "If `true`, the split pane will be hidden.",
3732
5052
  "options": []
3733
5053
  },
5054
+ "ion-split-pane/mode": {
5055
+ "type": "\"ios\" | \"md\"",
5056
+ "description": "The mode determines the platform behaviors of the component.",
5057
+ "options": [
5058
+ "ios",
5059
+ "md"
5060
+ ]
5061
+ },
5062
+ "ion-split-pane/theme": {
5063
+ "type": "\"ios\" | \"md\" | \"ionic\"",
5064
+ "description": "The theme determines the visual appearance of the component.",
5065
+ "options": [
5066
+ "ios",
5067
+ "md",
5068
+ "ionic"
5069
+ ]
5070
+ },
3734
5071
  "ion-split-pane/when": {
3735
5072
  "type": "boolean | string",
3736
5073
  "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.",
@@ -3741,11 +5078,28 @@
3741
5078
  "description": "The component to display inside of the tab.",
3742
5079
  "options": []
3743
5080
  },
5081
+ "ion-tab/mode": {
5082
+ "type": "\"ios\" | \"md\"",
5083
+ "description": "The mode determines the platform behaviors of the component.",
5084
+ "options": [
5085
+ "ios",
5086
+ "md"
5087
+ ]
5088
+ },
3744
5089
  "ion-tab/tab": {
3745
5090
  "type": "string",
3746
5091
  "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.",
3747
5092
  "options": []
3748
5093
  },
5094
+ "ion-tab/theme": {
5095
+ "type": "\"ios\" | \"md\" | \"ionic\"",
5096
+ "description": "The theme determines the visual appearance of the component.",
5097
+ "options": [
5098
+ "ios",
5099
+ "md",
5100
+ "ionic"
5101
+ ]
5102
+ },
3749
5103
  "ion-tab-bar/color": {
3750
5104
  "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
3751
5105
  "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).",
@@ -3761,9 +5115,22 @@
3761
5115
  "warning"
3762
5116
  ]
3763
5117
  },
5118
+ "ion-tab-bar/expand": {
5119
+ "type": "\"compact\" | \"full\"",
5120
+ "description": "Set to `\"compact\"` to display a width based on the items\ninside the tab bar. This value will only work for the\n`ionic` theme.\n\nSet to `\"full\"` to display a full width tab bar.\n\nDefaults to `\"full\"`.",
5121
+ "options": [
5122
+ "compact",
5123
+ "full"
5124
+ ]
5125
+ },
5126
+ "ion-tab-bar/hide-on-scroll": {
5127
+ "type": "boolean",
5128
+ "description": "If `true`, the tab bar will be hidden when the user scrolls down\nand shown when the user scrolls up.\nOnly applies when the theme is `\"ionic\"` and `expand` is `\"compact\"`.",
5129
+ "options": []
5130
+ },
3764
5131
  "ion-tab-bar/mode": {
3765
5132
  "type": "\"ios\" | \"md\"",
3766
- "description": "The mode determines which platform styles to use.",
5133
+ "description": "The mode determines the platform behaviors of the component.",
3767
5134
  "options": [
3768
5135
  "ios",
3769
5136
  "md"
@@ -3774,9 +5141,27 @@
3774
5141
  "description": "The selected tab component",
3775
5142
  "options": []
3776
5143
  },
5144
+ "ion-tab-bar/shape": {
5145
+ "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
5146
+ "description": "Set to `\"soft\"` for a tab bar with slightly rounded corners,\n`\"round\"` for a tab bar with fully rounded corners, or\n`\"rectangular\"` for a tab bar without rounded corners.\n\nDefaults to `\"round\"` for the `\"ionic\"` theme, undefined for all other themes.",
5147
+ "options": [
5148
+ "rectangular",
5149
+ "round",
5150
+ "soft"
5151
+ ]
5152
+ },
5153
+ "ion-tab-bar/theme": {
5154
+ "type": "\"ios\" | \"md\" | \"ionic\"",
5155
+ "description": "The theme determines the visual appearance of the component.",
5156
+ "options": [
5157
+ "ios",
5158
+ "md",
5159
+ "ionic"
5160
+ ]
5161
+ },
3777
5162
  "ion-tab-bar/translucent": {
3778
5163
  "type": "boolean",
3779
- "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).",
5164
+ "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).",
3780
5165
  "options": []
3781
5166
  },
3782
5167
  "ion-tab-button/disabled": {
@@ -3808,7 +5193,7 @@
3808
5193
  },
3809
5194
  "ion-tab-button/mode": {
3810
5195
  "type": "\"ios\" | \"md\"",
3811
- "description": "The mode determines which platform styles to use.",
5196
+ "description": "The mode determines the platform behaviors of the component.",
3812
5197
  "options": [
3813
5198
  "ios",
3814
5199
  "md"
@@ -3824,6 +5209,15 @@
3824
5209
  "description": "The selected tab component",
3825
5210
  "options": []
3826
5211
  },
5212
+ "ion-tab-button/shape": {
5213
+ "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
5214
+ "description": "Set to `\"soft\"` for a tab-button with slightly rounded corners,\n`\"round\"` for a tab-button with fully rounded corners, or `\"rectangular\"`\nfor a tab-button without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
5215
+ "options": [
5216
+ "rectangular",
5217
+ "round",
5218
+ "soft"
5219
+ ]
5220
+ },
3827
5221
  "ion-tab-button/tab": {
3828
5222
  "type": "string | undefined",
3829
5223
  "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.",
@@ -3834,6 +5228,32 @@
3834
5228
  "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
3835
5229
  "options": []
3836
5230
  },
5231
+ "ion-tab-button/theme": {
5232
+ "type": "\"ios\" | \"md\" | \"ionic\"",
5233
+ "description": "The theme determines the visual appearance of the component.",
5234
+ "options": [
5235
+ "ios",
5236
+ "md",
5237
+ "ionic"
5238
+ ]
5239
+ },
5240
+ "ion-tabs/mode": {
5241
+ "type": "\"ios\" | \"md\"",
5242
+ "description": "The mode determines the platform behaviors of the component.",
5243
+ "options": [
5244
+ "ios",
5245
+ "md"
5246
+ ]
5247
+ },
5248
+ "ion-tabs/theme": {
5249
+ "type": "\"ios\" | \"md\" | \"ionic\"",
5250
+ "description": "The theme determines the visual appearance of the component.",
5251
+ "options": [
5252
+ "ios",
5253
+ "md",
5254
+ "ionic"
5255
+ ]
5256
+ },
3837
5257
  "ion-text/color": {
3838
5258
  "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
3839
5259
  "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).",
@@ -3851,12 +5271,21 @@
3851
5271
  },
3852
5272
  "ion-text/mode": {
3853
5273
  "type": "\"ios\" | \"md\"",
3854
- "description": "The mode determines which platform styles to use.",
5274
+ "description": "The mode determines the platform behaviors of the component.",
3855
5275
  "options": [
3856
5276
  "ios",
3857
5277
  "md"
3858
5278
  ]
3859
5279
  },
5280
+ "ion-text/theme": {
5281
+ "type": "\"ios\" | \"md\" | \"ionic\"",
5282
+ "description": "The theme determines the visual appearance of the component.",
5283
+ "options": [
5284
+ "ios",
5285
+ "md",
5286
+ "ionic"
5287
+ ]
5288
+ },
3860
5289
  "ion-textarea/auto-grow": {
3861
5290
  "type": "boolean",
3862
5291
  "description": "If `true`, the textarea container will grow and shrink based\non the contents of the textarea.",
@@ -3937,7 +5366,7 @@
3937
5366
  },
3938
5367
  "ion-textarea/fill": {
3939
5368
  "type": "\"outline\" | \"solid\" | undefined",
3940
- "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.",
5369
+ "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\"`.",
3941
5370
  "options": [
3942
5371
  "outline",
3943
5372
  "solid"
@@ -3990,7 +5419,7 @@
3990
5419
  },
3991
5420
  "ion-textarea/mode": {
3992
5421
  "type": "\"ios\" | \"md\"",
3993
- "description": "The mode determines which platform styles to use.",
5422
+ "description": "The mode determines the platform behaviors of the component.",
3994
5423
  "options": [
3995
5424
  "ios",
3996
5425
  "md"
@@ -4022,10 +5451,21 @@
4022
5451
  "options": []
4023
5452
  },
4024
5453
  "ion-textarea/shape": {
4025
- "type": "\"round\" | undefined",
4026
- "description": "The shape of the textarea. If \"round\" it will have an increased border radius.",
5454
+ "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
5455
+ "description": "Set to `\"soft\"` for a textarea with slightly rounded corners,\n`\"round\"` for a textarea with fully rounded corners, or `\"rectangular\"`\nfor a textarea without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
4027
5456
  "options": [
4028
- "round"
5457
+ "rectangular",
5458
+ "round",
5459
+ "soft"
5460
+ ]
5461
+ },
5462
+ "ion-textarea/size": {
5463
+ "type": "\"large\" | \"medium\" | \"small\" | undefined",
5464
+ "description": "The size of the textarea. If \"large\" it will increase the height of the textarea, while\n\"small\" and \"medium\" provide progressively smaller heights. The default size is \"medium\".\nThis property only applies to the `\"ionic\"` theme.",
5465
+ "options": [
5466
+ "large",
5467
+ "medium",
5468
+ "small"
4029
5469
  ]
4030
5470
  },
4031
5471
  "ion-textarea/spellcheck": {
@@ -4033,6 +5473,15 @@
4033
5473
  "description": "If `true`, the element will have its spelling and grammar checked.",
4034
5474
  "options": []
4035
5475
  },
5476
+ "ion-textarea/theme": {
5477
+ "type": "\"ios\" | \"md\" | \"ionic\"",
5478
+ "description": "The theme determines the visual appearance of the component.",
5479
+ "options": [
5480
+ "ios",
5481
+ "md",
5482
+ "ionic"
5483
+ ]
5484
+ },
4036
5485
  "ion-textarea/value": {
4037
5486
  "type": "null | string | undefined",
4038
5487
  "description": "The value of the textarea.",
@@ -4047,6 +5496,23 @@
4047
5496
  "soft"
4048
5497
  ]
4049
5498
  },
5499
+ "ion-thumbnail/mode": {
5500
+ "type": "\"ios\" | \"md\"",
5501
+ "description": "The mode determines the platform behaviors of the component.",
5502
+ "options": [
5503
+ "ios",
5504
+ "md"
5505
+ ]
5506
+ },
5507
+ "ion-thumbnail/theme": {
5508
+ "type": "\"ios\" | \"md\" | \"ionic\"",
5509
+ "description": "The theme determines the visual appearance of the component.",
5510
+ "options": [
5511
+ "ios",
5512
+ "md",
5513
+ "ionic"
5514
+ ]
5515
+ },
4050
5516
  "ion-title/color": {
4051
5517
  "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
4052
5518
  "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).",
@@ -4062,6 +5528,14 @@
4062
5528
  "warning"
4063
5529
  ]
4064
5530
  },
5531
+ "ion-title/mode": {
5532
+ "type": "\"ios\" | \"md\"",
5533
+ "description": "The mode determines the platform behaviors of the component.",
5534
+ "options": [
5535
+ "ios",
5536
+ "md"
5537
+ ]
5538
+ },
4065
5539
  "ion-title/size": {
4066
5540
  "type": "\"large\" | \"small\" | undefined",
4067
5541
  "description": "The size of the toolbar title.",
@@ -4070,6 +5544,15 @@
4070
5544
  "small"
4071
5545
  ]
4072
5546
  },
5547
+ "ion-title/theme": {
5548
+ "type": "\"ios\" | \"md\" | \"ionic\"",
5549
+ "description": "The theme determines the visual appearance of the component.",
5550
+ "options": [
5551
+ "ios",
5552
+ "md",
5553
+ "ionic"
5554
+ ]
5555
+ },
4073
5556
  "ion-toast/animated": {
4074
5557
  "type": "boolean",
4075
5558
  "description": "If `true`, the toast will animate.",
@@ -4120,6 +5603,14 @@
4120
5603
  "description": "Additional attributes to pass to the toast.",
4121
5604
  "options": []
4122
5605
  },
5606
+ "ion-toast/hue": {
5607
+ "type": "\"bold\" | \"subtle\" | undefined",
5608
+ "description": "Set to `\"bold\"` for a toast with vibrant, bold colors or to `\"subtle\"` for\na toast with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
5609
+ "options": [
5610
+ "bold",
5611
+ "subtle"
5612
+ ]
5613
+ },
4123
5614
  "ion-toast/icon": {
4124
5615
  "type": "string | undefined",
4125
5616
  "description": "The name of the icon to display, or the path to a valid SVG file. See `ion-icon`.\nhttps://ionic.io/ionicons",
@@ -4155,7 +5646,7 @@
4155
5646
  },
4156
5647
  "ion-toast/mode": {
4157
5648
  "type": "\"ios\" | \"md\"",
4158
- "description": "The mode determines which platform styles to use.",
5649
+ "description": "The mode determines the platform behaviors of the component.",
4159
5650
  "options": [
4160
5651
  "ios",
4161
5652
  "md"
@@ -4175,6 +5666,15 @@
4175
5666
  "description": "The element to anchor the toast's position to. Can be set as a direct reference\nor the ID of the element. With `position=\"bottom\"`, the toast will sit above the\nchosen element. With `position=\"top\"`, the toast will sit below the chosen element.\nWith `position=\"middle\"`, the value of `positionAnchor` is ignored.",
4176
5667
  "options": []
4177
5668
  },
5669
+ "ion-toast/shape": {
5670
+ "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
5671
+ "description": "Set to `\"soft\"` for a toast with slightly rounded corners,\n`\"round\"` for a toast with fully rounded corners, or `\"rectangular\"`\nfor a toast without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
5672
+ "options": [
5673
+ "rectangular",
5674
+ "round",
5675
+ "soft"
5676
+ ]
5677
+ },
4178
5678
  "ion-toast/swipe-gesture": {
4179
5679
  "type": "\"vertical\" | undefined",
4180
5680
  "description": "If set to 'vertical', the Toast can be dismissed with\na swipe gesture. The swipe direction is determined by\nthe value of the `position` property:\n`top`: The Toast can be swiped up to dismiss.\n`bottom`: The Toast can be swiped down to dismiss.\n`middle`: The Toast can be swiped up or down to dismiss.",
@@ -4182,9 +5682,18 @@
4182
5682
  "vertical"
4183
5683
  ]
4184
5684
  },
5685
+ "ion-toast/theme": {
5686
+ "type": "\"ios\" | \"md\" | \"ionic\"",
5687
+ "description": "The theme determines the visual appearance of the component.",
5688
+ "options": [
5689
+ "ios",
5690
+ "md",
5691
+ "ionic"
5692
+ ]
5693
+ },
4185
5694
  "ion-toast/translucent": {
4186
5695
  "type": "boolean",
4187
- "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).",
5696
+ "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).",
4188
5697
  "options": []
4189
5698
  },
4190
5699
  "ion-toast/trigger": {
@@ -4261,7 +5770,7 @@
4261
5770
  },
4262
5771
  "ion-toggle/mode": {
4263
5772
  "type": "\"ios\" | \"md\"",
4264
- "description": "The mode determines which platform styles to use.",
5773
+ "description": "The mode determines the platform behaviors of the component.",
4265
5774
  "options": [
4266
5775
  "ios",
4267
5776
  "md"
@@ -4277,6 +5786,15 @@
4277
5786
  "description": "If true, screen readers will announce it as a required field. This property\nworks only for accessibility purposes, it will not prevent the form from\nsubmitting if the value is invalid.",
4278
5787
  "options": []
4279
5788
  },
5789
+ "ion-toggle/theme": {
5790
+ "type": "\"ios\" | \"md\" | \"ionic\"",
5791
+ "description": "The theme determines the visual appearance of the component.",
5792
+ "options": [
5793
+ "ios",
5794
+ "md",
5795
+ "ionic"
5796
+ ]
5797
+ },
4280
5798
  "ion-toggle/value": {
4281
5799
  "type": "null | string | undefined",
4282
5800
  "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>`.",
@@ -4299,10 +5817,28 @@
4299
5817
  },
4300
5818
  "ion-toolbar/mode": {
4301
5819
  "type": "\"ios\" | \"md\"",
4302
- "description": "The mode determines which platform styles to use.",
5820
+ "description": "The mode determines the platform behaviors of the component.",
4303
5821
  "options": [
4304
5822
  "ios",
4305
5823
  "md"
4306
5824
  ]
5825
+ },
5826
+ "ion-toolbar/theme": {
5827
+ "type": "\"ios\" | \"md\" | \"ionic\"",
5828
+ "description": "The theme determines the visual appearance of the component.",
5829
+ "options": [
5830
+ "ios",
5831
+ "md",
5832
+ "ionic"
5833
+ ]
5834
+ },
5835
+ "ion-toolbar/title-placement": {
5836
+ "type": "\"center\" | \"end\" | \"start\" | undefined",
5837
+ "description": "Where to place the title relative to the other toolbar content.\n`\"start\"`: The title will appear to the left of the toolbar content in LTR and to the right in RTL.\n`\"center\"`: The title will appear in the center of the toolbar.\n`\"end\"`: The title will appear to the right of the toolbar content in LTR and to the left in RTL.\n\nOnly applies in the `ionic` theme.",
5838
+ "options": [
5839
+ "center",
5840
+ "end",
5841
+ "start"
5842
+ ]
4307
5843
  }
4308
5844
  }