@ionic/vue 7.7.4 → 8.0.0-beta.1

package/dist/vetur/tags.json

@@ -206,7 +206,6 @@
       "indeterminate",
       "justify",
       "label-placement",
-      "legacy",
       "mode",
       "name",
       "value"
@@ -388,7 +387,6 @@
   "ion-input": {
     "description": "",
     "attributes": [
-      "accept",
       "autocapitalize",
       "autocomplete",
       "autocorrect",
@@ -407,7 +405,6 @@
       "inputmode",
       "label",
       "label-placement",
-      "legacy",
       "max",
       "maxlength",
       "min",
@@ -420,7 +417,6 @@
       "readonly",
       "required",
       "shape",
-      "size",
       "spellcheck",
       "step",
       "type",
@@ -612,6 +608,29 @@
     ]
   },
   "ion-picker": {
+    "description": "",
+    "attributes": [
+      "mode"
+    ]
+  },
+  "ion-picker-column": {
+    "description": "",
+    "attributes": [
+      "color",
+      "disabled",
+      "mode",
+      "value"
+    ]
+  },
+  "ion-picker-column-option": {
+    "description": "",
+    "attributes": [
+      "color",
+      "disabled",
+      "value"
+    ]
+  },
+  "ion-picker-legacy": {
     "description": "",
     "attributes": [
       "animated",
@@ -676,7 +695,6 @@
       "disabled",
       "justify",
       "label-placement",
-      "legacy",
       "mode",
       "name",
       "value"
@@ -701,7 +719,6 @@
       "dual-knobs",
       "label",
       "label-placement",
-      "legacy",
       "max",
       "min",
       "mode",
@@ -859,7 +876,6 @@
       "justify",
       "label",
       "label-placement",
-      "legacy",
       "mode",
       "multiple",
       "name",
@@ -962,7 +978,6 @@
       "inputmode",
       "label",
       "label-placement",
-      "legacy",
       "maxlength",
       "minlength",
       "mode",
@@ -1023,7 +1038,6 @@
       "enable-on-off-labels",
       "justify",
       "label-placement",
-      "legacy",
       "mode",
       "name",
       "value"

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@ionic/vue",
-  "version": "7.7.4",
+  "version": "8.0.0-beta.1",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -1593,15 +1593,6 @@
                 "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\""
               }
             },
-            {
-              "name": "legacy",
-              "description": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt checkboxes in to the modern form markup when they are\nusing either the `aria-label` attribute or have text in the default slot. As a result,\nthe `legacy` property should only be used as an escape hatch when you want to\navoid this automatic opt-in behavior.\n\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "mode",
               "description": "The mode determines which platform styles to use.",
@@ -2997,15 +2988,6 @@
             "symbol": "Input"
           },
           "attributes": [
-            {
-              "name": "accept",
-              "description": "This attribute is ignored.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "string | undefined"
-              }
-            },
             {
               "name": "autocapitalize",
               "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\"`.",
@@ -3176,15 +3158,6 @@
                 "type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\""
               }
             },
-            {
-              "name": "legacy",
-              "description": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt components in to the modern form markup when they are\nusing either the `aria-label` attribute or the `label` property. As a result,\nthe `legacy` property should only be used as an escape hatch when you want to\navoid this automatic opt-in behavior.\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "max",
               "description": "The maximum value, which must not be less than its minimum (min attribute) value.",
@@ -3296,15 +3269,6 @@
                 "type": "\"round\" | undefined"
               }
             },
-            {
-              "name": "size",
-              "description": "",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "number | undefined"
-              }
-            },
             {
               "name": "spellcheck",
               "description": "If `true`, the element will have its spelling and grammar checked.",
@@ -4764,6 +4728,141 @@
             "module": "@ionic/core/src/components/picker/picker.d.ts",
             "symbol": "Picker"
           },
