@ionic/vue 7.5.4-dev.11699632730.1e6d9b70 → 7.5.4-dev.11699895923.130c21aa

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.
@@ -3970,6 +3970,13 @@
3970
3970
  "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.",
3971
3971
  "options": []
3972
3972
  },
3973
+ "ion-toast/swipe-gesture": {
3974
+ "type": "\"vertical\" | undefined",
3975
+ "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.",
3976
+ "options": [
3977
+ "vertical"
3978
+ ]
3979
+ },
3973
3980
  "ion-toast/translucent": {
3974
3981
  "type": "boolean",
3975
3982
  "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).",
@@ -1007,6 +1007,7 @@
1007
1007
  "mode",
1008
1008
  "position",
1009
1009
  "position-anchor",
1010
+ "swipe-gesture",
1010
1011
  "translucent",
1011
1012
  "trigger"
1012
1013
  ]
@@ -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.5.4-dev.11699632730.1e6d9b70",
5
+ "version": "7.5.4-dev.11699895923.130c21aa",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -7760,6 +7760,15 @@
7760
7760
  "type": "HTMLElement | string | undefined"
7761
7761
  }
7762
7762
  },
7763
+ {
7764
+ "name": "swipe-gesture",
7765
+ "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.",
7766
+ "required": false,
7767
+ "value": {
7768
+ "kind": "expression",
7769
+ "type": "\"vertical\" | undefined"
7770
+ }
7771
+ },
7763
7772
  {
7764
7773
  "name": "translucent",
7765
7774
  "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).",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ionic/vue",
3
- "version": "7.5.4-dev.11699632730.1e6d9b70",
3
+ "version": "7.5.4-dev.11699895923.130c21aa",
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.5.4-dev.11699632730.1e6d9b70",
69
+ "@ionic/core": "7.5.4-dev.11699895923.130c21aa",
70
70
  "ionicons": "^7.0.0"
71
71
  },
