@ionic/vue 7.7.2-dev.11707932366.16baf005 → 7.7.2-dev.11707941206.120570b8

package/dist/vetur/tags.json

@@ -271,6 +271,7 @@
       "disabled",
       "done-text",
       "first-day-of-week",
+      "format-options",
       "highlighted-dates",
       "hour-cycle",
       "hour-values",
@@ -388,6 +389,7 @@
   "ion-input": {
     "description": "",
     "attributes": [
+      "accept",
       "autocapitalize",
       "autocomplete",
       "autocorrect",
@@ -406,6 +408,7 @@
       "inputmode",
       "label",
       "label-placement",
+      "legacy",
       "max",
       "maxlength",
       "min",
@@ -418,6 +421,7 @@
       "readonly",
       "required",
       "shape",
+      "size",
       "spellcheck",
       "step",
       "type",
@@ -609,29 +613,6 @@
     ]
   },
   "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",
@@ -696,6 +677,7 @@
       "disabled",
       "justify",
       "label-placement",
+      "legacy",
       "mode",
       "name",
       "value"
@@ -878,6 +860,7 @@
       "justify",
       "label",
       "label-placement",
+      "legacy",
       "mode",
       "multiple",
       "name",
@@ -980,6 +963,7 @@
       "inputmode",
       "label",
       "label-placement",
+      "legacy",
       "maxlength",
       "minlength",
       "mode",
@@ -1040,6 +1024,7 @@
       "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.2-dev.11707932366.16baf005",
+  "version": "7.7.2-dev.11707941206.120570b8",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -2140,6 +2140,15 @@
                 "type": "number"
               }
             },
