@ionic/vue 7.7.2-dev.11707941206.120570b8 → 7.7.2-dev.11708036667.1fa730de

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 (49) hide show
  1. package/css/core.css +100 -27
  2. package/css/core.css.map +1 -1
  3. package/css/display.css.map +1 -1
  4. package/css/float-elements.css.map +1 -1
  5. package/css/global.bundle.css +1 -1
  6. package/css/global.bundle.css.map +1 -1
  7. package/css/ionic-swiper.css.map +1 -1
  8. package/css/ionic.bundle.css +1 -1
  9. package/css/ionic.bundle.css.map +1 -1
  10. package/css/padding.css.map +1 -1
  11. package/css/structure.css.map +1 -1
  12. package/css/text-alignment.css.map +1 -1
  13. package/css/text-transformation.css.map +1 -1
  14. package/css/themes/dark.always.css +160 -0
  15. package/css/themes/dark.always.css.map +1 -0
  16. package/css/themes/dark.class.css +160 -0
  17. package/css/themes/dark.class.css.map +1 -0
  18. package/css/themes/dark.css +3 -0
  19. package/css/themes/dark.css.map +1 -0
  20. package/css/themes/dark.system.css +162 -0
  21. package/css/themes/dark.system.css.map +1 -0
  22. package/css/themes/high-contrast-dark.always.css +180 -0
  23. package/css/themes/high-contrast-dark.always.css.map +1 -0
  24. package/css/themes/high-contrast-dark.class.css +180 -0
  25. package/css/themes/high-contrast-dark.class.css.map +1 -0
  26. package/css/themes/high-contrast-dark.css +3 -0
  27. package/css/themes/high-contrast-dark.css.map +1 -0
  28. package/css/themes/high-contrast-dark.system.css +182 -0
  29. package/css/themes/high-contrast-dark.system.css.map +1 -0
  30. package/css/themes/high-contrast.always.css +101 -0
  31. package/css/themes/high-contrast.always.css.map +1 -0
  32. package/css/themes/high-contrast.class.css +101 -0
  33. package/css/themes/high-contrast.class.css.map +1 -0
  34. package/css/themes/high-contrast.css +3 -0
  35. package/css/themes/high-contrast.css.map +1 -0
  36. package/css/themes/high-contrast.system.css +103 -0
  37. package/css/themes/high-contrast.system.css.map +1 -0
  38. package/css/typography.css +1 -1
  39. package/css/typography.css.map +1 -1
  40. package/css/utils.bundle.css.map +1 -1
  41. package/dist/index.js +107 -100
  42. package/dist/index.js.map +1 -1
  43. package/dist/types/components/Overlays.d.ts +1 -1
  44. package/dist/types/controllers.d.ts +5 -2
  45. package/dist/types/proxies.d.ts +5 -0
  46. package/dist/vetur/attributes.json +80 -64
  47. package/dist/vetur/tags.json +23 -10
  48. package/dist/web-types.json +140 -95
  49. package/package.json +2 -2
@@ -206,7 +206,6 @@
206
206
  "indeterminate",
207
207
  "justify",
208
208
  "label-placement",
209
- "legacy",
210
209
  "mode",
211
210
  "name",
212
211
  "value"
@@ -271,7 +270,6 @@
271
270
  "disabled",
272
271
  "done-text",
273
272
  "first-day-of-week",
274
- "format-options",
275
273
  "highlighted-dates",
276
274
  "hour-cycle",
277
275
  "hour-values",
@@ -389,7 +387,6 @@
389
387
  "ion-input": {
390
388
  "description": "",
391
389
  "attributes": [
392
- "accept",
393
390
  "autocapitalize",
394
391
  "autocomplete",
395
392
  "autocorrect",
@@ -408,7 +405,6 @@
408
405
  "inputmode",
409
406
  "label",
410
407
  "label-placement",
411
- "legacy",
412
408
  "max",
413
409
  "maxlength",
414
410
  "min",
@@ -421,7 +417,6 @@
421
417
  "readonly",
422
418
  "required",
423
419
  "shape",
424
- "size",
425
420
  "spellcheck",
426
421
  "step",
427
422
  "type",
@@ -613,6 +608,29 @@
613
608
  ]
614
609
  },