72
72
  "vetur": {
@@ -1,135 +0,0 @@
1
- /*
2
- * Dark Colors
3
- * -------------------------------------------
4
- */
5
- body {
6
- --ion-color-primary: #428cff;
7
- --ion-color-primary-rgb: 66, 140, 255;
8
- --ion-color-primary-contrast: #ffffff;
9
- --ion-color-primary-contrast-rgb: 255, 255, 255;
10
- --ion-color-primary-shade: #3a7be0;
11
- --ion-color-primary-tint: #5598ff;
12
- --ion-color-secondary: #50c8ff;
13
- --ion-color-secondary-rgb: 80, 200, 255;
14
- --ion-color-secondary-contrast: #ffffff;
15
- --ion-color-secondary-contrast-rgb: 255, 255, 255;
16
- --ion-color-secondary-shade: #46b0e0;
17
- --ion-color-secondary-tint: #62ceff;
18
- --ion-color-tertiary: #6a64ff;
19
- --ion-color-tertiary-rgb: 106, 100, 255;
20
- --ion-color-tertiary-contrast: #ffffff;
21
- --ion-color-tertiary-contrast-rgb: 255, 255, 255;
22
- --ion-color-tertiary-shade: #5d58e0;
23
- --ion-color-tertiary-tint: #7974ff;
24
- --ion-color-success: #2fdf75;
25
- --ion-color-success-rgb: 47, 223, 117;
26
- --ion-color-success-contrast: #000000;
27
- --ion-color-success-contrast-rgb: 0, 0, 0;
28
- --ion-color-success-shade: #29c467;
29
- --ion-color-success-tint: #44e283;
30
- --ion-color-warning: #ffd534;
31
- --ion-color-warning-rgb: 255, 213, 52;
32
- --ion-color-warning-contrast: #000000;
33
- --ion-color-warning-contrast-rgb: 0, 0, 0;
34
- --ion-color-warning-shade: #e0bb2e;
35
- --ion-color-warning-tint: #ffd948;
36
- --ion-color-danger: #ff4961;
37
- --ion-color-danger-rgb: 255, 73, 97;
38
- --ion-color-danger-contrast: #ffffff;
39
- --ion-color-danger-contrast-rgb: 255, 255, 255;
40
- --ion-color-danger-shade: #e04055;
41
- --ion-color-danger-tint: #ff5b71;
42
- --ion-color-dark: #f4f5f8;
43
- --ion-color-dark-rgb: 244, 245, 248;
44
- --ion-color-dark-contrast: #000000;
45
- --ion-color-dark-contrast-rgb: 0, 0, 0;
46
- --ion-color-dark-shade: #d7d8da;
47
- --ion-color-dark-tint: #f5f6f9;
48
- --ion-color-medium: #989aa2;
49
- --ion-color-medium-rgb: 152, 154, 162;
50
- --ion-color-medium-contrast: #000000;
51
- --ion-color-medium-contrast-rgb: 0, 0, 0;
52
- --ion-color-medium-shade: #86888f;
53
- --ion-color-medium-tint: #a2a4ab;
54
- --ion-color-light: #222428;
55
- --ion-color-light-rgb: 34, 36, 40;
56
- --ion-color-light-contrast: #ffffff;
57
- --ion-color-light-contrast-rgb: 255, 255, 255;
58
- --ion-color-light-shade: #1e2023;
59
- --ion-color-light-tint: #383a3e;
60
- }
61
-
62
- /*
63
- * iOS Dark Theme
64
- * -------------------------------------------
65
- */
66
- .ios body {
67
- --ion-background-color: #000000;
68
- --ion-background-color-rgb: 0, 0, 0;
69
- --ion-text-color: #ffffff;
70
- --ion-text-color-rgb: 255, 255, 255;
71
- --ion-color-step-50: #0d0d0d;
72
- --ion-color-step-100: #1a1a1a;
73
- --ion-color-step-150: #262626;
74
- --ion-color-step-200: #333333;
75
- --ion-color-step-250: #404040;
76
- --ion-color-step-300: #4d4d4d;
77
- --ion-color-step-350: #595959;
78
- --ion-color-step-400: #666666;
79
- --ion-color-step-450: #737373;
80
- --ion-color-step-500: #808080;
81
- --ion-color-step-550: #8c8c8c;
82
- --ion-color-step-600: #999999;
83
- --ion-color-step-650: #a6a6a6;
84
- --ion-color-step-700: #b3b3b3;
85
- --ion-color-step-750: #bfbfbf;
86
- --ion-color-step-800: #cccccc;
87
- --ion-color-step-850: #d9d9d9;
88
- --ion-color-step-900: #e6e6e6;
89
- --ion-color-step-950: #f2f2f2;
90
- --ion-item-background: #000000;
91
- --ion-card-background: #1c1c1d;
92
- }
93
-
94
- .ios ion-modal {
95
- --ion-background-color: var(--ion-color-step-100);
96
- --ion-toolbar-background: var(--ion-color-step-150);
97
- --ion-toolbar-border-color: var(--ion-color-step-250);
98
- }
99
-
100
- /*
101
- * Material Design Dark Theme
102
- * -------------------------------------------
103
- */
104
- .md body {
105
- --ion-background-color: #121212;
106
- --ion-background-color-rgb: 18, 18, 18;
107
- --ion-text-color: #ffffff;
108
- --ion-text-color-rgb: 255, 255, 255;
109
- --ion-border-color: #222222;
110
- --ion-color-step-50: #1e1e1e;
111
- --ion-color-step-100: #2a2a2a;
112
- --ion-color-step-150: #363636;
113
- --ion-color-step-200: #414141;
114
- --ion-color-step-250: #4d4d4d;
115
- --ion-color-step-300: #595959;
116
- --ion-color-step-350: #656565;
117
- --ion-color-step-400: #717171;
118
- --ion-color-step-450: #7d7d7d;
119
- --ion-color-step-500: #898989;
120
- --ion-color-step-550: #949494;
121
- --ion-color-step-600: #a0a0a0;
122
- --ion-color-step-650: #acacac;
123
- --ion-color-step-700: #b8b8b8;
124
- --ion-color-step-750: #c4c4c4;
125
- --ion-color-step-800: #d0d0d0;
126
- --ion-color-step-850: #dbdbdb;
127
- --ion-color-step-900: #e7e7e7;
128
- --ion-color-step-950: #f3f3f3;
129
- --ion-item-background: #1e1e1e;
130
- --ion-toolbar-background: #1f1f1f;
131
- --ion-tab-bar-background: #1f1f1f;
132
- --ion-card-background: #1e1e1e;
133
- }
134
-
135
- /*# sourceMappingURL=dark.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EAEA;EAEA","file":"dark.css","sourcesContent":["/*\n * Dark Colors\n * -------------------------------------------\n */\n\nbody {\n --ion-color-primary: #428cff;\n --ion-color-primary-rgb: 66, 140, 255;\n --ion-color-primary-contrast: #ffffff;\n --ion-color-primary-contrast-rgb: 255, 255, 255;\n --ion-color-primary-shade: #3a7be0;\n --ion-color-primary-tint: #5598ff;\n\n --ion-color-secondary: #50c8ff;\n --ion-color-secondary-rgb: 80, 200, 255;\n --ion-color-secondary-contrast: #ffffff;\n --ion-color-secondary-contrast-rgb: 255, 255, 255;\n --ion-color-secondary-shade: #46b0e0;\n --ion-color-secondary-tint: #62ceff;\n\n --ion-color-tertiary: #6a64ff;\n --ion-color-tertiary-rgb: 106, 100, 255;\n --ion-color-tertiary-contrast: #ffffff;\n --ion-color-tertiary-contrast-rgb: 255, 255, 255;\n --ion-color-tertiary-shade: #5d58e0;\n --ion-color-tertiary-tint: #7974ff;\n\n --ion-color-success: #2fdf75;\n --ion-color-success-rgb: 47, 223, 117;\n --ion-color-success-contrast: #000000;\n --ion-color-success-contrast-rgb: 0, 0, 0;\n --ion-color-success-shade: #29c467;\n --ion-color-success-tint: #44e283;\n\n --ion-color-warning: #ffd534;\n --ion-color-warning-rgb: 255, 213, 52;\n --ion-color-warning-contrast: #000000;\n --ion-color-warning-contrast-rgb: 0, 0, 0;\n --ion-color-warning-shade: #e0bb2e;\n --ion-color-warning-tint: #ffd948;\n\n --ion-color-danger: #ff4961;\n --ion-color-danger-rgb: 255, 73, 97;\n --ion-color-danger-contrast: #ffffff;\n --ion-color-danger-contrast-rgb: 255, 255, 255;\n --ion-color-danger-shade: #e04055;\n --ion-color-danger-tint: #ff5b71;\n\n --ion-color-dark: #f4f5f8;\n --ion-color-dark-rgb: 244, 245, 248;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0, 0, 0;\n --ion-color-dark-shade: #d7d8da;\n --ion-color-dark-tint: #f5f6f9;\n\n --ion-color-medium: #989aa2;\n --ion-color-medium-rgb: 152, 154, 162;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0, 0, 0;\n --ion-color-medium-shade: #86888f;\n --ion-color-medium-tint: #a2a4ab;\n\n --ion-color-light: #222428;\n --ion-color-light-rgb: 34, 36, 40;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255, 255, 255;\n --ion-color-light-shade: #1e2023;\n --ion-color-light-tint: #383a3e;\n}\n\n/*\n * iOS Dark Theme\n * -------------------------------------------\n */\n\n.ios body {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-color-step-50: #0d0d0d;\n --ion-color-step-100: #1a1a1a;\n --ion-color-step-150: #262626;\n --ion-color-step-200: #333333;\n --ion-color-step-250: #404040;\n --ion-color-step-300: #4d4d4d;\n --ion-color-step-350: #595959;\n --ion-color-step-400: #666666;\n --ion-color-step-450: #737373;\n --ion-color-step-500: #808080;\n --ion-color-step-550: #8c8c8c;\n --ion-color-step-600: #999999;\n --ion-color-step-650: #a6a6a6;\n --ion-color-step-700: #b3b3b3;\n --ion-color-step-750: #bfbfbf;\n --ion-color-step-800: #cccccc;\n --ion-color-step-850: #d9d9d9;\n --ion-color-step-900: #e6e6e6;\n --ion-color-step-950: #f2f2f2;\n\n --ion-item-background: #000000;\n\n --ion-card-background: #1c1c1d;\n}\n\n.ios ion-modal {\n --ion-background-color: var(--ion-color-step-100);\n --ion-toolbar-background: var(--ion-color-step-150);\n --ion-toolbar-border-color: var(--ion-color-step-250);\n}\n\n/*\n * Material Design Dark Theme\n * -------------------------------------------\n */\n\n.md body {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-border-color: #222222;\n\n --ion-color-step-50: #1e1e1e;\n --ion-color-step-100: #2a2a2a;\n --ion-color-step-150: #363636;\n --ion-color-step-200: #414141;\n --ion-color-step-250: #4d4d4d;\n --ion-color-step-300: #595959;\n --ion-color-step-350: #656565;\n --ion-color-step-400: #717171;\n --ion-color-step-450: #7d7d7d;\n --ion-color-step-500: #898989;\n --ion-color-step-550: #949494;\n --ion-color-step-600: #a0a0a0;\n --ion-color-step-650: #acacac;\n --ion-color-step-700: #b8b8b8;\n --ion-color-step-750: #c4c4c4;\n --ion-color-step-800: #d0d0d0;\n --ion-color-step-850: #dbdbdb;\n --ion-color-step-900: #e7e7e7;\n --ion-color-step-950: #f3f3f3;\n\n --ion-item-background: #1e1e1e;\n\n --ion-toolbar-background: #1f1f1f;\n\n --ion-tab-bar-background: #1f1f1f;\n\n --ion-card-background: #1e1e1e;\n}\n"]}