+          "attributes": [
+            {
+              "name": "mode",
+              "description": "The mode determines which platform styles to use.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            }
+          ],
+          "slots": [],
+          "events": []
+        },
+        {
+          "name": "IonPickerColumn",
+          "doc-url": "https://ionicframework.com/docs/api/picker-column",
+          "description": "",
+          "source": {
+            "module": "@ionic/core/src/components/picker-column/picker-column.d.ts",
+            "symbol": "PickerColumn"
+          },
+          "attributes": [
+            {
+              "name": "color",
+              "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
+              "required": false,
+              "default": "'primary'",
+              "value": {
+                "kind": "expression",
+                "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "If `true`, the user cannot interact with the picker.",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "mode",
+              "description": "The mode determines which platform styles to use.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "value",
+              "description": "The selected option in the picker.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "number | string | undefined"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "prefix",
+              "description": "Content to show on the left side of the picker options."
+            },
+            {
+              "name": "suffix",
+              "description": "Content to show on the right side of the picker options."
+            }
+          ],
+          "events": [
+            {
+              "name": "ionChange",
+              "description": "Emitted when the value has changed.",
+              "arguments": [
+                {
+                  "name": "detail",
+                  "type": "PickerColumnChangeEventDetail"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "name": "IonPickerColumnOption",
+          "doc-url": "https://ionicframework.com/docs/api/picker-column-option",
+          "description": "",
+          "source": {
+            "module": "@ionic/core/src/components/picker-column-option/picker-column-option.d.ts",
+            "symbol": "PickerColumnOption"
+          },
+          "attributes": [
+            {
+              "name": "color",
+              "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
+              "required": false,
+              "default": "'primary'",
+              "value": {
+                "kind": "expression",
+                "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "If `true`, the user cannot interact with the picker column option.",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "value",
+              "description": "The text value of the option.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              }
+            }
+          ],
+          "slots": [],
+          "events": []
+        },
+        {
+          "name": "IonPickerLegacy",
+          "doc-url": "https://ionicframework.com/docs/api/picker-legacy",
+          "description": "",
+          "source": {
+            "module": "@ionic/core/src/components/picker-legacy/picker.d.ts",
+            "symbol": "PickerLegacy"
+          },
           "attributes": [
             {
               "name": "animated",
@@ -4923,7 +5022,7 @@
               ]
             },
             {
-              "name": "onDidDismiss",
+              "name": "ionPickerDidDismiss",
               "description": "Emitted after the picker has dismissed.",
               "arguments": [
                 {
@@ -4933,7 +5032,7 @@
               ]
             },
             {
-              "name": "onDidPresent",
+              "name": "ionPickerDidPresent",
               "description": "Emitted after the picker has presented.",
               "arguments": [
                 {
@@ -4943,7 +5042,7 @@
               ]
             },
             {
-              "name": "onWillDismiss",
+              "name": "ionPickerWillDismiss",
               "description": "Emitted before the picker has dismissed.",
               "arguments": [
                 {
@@ -4953,7 +5052,7 @@
               ]
             },
             {
-              "name": "onWillPresent",
+              "name": "ionPickerWillPresent",
               "description": "Emitted before the picker has presented.",
               "arguments": [
                 {
@@ -5423,15 +5522,6 @@
                 "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\""
               }
             },
-            {
-              "name": "legacy",
-              "description": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt components in to the modern form markup when they are\nusing either the `aria-label` attribute or the default slot that contains\nthe label text. As a result, the `legacy` property should only be used as\nan escape hatch when you want to avoid this automatic opt-in behavior.\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "mode",
               "description": "The mode determines which platform styles to use.",
@@ -5627,15 +5717,6 @@
                 "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\""
               }
             },
-            {
-              "name": "legacy",
-              "description": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt components in to the modern form markup when they are\nusing either the `aria-label` attribute or the `label` property. As a result,\nthe `legacy` property should only be used as an escape hatch when you want to\navoid this automatic opt-in behavior.\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "max",
               "description": "Maximum integer value of the range.",
@@ -6660,15 +6741,6 @@
                 "type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\" | undefined"
               }
             },
-            {
-              "name": "legacy",
-              "description": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt components in to the modern form markup when they are\nusing either the `aria-label` attribute or the `label` property. As a result,\nthe `legacy` property should only be used as an escape hatch when you want to\navoid this automatic opt-in behavior.\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "mode",
               "description": "The mode determines which platform styles to use.",
@@ -7402,15 +7474,6 @@
                 "type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\""
               }
             },
-            {
-              "name": "legacy",
-              "description": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt components in to the modern form markup when they are\nusing either the `aria-label` attribute or the default slot that contains\nthe label text. As a result, the `legacy` property should only be used as\nan escape hatch when you want to avoid this automatic opt-in behavior.\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "maxlength",
               "description": "This attribute specifies the maximum number of characters that the user can enter.",
@@ -7984,15 +8047,6 @@
                 "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\""
               }
             },
-            {
-              "name": "legacy",
-              "description": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt components in to the modern form markup when they are\nusing either the `aria-label` attribute or the default slot that contains\nthe label text. As a result, the `legacy` property should only be used as\nan escape hatch when you want to avoid this automatic opt-in behavior.\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup.",
-              "required": false,
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "mode",
               "description": "The mode determines which platform styles to use.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue",
-  "version": "7.7.4",
+  "version": "8.0.0-beta.1",
   "description": "Vue specific wrapper for @ionic/core",
   "scripts": {
     "eslint": "eslint src",
@@ -66,7 +66,7 @@
     "vue-router": "^4.0.16"
   },
   "dependencies": {
-    "@ionic/core": "7.7.4",
+    "@ionic/core": "8.0.0-beta.1",
     "ionicons": "^7.0.0"
   },
   "vetur": {