615
610
  "ion-picker": {
611
+ "description": "",
612
+ "attributes": [
613
+ "mode"
614
+ ]
615
+ },
616
+ "ion-picker-column": {
617
+ "description": "",
618
+ "attributes": [
619
+ "color",
620
+ "disabled",
621
+ "mode",
622
+ "value"
623
+ ]
624
+ },
625
+ "ion-picker-column-option": {
626
+ "description": "",
627
+ "attributes": [
628
+ "color",
629
+ "disabled",
630
+ "value"
631
+ ]
632
+ },
633
+ "ion-picker-legacy": {
616
634
  "description": "",
617
635
  "attributes": [
618
636
  "animated",
@@ -677,7 +695,6 @@
677
695
  "disabled",
678
696
  "justify",
679
697
  "label-placement",
680
- "legacy",
681
698
  "mode",
682
699
  "name",
683
700
  "value"
@@ -702,7 +719,6 @@
702
719
  "dual-knobs",
703
720
  "label",
704
721
  "label-placement",
705
- "legacy",
706
722
  "max",
707
723
  "min",
708
724
  "mode",
@@ -860,7 +876,6 @@
860
876
  "justify",
861
877
  "label",
862
878
  "label-placement",
863
- "legacy",
864
879
  "mode",
865
880
  "multiple",
866
881
  "name",
@@ -963,7 +978,6 @@
963
978
  "inputmode",
964
979
  "label",
965
980
  "label-placement",
966
- "legacy",
967
981
  "maxlength",
968
982
  "minlength",
969
983
  "mode",
@@ -1024,7 +1038,6 @@
1024
1038
  "enable-on-off-labels",
1025
1039
  "justify",
1026
1040
  "label-placement",
1027
- "legacy",
1028
1041
  "mode",
1029
1042
  "name",
1030
1043
  "value"
@@ -2,7 +2,7 @@
2
2
  "$schema": "http://json.schemastore.org/web-types",
3
3
  "framework": "vue",
4
4
  "name": "@ionic/vue",
5
- "version": "7.7.2-dev.11707941206.120570b8",
5
+ "version": "7.7.2-dev.11708036667.1fa730de",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -1593,15 +1593,6 @@
1593
1593
  "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\""
1594
1594
  }
1595
1595
  },
1596
- {
1597
- "name": "legacy",
1598
- "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.",
1599
- "required": false,
1600
- "value": {
1601
- "kind": "expression",
1602
- "type": "boolean | undefined"
1603
- }
1604
- },
1605
1596
  {
1606
1597
  "name": "mode",
1607
1598
  "description": "The mode determines which platform styles to use.",
@@ -2140,15 +2131,6 @@
2140
2131
  "type": "number"
2141
2132
  }
2142
2133
  },
2143
- {
2144
- "name": "formatOptions",
2145
- "description": "Formatting options for dates and times.\nShould include a 'date' and/or 'time' object, each of which is of type [Intl.DateTimeFormatOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#options).",
2146
- "required": false,
2147
- "value": {
2148
- "kind": "expression",
2149
- "type": "undefined | { date: DateTimeFormatOptions; time?: DateTimeFormatOptions | undefined; } | { date?: DateTimeFormatOptions | undefined; time: DateTimeFormatOptions; }"
2150
- }
2151
- },
2152
2134
  {
2153
2135
  "name": "highlightedDates",
2154
2136
  "description": "Used to apply custom text and background colors to specific dates.\n\nCan be either an array of objects containing ISO strings and colors,\nor a callback that receives an ISO string and returns the colors.\n\nOnly applies to the `date`, `date-time`, and `time-date` presentations,\nwith `preferWheel=\"false\"`.",
@@ -3006,15 +2988,6 @@
3006
2988
  "symbol": "Input"
3007
2989
  },
3008
2990
  "attributes": [
3009
- {
3010
- "name": "accept",
3011
- "description": "This attribute is ignored.",
3012
- "required": false,
3013
- "value": {
3014
- "kind": "expression",
3015
- "type": "string | undefined"
3016
- }
3017
- },
3018
2991
  {
3019
2992
  "name": "autocapitalize",
3020
2993
  "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\"`.",
@@ -3185,15 +3158,6 @@
3185
3158
  "type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\""
3186
3159
  }
3187
3160
  },
3188
- {
3189
- "name": "legacy",
3190
- "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.",
3191
- "required": false,
3192
- "value": {
3193
- "kind": "expression",
3194
- "type": "boolean | undefined"
3195
- }
3196
- },
3197
3161
  {
3198
3162
  "name": "max",
3199
3163
  "description": "The maximum value, which must not be less than its minimum (min attribute) value.",
@@ -3305,15 +3269,6 @@
3305
3269
  "type": "\"round\" | undefined"
3306
3270
  }
3307
3271
  },