+            {
+              "name": "formatOptions",
+              "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).",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "undefined | { date: DateTimeFormatOptions; time?: DateTimeFormatOptions | undefined; } | { date?: DateTimeFormatOptions | undefined; time: DateTimeFormatOptions; }"
+              }
+            },
             {
               "name": "highlightedDates",
               "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\"`.",
@@ -2997,6 +3006,15 @@
             "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\"`.",
@@ -3167,6 +3185,15 @@
                 "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.",
@@ -3278,6 +3305,15 @@
                 "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.",
@@ -4737,141 +4773,6 @@
             "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",
@@ -5031,7 +4932,7 @@
               ]
             },
             {
-              "name": "ionPickerDidDismiss",
+              "name": "onDidDismiss",
               "description": "Emitted after the picker has dismissed.",
               "arguments": [
                 {
@@ -5041,7 +4942,7 @@
               ]
             },
             {
-              "name": "ionPickerDidPresent",
+              "name": "onDidPresent",
               "description": "Emitted after the picker has presented.",
               "arguments": [
                 {
@@ -5051,7 +4952,7 @@
               ]
             },
             {
-              "name": "ionPickerWillDismiss",
+              "name": "onWillDismiss",
               "description": "Emitted before the picker has dismissed.",
               "arguments": [
                 {
@@ -5061,7 +4962,7 @@
               ]
             },
             {
-              "name": "ionPickerWillPresent",
+              "name": "onWillPresent",
               "description": "Emitted before the picker has presented.",
               "arguments": [
                 {
@@ -5531,6 +5432,15 @@
                 "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.",
@@ -6759,6 +6669,15 @@
                 "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.",
@@ -7492,6 +7411,15 @@
                 "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.",
@@ -8065,6 +7993,15 @@
                 "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.2-dev.11707932366.16baf005",
+  "version": "7.7.2-dev.11707941206.120570b8",
   "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.2-dev.11707932366.16baf005",
+    "@ionic/core": "7.7.2-dev.11707941206.120570b8",
     "ionicons": "^7.0.0"
   },
   "vetur": {

package/css/themes/dark.always.css

@@ -1,160 +0,0 @@
-:root {
-  --ion-color-primary: #4d8dff;
-  --ion-color-primary-rgb: 77, 141, 255;
-  --ion-color-primary-contrast: #000000;
-  --ion-color-primary-contrast-rgb: 0, 0, 0;
-  --ion-color-primary-shade: #447ce0;
-  --ion-color-primary-tint: #5f98ff;
-  --ion-color-secondary: #62bdff;
-  --ion-color-secondary-rgb: 98, 189, 255;
-  --ion-color-secondary-contrast: #000000;
-  --ion-color-secondary-contrast-rgb: 0, 0, 0;
-  --ion-color-secondary-shade: #56a6e0;
-  --ion-color-secondary-tint: #72c4ff;
-  --ion-color-tertiary: #8482fb;
-  --ion-color-tertiary-rgb: 132, 130, 251;
-  --ion-color-tertiary-contrast: #000000;
-  --ion-color-tertiary-contrast-rgb: 0, 0, 0;
-  --ion-color-tertiary-shade: #7472dd;
-  --ion-color-tertiary-tint: #908ffb;
-  --ion-color-success: #2dd55b;
-  --ion-color-success-rgb: 45, 213, 91;
-  --ion-color-success-contrast: #000000;
-  --ion-color-success-contrast-rgb: 0, 0, 0;
-  --ion-color-success-shade: #28bb50;
-  --ion-color-success-tint: #42d96b;
-  --ion-color-warning: #ffce31;
-  --ion-color-warning-rgb: 255, 206, 49;
-  --ion-color-warning-contrast: #000000;
-  --ion-color-warning-contrast-rgb: 0, 0, 0;
-  --ion-color-warning-shade: #e0b52b;
-  --ion-color-warning-tint: #ffd346;
-  --ion-color-danger: #f56570;
-  --ion-color-danger-rgb: 245, 101, 112;
-  --ion-color-danger-contrast: #000000;
-  --ion-color-danger-contrast-rgb: 0, 0, 0;
-  --ion-color-danger-shade: #d85963;
-  --ion-color-danger-tint: #f6747e;
-  --ion-color-dark: #f4f5f8;
-  --ion-color-dark-rgb: 244, 245, 248;
-  --ion-color-dark-contrast: #000000;
-  --ion-color-dark-contrast-rgb: 0, 0, 0;
-  --ion-color-dark-shade: #d7d8da;
-  --ion-color-dark-tint: #f5f6f9;
-  --ion-color-medium: #989aa2;
-  --ion-color-medium-rgb: 152, 154, 162;
-  --ion-color-medium-contrast: #000000;
-  --ion-color-medium-contrast-rgb: 0, 0, 0;
-  --ion-color-medium-shade: #86888f;
-  --ion-color-medium-tint: #a2a4ab;
-  --ion-color-light: #222428;
-  --ion-color-light-rgb: 34, 36, 40;
-  --ion-color-light-contrast: #ffffff;
-  --ion-color-light-contrast-rgb: 255, 255, 255;
-  --ion-color-light-shade: #1e2023;
-  --ion-color-light-tint: #383a3e;
-}
-
-:root.ios {
-  --ion-background-color: #000000;
-  --ion-background-color-rgb: 0, 0, 0;
-  --ion-text-color: #ffffff;
-  --ion-text-color-rgb: 255, 255, 255;
-  --ion-background-color-step-50: #0d0d0d;
-  --ion-background-color-step-100: #1a1a1a;
-  --ion-background-color-step-150: #262626;
-  --ion-background-color-step-200: #333333;
-  --ion-background-color-step-250: #404040;
-  --ion-background-color-step-300: #4d4d4d;
-  --ion-background-color-step-350: #595959;
-  --ion-background-color-step-400: #666666;
-  --ion-background-color-step-450: #737373;
-  --ion-background-color-step-500: #808080;
-  --ion-background-color-step-550: #8c8c8c;
-  --ion-background-color-step-600: #999999;
-  --ion-background-color-step-650: #a6a6a6;
-  --ion-background-color-step-700: #b3b3b3;
-  --ion-background-color-step-750: #bfbfbf;
-  --ion-background-color-step-800: #cccccc;
-  --ion-background-color-step-850: #d9d9d9;
-  --ion-background-color-step-900: #e6e6e6;
-  --ion-background-color-step-950: #f2f2f2;
-  --ion-text-color-step-50: #f2f2f2;
-  --ion-text-color-step-100: #e6e6e6;
-  --ion-text-color-step-150: #d9d9d9;
-  --ion-text-color-step-200: #cccccc;
-  --ion-text-color-step-250: #bfbfbf;
-  --ion-text-color-step-300: #b3b3b3;
-  --ion-text-color-step-350: #a6a6a6;
-  --ion-text-color-step-400: #999999;
-  --ion-text-color-step-450: #8c8c8c;
-  --ion-text-color-step-500: #808080;
-  --ion-text-color-step-550: #737373;
-  --ion-text-color-step-600: #666666;
-  --ion-text-color-step-650: #595959;
-  --ion-text-color-step-700: #4d4d4d;
-  --ion-text-color-step-750: #404040;
-  --ion-text-color-step-800: #333333;
-  --ion-text-color-step-850: #262626;
-  --ion-text-color-step-900: #1a1a1a;
-  --ion-text-color-step-950: #0d0d0d;
-  --ion-item-background: #000000;
-  --ion-card-background: #1c1c1d;
-}
-:root.ios ion-modal {
-  --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));
-  --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));
-  --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));
-}
-
-:root.md {
-  --ion-background-color: #121212;
-  --ion-background-color-rgb: 18, 18, 18;
-  --ion-text-color: #ffffff;
-  --ion-text-color-rgb: 255, 255, 255;
-  --ion-border-color: #222222;
-  --ion-background-color-step-50: #1e1e1e;
-  --ion-background-color-step-100: #2a2a2a;
-  --ion-background-color-step-150: #363636;
-  --ion-background-color-step-200: #414141;
-  --ion-background-color-step-250: #4d4d4d;
-  --ion-background-color-step-300: #595959;
-  --ion-background-color-step-350: #656565;
-  --ion-background-color-step-400: #717171;
-  --ion-background-color-step-450: #7d7d7d;
-  --ion-background-color-step-500: #898989;
-  --ion-background-color-step-550: #949494;
-  --ion-background-color-step-600: #a0a0a0;
-  --ion-background-color-step-650: #acacac;
-  --ion-background-color-step-700: #b8b8b8;
-  --ion-background-color-step-750: #c4c4c4;
-  --ion-background-color-step-800: #d0d0d0;
-  --ion-background-color-step-850: #dbdbdb;
-  --ion-background-color-step-900: #e7e7e7;
-  --ion-background-color-step-950: #f3f3f3;
-  --ion-text-color-step-50: #f3f3f3;
-  --ion-text-color-step-100: #e7e7e7;
-  --ion-text-color-step-150: #dbdbdb;
-  --ion-text-color-step-200: #d0d0d0;
-  --ion-text-color-step-250: #c4c4c4;
-  --ion-text-color-step-300: #b8b8b8;
-  --ion-text-color-step-350: #acacac;
-  --ion-text-color-step-400: #a0a0a0;
-  --ion-text-color-step-450: #949494;
-  --ion-text-color-step-500: #898989;
-  --ion-text-color-step-550: #7d7d7d;
-  --ion-text-color-step-600: #717171;
-  --ion-text-color-step-650: #656565;
-  --ion-text-color-step-700: #595959;
-  --ion-text-color-step-750: #4d4d4d;
-  --ion-text-color-step-800: #414141;
-  --ion-text-color-step-850: #363636;
-  --ion-text-color-step-900: #2a2a2a;
-  --ion-text-color-step-950: #1e1e1e;
-  --ion-item-background: #1e1e1e;
-  --ion-toolbar-background: #1f1f1f;
-  --ion-tab-bar-background: #1f1f1f;
-  --ion-card-background: #1e1e1e;
-}
-
-/*# sourceMappingURL=dark.always.css.map */

package/css/themes/dark.always.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.scss"],"names":[],"mappings":"AACE;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;;;AAKF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;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;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA","file":"dark.always.css","sourcesContent":["@mixin dark-base-theme() {\n  & {\n    --ion-color-primary: #4d8dff;\n    --ion-color-primary-rgb: 77, 141, 255;\n    --ion-color-primary-contrast: #000000;\n    --ion-color-primary-contrast-rgb: 0, 0, 0;\n    --ion-color-primary-shade: #447ce0;\n    --ion-color-primary-tint: #5f98ff;\n\n    --ion-color-secondary: #62bdff;\n    --ion-color-secondary-rgb: 98, 189, 255;\n    --ion-color-secondary-contrast: #000000;\n    --ion-color-secondary-contrast-rgb: 0, 0, 0;\n    --ion-color-secondary-shade: #56a6e0;\n    --ion-color-secondary-tint: #72c4ff;\n\n    --ion-color-tertiary: #8482fb;\n    --ion-color-tertiary-rgb: 132, 130, 251;\n    --ion-color-tertiary-contrast: #000000;\n    --ion-color-tertiary-contrast-rgb: 0, 0, 0;\n    --ion-color-tertiary-shade: #7472dd;\n    --ion-color-tertiary-tint: #908ffb;\n\n    --ion-color-success: #2dd55b;\n    --ion-color-success-rgb: 45, 213, 91;\n    --ion-color-success-contrast: #000000;\n    --ion-color-success-contrast-rgb: 0, 0, 0;\n    --ion-color-success-shade: #28bb50;\n    --ion-color-success-tint: #42d96b;\n\n    --ion-color-warning: #ffce31;\n    --ion-color-warning-rgb: 255, 206, 49;\n    --ion-color-warning-contrast: #000000;\n    --ion-color-warning-contrast-rgb: 0, 0, 0;\n    --ion-color-warning-shade: #e0b52b;\n    --ion-color-warning-tint: #ffd346;\n\n    --ion-color-danger: #f56570;\n    --ion-color-danger-rgb: 245, 101, 112;\n    --ion-color-danger-contrast: #000000;\n    --ion-color-danger-contrast-rgb: 0, 0, 0;\n    --ion-color-danger-shade: #d85963;\n    --ion-color-danger-tint: #f6747e;\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@mixin dark-ios-theme() {\n  & {\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-background-color-step-50: #0d0d0d;\n    --ion-background-color-step-100: #1a1a1a;\n    --ion-background-color-step-150: #262626;\n    --ion-background-color-step-200: #333333;\n    --ion-background-color-step-250: #404040;\n    --ion-background-color-step-300: #4d4d4d;\n    --ion-background-color-step-350: #595959;\n    --ion-background-color-step-400: #666666;\n    --ion-background-color-step-450: #737373;\n    --ion-background-color-step-500: #808080;\n    --ion-background-color-step-550: #8c8c8c;\n    --ion-background-color-step-600: #999999;\n    --ion-background-color-step-650: #a6a6a6;\n    --ion-background-color-step-700: #b3b3b3;\n    --ion-background-color-step-750: #bfbfbf;\n    --ion-background-color-step-800: #cccccc;\n    --ion-background-color-step-850: #d9d9d9;\n    --ion-background-color-step-900: #e6e6e6;\n    --ion-background-color-step-950: #f2f2f2;\n\n    --ion-text-color-step-50: #f2f2f2;\n    --ion-text-color-step-100: #e6e6e6;\n    --ion-text-color-step-150: #d9d9d9;\n    --ion-text-color-step-200: #cccccc;\n    --ion-text-color-step-250: #bfbfbf;\n    --ion-text-color-step-300: #b3b3b3;\n    --ion-text-color-step-350: #a6a6a6;\n    --ion-text-color-step-400: #999999;\n    --ion-text-color-step-450: #8c8c8c;\n    --ion-text-color-step-500: #808080;\n    --ion-text-color-step-550: #737373;\n    --ion-text-color-step-600: #666666;\n    --ion-text-color-step-650: #595959;\n    --ion-text-color-step-700: #4d4d4d;\n    --ion-text-color-step-750: #404040;\n    --ion-text-color-step-800: #333333;\n    --ion-text-color-step-850: #262626;\n    --ion-text-color-step-900: #1a1a1a;\n    --ion-text-color-step-950: #0d0d0d;\n\n    --ion-item-background: #000000;\n    --ion-card-background: #1c1c1d;\n  }\n\n  & ion-modal {\n    --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));\n    --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));\n    --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));\n  }\n}\n\n@mixin dark-md-theme() {\n  & {\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-background-color-step-50: #1e1e1e;\n    --ion-background-color-step-100: #2a2a2a;\n    --ion-background-color-step-150: #363636;\n    --ion-background-color-step-200: #414141;\n    --ion-background-color-step-250: #4d4d4d;\n    --ion-background-color-step-300: #595959;\n    --ion-background-color-step-350: #656565;\n    --ion-background-color-step-400: #717171;\n    --ion-background-color-step-450: #7d7d7d;\n    --ion-background-color-step-500: #898989;\n    --ion-background-color-step-550: #949494;\n    --ion-background-color-step-600: #a0a0a0;\n    --ion-background-color-step-650: #acacac;\n    --ion-background-color-step-700: #b8b8b8;\n    --ion-background-color-step-750: #c4c4c4;\n    --ion-background-color-step-800: #d0d0d0;\n    --ion-background-color-step-850: #dbdbdb;\n    --ion-background-color-step-900: #e7e7e7;\n    --ion-background-color-step-950: #f3f3f3;\n\n    --ion-text-color-step-50: #f3f3f3;\n    --ion-text-color-step-100: #e7e7e7;\n    --ion-text-color-step-150: #dbdbdb;\n    --ion-text-color-step-200: #d0d0d0;\n    --ion-text-color-step-250: #c4c4c4;\n    --ion-text-color-step-300: #b8b8b8;\n    --ion-text-color-step-350: #acacac;\n    --ion-text-color-step-400: #a0a0a0;\n    --ion-text-color-step-450: #949494;\n    --ion-text-color-step-500: #898989;\n    --ion-text-color-step-550: #7d7d7d;\n    --ion-text-color-step-600: #717171;\n    --ion-text-color-step-650: #656565;\n    --ion-text-color-step-700: #595959;\n    --ion-text-color-step-750: #4d4d4d;\n    --ion-text-color-step-800: #414141;\n    --ion-text-color-step-850: #363636;\n    --ion-text-color-step-900: #2a2a2a;\n    --ion-text-color-step-950: #1e1e1e;\n\n    --ion-item-background: #1e1e1e;\n    --ion-toolbar-background: #1f1f1f;\n    --ion-tab-bar-background: #1f1f1f;\n    --ion-card-background: #1e1e1e;\n  }\n}\n"]}