3308
- {
3309
- "name": "size",
3310
- "description": "",
3311
- "required": false,
3312
- "value": {
3313
- "kind": "expression",
3314
- "type": "number | undefined"
3315
- }
3316
- },
3317
3272
  {
3318
3273
  "name": "spellcheck",
3319
3274
  "description": "If `true`, the element will have its spelling and grammar checked.",
@@ -4773,6 +4728,141 @@
4773
4728
  "module": "@ionic/core/src/components/picker/picker.d.ts",
4774
4729
  "symbol": "Picker"
4775
4730
  },
4731
+ "attributes": [
4732
+ {
4733
+ "name": "mode",
4734
+ "description": "The mode determines which platform styles to use.",
4735
+ "required": false,
4736
+ "value": {
4737
+ "kind": "expression",
4738
+ "type": "\"ios\" | \"md\""
4739
+ }
4740
+ }
4741
+ ],
4742
+ "slots": [],
4743
+ "events": []
4744
+ },
4745
+ {
4746
+ "name": "IonPickerColumn",
4747
+ "doc-url": "https://ionicframework.com/docs/api/picker-column",
4748
+ "description": "",
4749
+ "source": {
4750
+ "module": "@ionic/core/src/components/picker-column/picker-column.d.ts",
4751
+ "symbol": "PickerColumn"
4752
+ },
4753
+ "attributes": [
4754
+ {
4755
+ "name": "color",
4756
+ "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).",
4757
+ "required": false,
4758
+ "default": "'primary'",
4759
+ "value": {
4760
+ "kind": "expression",
4761
+ "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined"
4762
+ }
4763
+ },
4764
+ {
4765
+ "name": "disabled",
4766
+ "description": "If `true`, the user cannot interact with the picker.",
4767
+ "required": false,
4768
+ "default": "false",
4769
+ "value": {
4770
+ "kind": "expression",
4771
+ "type": "boolean"
4772
+ }
4773
+ },
4774
+ {
4775
+ "name": "mode",
4776
+ "description": "The mode determines which platform styles to use.",
4777
+ "required": false,
4778
+ "value": {
4779
+ "kind": "expression",
4780
+ "type": "\"ios\" | \"md\""
4781
+ }
4782
+ },
4783
+ {
4784
+ "name": "value",
4785
+ "description": "The selected option in the picker.",
4786
+ "required": false,
4787
+ "value": {
4788
+ "kind": "expression",
4789
+ "type": "number | string | undefined"
4790
+ }
4791
+ }
4792
+ ],
4793
+ "slots": [
4794
+ {
4795
+ "name": "prefix",
4796
+ "description": "Content to show on the left side of the picker options."
4797
+ },
4798
+ {
4799
+ "name": "suffix",
4800
+ "description": "Content to show on the right side of the picker options."
4801
+ }
4802
+ ],
4803
+ "events": [
4804
+ {
4805
+ "name": "ionChange",
4806
+ "description": "Emitted when the value has changed.",
4807
+ "arguments": [
4808
+ {
4809
+ "name": "detail",
4810
+ "type": "PickerColumnChangeEventDetail"
4811
+ }
4812
+ ]
4813
+ }
4814
+ ]
4815
+ },
4816
+ {
4817
+ "name": "IonPickerColumnOption",
4818
+ "doc-url": "https://ionicframework.com/docs/api/picker-column-option",
4819
+ "description": "",
4820
+ "source": {
4821
+ "module": "@ionic/core/src/components/picker-column-option/picker-column-option.d.ts",
4822
+ "symbol": "PickerColumnOption"
4823
+ },
4824
+ "attributes": [
4825
+ {
4826
+ "name": "color",
4827
+ "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).",
4828
+ "required": false,
4829
+ "default": "'primary'",
4830
+ "value": {
4831
+ "kind": "expression",
4832
+ "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined"
4833
+ }
4834
+ },
4835
+ {
4836
+ "name": "disabled",
4837
+ "description": "If `true`, the user cannot interact with the picker column option.",
4838
+ "required": false,
4839
+ "default": "false",
4840
+ "value": {
4841
+ "kind": "expression",
4842
+ "type": "boolean"
4843
+ }
4844
+ },
4845
+ {
4846
+ "name": "value",
4847
+ "description": "The text value of the option.",
4848
+ "required": false,
4849
+ "value": {
4850
+ "kind": "expression",
4851
+ "type": "any"
4852
+ }
4853
+ }
4854
+ ],
4855
+ "slots": [],
4856
+ "events": []
4857
+ },
4858
+ {
4859
+ "name": "IonPickerLegacy",
4860
+ "doc-url": "https://ionicframework.com/docs/api/picker-legacy",
4861
+ "description": "",
4862
+ "source": {
4863
+ "module": "@ionic/core/src/components/picker-legacy/picker.d.ts",
4864
+ "symbol": "PickerLegacy"
4865
+ },
4776
4866
  "attributes": [
4777
4867
  {
4778
4868
  "name": "animated",
@@ -4932,7 +5022,7 @@
4932
5022
  ]
4933
5023
  },
4934
5024
  {
4935
- "name": "onDidDismiss",
5025
+ "name": "ionPickerDidDismiss",
4936
5026
  "description": "Emitted after the picker has dismissed.",
4937
5027
  "arguments": [
4938
5028
  {
@@ -4942,7 +5032,7 @@
4942
5032
  ]
4943
5033
  },
4944
5034
  {
4945
- "name": "onDidPresent",
5035
+ "name": "ionPickerDidPresent",
4946
5036
  "description": "Emitted after the picker has presented.",
4947
5037
  "arguments": [
4948
5038
  {
@@ -4952,7 +5042,7 @@
4952
5042
  ]
4953
5043
  },
4954
5044
  {
4955
- "name": "onWillDismiss",
5045
+ "name": "ionPickerWillDismiss",
4956
5046
  "description": "Emitted before the picker has dismissed.",
4957
5047
  "arguments": [
4958
5048
  {
@@ -4962,7 +5052,7 @@
4962
5052
  ]
4963
5053
  },
4964
5054
  {
4965
- "name": "onWillPresent",
5055
+ "name": "ionPickerWillPresent",
4966
5056
  "description": "Emitted before the picker has presented.",
4967
5057
  "arguments": [
4968
5058
  {
@@ -5432,15 +5522,6 @@
5432
5522
  "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\""
5433
5523
  }
5434
5524
  },
5435
- {
5436
- "name": "legacy",
5437
- "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.",
5438
- "required": false,
5439
- "value": {
5440
- "kind": "expression",
5441
- "type": "boolean | undefined"
5442
- }
5443
- },
5444
5525
  {
5445
5526
  "name": "mode",
5446
5527
  "description": "The mode determines which platform styles to use.",
@@ -5636,15 +5717,6 @@
5636
5717
  "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\""
5637
5718
  }
5638
5719
  },
5639
- {
5640
- "name": "legacy",
5641
- "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.",
5642
- "required": false,
5643
- "value": {
5644
- "kind": "expression",
5645
- "type": "boolean | undefined"
5646
- }
5647
- },
5648
5720
  {
5649
5721
  "name": "max",
5650
5722
  "description": "Maximum integer value of the range.",
@@ -6669,15 +6741,6 @@
6669
6741
  "type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\" | undefined"
6670
6742
  }
6671
6743
  },
6672
- {
6673
- "name": "legacy",
6674
- "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.",
6675
- "required": false,
6676
- "value": {
6677
- "kind": "expression",
6678
- "type": "boolean | undefined"
6679
- }
6680
- },
6681
6744
  {
6682
6745
  "name": "mode",
6683
6746
  "description": "The mode determines which platform styles to use.",
@@ -7411,15 +7474,6 @@
7411
7474
  "type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\""
7412
7475
  }
7413
7476
  },
7414
- {
7415
- "name": "legacy",
7416
- "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.",
7417
- "required": false,
7418
- "value": {
7419
- "kind": "expression",
7420
- "type": "boolean | undefined"
7421
- }
7422
- },
7423
7477
  {
7424
7478
  "name": "maxlength",
7425
7479
  "description": "This attribute specifies the maximum number of characters that the user can enter.",
@@ -7993,15 +8047,6 @@
7993
8047
  "type": "\"end\" | \"fixed\" | \"stacked\" | \"start\""
7994
8048
  }
7995
8049
  },
7996
- {
7997
- "name": "legacy",
7998
- "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.",
7999
- "required": false,
8000
- "value": {
8001
- "kind": "expression",
8002
- "type": "boolean | undefined"
8003
- }
8004
- },
8005
8050
  {
8006
8051
  "name": "mode",
8007
8052
  "description": "The mode determines which platform styles to use.",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ionic/vue",
3
- "version": "7.7.2-dev.11707941206.120570b8",
3
+ "version": "7.7.2-dev.11708036667.1fa730de",
4
4
  "description": "Vue specific wrapper for @ionic/core",
5
5
  "scripts": {
6
6
  "eslint": "eslint src",
@@ -66,7 +66,7 @@
66
66
  "vue-router": "^4.0.16"
67
67
  },
68
68
  "dependencies": {
69
- "@ionic/core": "7.7.2-dev.11707941206.120570b8",
69
+ "@ionic/core": "7.7.2-dev.11708036667.1fa730de",
70
70
  "ionicons": "^7.0.0"
71
71
  },
72
72
  "vetur": {