@ionic/react 7.7.2-dev.11707425083.192d8103 → 7.7.2-nightly.20240209

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 (32) hide show
  1. package/css/core.css +35 -98
  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/typography.css +1 -1
  15. package/css/typography.css.map +1 -1
  16. package/css/utils.bundle.css.map +1 -1
  17. package/dist/index.js +86 -93
  18. package/dist/index.js.map +1 -1
  19. package/dist/types/components/IonPicker.d.ts +3 -0
  20. package/dist/types/components/index.d.ts +1 -1
  21. package/dist/types/components/proxies.d.ts +0 -3
  22. package/dist/types/hooks/useIonPicker.d.ts +0 -1
  23. package/package.json +2 -2
  24. package/css/themes/dark.always.css +0 -122
  25. package/css/themes/dark.always.css.map +0 -1
  26. package/css/themes/dark.class.css +0 -122
  27. package/css/themes/dark.class.css.map +0 -1
  28. package/css/themes/dark.css +0 -3
  29. package/css/themes/dark.css.map +0 -1
  30. package/css/themes/dark.system.css +0 -124
  31. package/css/themes/dark.system.css.map +0 -1
  32. package/dist/types/components/IonPickerLegacy.d.ts +0 -3
package/dist/types/components/IonPicker.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { JSX } from '@ionic/core/components';
3
+ export declare const IonPicker: import("react").ForwardRefExoticComponent<JSX.IonPicker & Omit<import("react").HTMLAttributes<HTMLIonPickerElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonPickerElement>>;
package/dist/types/components/index.d.ts CHANGED
@@ -5,7 +5,7 @@ export * from './routing-proxies';
5
5
  export { IonAlert } from './IonAlert';
6
6
  export { IonLoading } from './IonLoading';
7
7
  export * from './IonToast';
8
- export { IonPickerLegacy } from './IonPickerLegacy';
8
+ export { IonPicker } from './IonPicker';
9
9
  export * from './IonActionSheet';
10
10
  export { IonModal } from './IonModal';
11
11
  export { IonPopover } from './IonPopover';
package/dist/types/components/proxies.d.ts CHANGED
@@ -39,9 +39,6 @@ export declare const IonMenuToggle: import("react").ForwardRefExoticComponent<JS
39
39
  export declare const IonNav: import("react").ForwardRefExoticComponent<JSX.IonNav & Omit<import("react").HTMLAttributes<HTMLIonNavElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonNavElement>>;
40
40
  export declare const IonNavLink: import("react").ForwardRefExoticComponent<JSX.IonNavLink & Omit<import("react").HTMLAttributes<HTMLIonNavLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonNavLinkElement>>;
41
41
  export declare const IonNote: import("react").ForwardRefExoticComponent<JSX.IonNote & Omit<import("react").HTMLAttributes<HTMLIonNoteElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonNoteElement>>;
42
- export declare const IonPicker: import("react").ForwardRefExoticComponent<JSX.IonPicker & Omit<import("react").HTMLAttributes<HTMLIonPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonPickerElement>>;
43
- export declare const IonPickerColumn: import("react").ForwardRefExoticComponent<JSX.IonPickerColumn & Omit<import("react").HTMLAttributes<HTMLIonPickerColumnElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonPickerColumnElement>>;
44
- export declare const IonPickerColumnOption: import("react").ForwardRefExoticComponent<JSX.IonPickerColumnOption & Omit<import("react").HTMLAttributes<HTMLIonPickerColumnOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonPickerColumnOptionElement>>;
45
42
  export declare const IonProgressBar: import("react").ForwardRefExoticComponent<JSX.IonProgressBar & Omit<import("react").HTMLAttributes<HTMLIonProgressBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonProgressBarElement>>;
46
43
  export declare const IonRadio: import("react").ForwardRefExoticComponent<JSX.IonRadio & Omit<import("react").HTMLAttributes<HTMLIonRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRadioElement>>;
47
44
  export declare const IonRadioGroup: import("react").ForwardRefExoticComponent<JSX.IonRadioGroup & Omit<import("react").HTMLAttributes<HTMLIonRadioGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRadioGroupElement>>;
package/dist/types/hooks/useIonPicker.d.ts CHANGED
@@ -3,7 +3,6 @@ import type { HookOverlayOptions } from './HookOverlayOptions';
3
3
  /**
4
4
  * A hook for presenting/dismissing an IonPicker component
5
5
  * @returns Returns the present and dismiss methods in an array
6
- * @deprecated Use the inline ion-picker component instead.
7
6
  */
8
7
  export declare function useIonPicker(): UseIonPickerResult;
9
8
  export type UseIonPickerResult = [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ionic/react",
3
- "version": "7.7.2-dev.11707425083.192d8103",
3
+ "version": "7.7.2-nightly.20240209",
4
4
  "description": "React specific wrapper for @ionic/core",
5
5
  "keywords": [
6
6
  "ionic",
@@ -39,7 +39,7 @@
39
39
  "css/"
40
40
  ],
41
41
  "dependencies": {
42
- "@ionic/core": "7.7.2-dev.11707425083.192d8103",
42
+ "@ionic/core": "7.7.2-nightly.20240209",
43
43
  "ionicons": "^7.0.0",
44
44
  "tslib": "*"
45
45
  },
package/css/themes/dark.always.css DELETED
@@ -1,122 +0,0 @@
1
- :root {
2
- --ion-color-primary: #4d8dff;
3
- --ion-color-primary-rgb: 77, 141, 255;
4
- --ion-color-primary-contrast: #000000;
5
- --ion-color-primary-contrast-rgb: 0, 0, 0;
6
- --ion-color-primary-shade: #447ce0;
7
- --ion-color-primary-tint: #5f98ff;
8
- --ion-color-secondary: #62bdff;
9
- --ion-color-secondary-rgb: 98, 189, 255;
10
- --ion-color-secondary-contrast: #000000;
11
- --ion-color-secondary-contrast-rgb: 0, 0, 0;
12
- --ion-color-secondary-shade: #56a6e0;
13
- --ion-color-secondary-tint: #72c4ff;
14
- --ion-color-tertiary: #8482fb;
15
- --ion-color-tertiary-rgb: 132, 130, 251;
16
- --ion-color-tertiary-contrast: #000000;
17
- --ion-color-tertiary-contrast-rgb: 0, 0, 0;
18
- --ion-color-tertiary-shade: #7472dd;
19
- --ion-color-tertiary-tint: #908ffb;
20
- --ion-color-success: #2dd55b;
21
- --ion-color-success-rgb: 45, 213, 91;
22
- --ion-color-success-contrast: #000000;
23
- --ion-color-success-contrast-rgb: 0, 0, 0;
24
- --ion-color-success-shade: #28bb50;
25
- --ion-color-success-tint: #42d96b;
26
- --ion-color-warning: #ffce31;
27
- --ion-color-warning-rgb: 255, 206, 49;
28
- --ion-color-warning-contrast: #000000;
29
- --ion-color-warning-contrast-rgb: 0, 0, 0;
30
- --ion-color-warning-shade: #e0b52b;
31
- --ion-color-warning-tint: #ffd346;
32
- --ion-color-danger: #f56570;
33
- --ion-color-danger-rgb: 245, 101, 112;
34
- --ion-color-danger-contrast: #000000;
35
- --ion-color-danger-contrast-rgb: 0, 0, 0;
36
- --ion-color-danger-shade: #d85963;
37
- --ion-color-danger-tint: #f6747e;
38
- --ion-color-dark: #f3f3f3;
39
- --ion-color-dark-rgb: 243, 243, 243;
40
- --ion-color-dark-contrast: #000000;
41
- --ion-color-dark-contrast-rgb: 0, 0, 0;
42
- --ion-color-dark-shade: #d6d6d6;
43
- --ion-color-dark-tint: #f4f4f4;
44
- --ion-color-medium: #959595;
45
- --ion-color-medium-rgb: 149, 149, 149;
46
- --ion-color-medium-contrast: #000000;
47
- --ion-color-medium-contrast-rgb: 0, 0, 0;
48
- --ion-color-medium-shade: #838383;
49
- --ion-color-medium-tint: #a0a0a0;
50
- --ion-color-light: #2f2f2f;
51
- --ion-color-light-rgb: 47, 47, 47;
52
- --ion-color-light-contrast: #ffffff;
53
- --ion-color-light-contrast-rgb: 255, 255, 255;
54
- --ion-color-light-shade: #292929;
55
- --ion-color-light-tint: #444444;
56
- }
57
-
58
- :root.ios {
59
- --ion-background-color: #000000;
60
- --ion-background-color-rgb: 0, 0, 0;
61
- --ion-text-color: #ffffff;
62
- --ion-text-color-rgb: 255, 255, 255;
63
- --ion-color-step-50: #0d0d0d;
64
- --ion-color-step-100: #1a1a1a;
65
- --ion-color-step-150: #262626;
66
- --ion-color-step-200: #333333;
67
- --ion-color-step-250: #404040;
68
- --ion-color-step-300: #4d4d4d;
69
- --ion-color-step-350: #595959;
70
- --ion-color-step-400: #666666;
71
- --ion-color-step-450: #737373;
72
- --ion-color-step-500: #808080;
73
- --ion-color-step-550: #8c8c8c;
74
- --ion-color-step-600: #999999;
75
- --ion-color-step-650: #a6a6a6;
76
- --ion-color-step-700: #b3b3b3;
77
- --ion-color-step-750: #bfbfbf;
78
- --ion-color-step-800: #cccccc;
79
- --ion-color-step-850: #d9d9d9;
80
- --ion-color-step-900: #e6e6e6;
81
- --ion-color-step-950: #f2f2f2;
82
- --ion-item-background: #000000;
83
- --ion-card-background: #1c1c1d;
84
- }
85
- :root.ios ion-modal {
86
- --ion-background-color: var(--ion-color-step-100);
87
- --ion-toolbar-background: var(--ion-color-step-150);
88
- --ion-toolbar-border-color: var(--ion-color-step-250);
89
- }
90
-
91
- :root.md {
92
- --ion-background-color: #121212;
93
- --ion-background-color-rgb: 18, 18, 18;
94
- --ion-text-color: #ffffff;
95
- --ion-text-color-rgb: 255, 255, 255;
96
- --ion-border-color: #222222;
97
- --ion-color-step-50: #1e1e1e;
98
- --ion-color-step-100: #2a2a2a;
99
- --ion-color-step-150: #363636;
100
- --ion-color-step-200: #414141;
101
- --ion-color-step-250: #4d4d4d;
102
- --ion-color-step-300: #595959;
103
- --ion-color-step-350: #656565;
104
- --ion-color-step-400: #717171;
105
- --ion-color-step-450: #7d7d7d;
106
- --ion-color-step-500: #898989;
107
- --ion-color-step-550: #949494;
108
- --ion-color-step-600: #a0a0a0;
109
- --ion-color-step-650: #acacac;
110
- --ion-color-step-700: #b8b8b8;
111
- --ion-color-step-750: #c4c4c4;
112
- --ion-color-step-800: #d0d0d0;
113
- --ion-color-step-850: #dbdbdb;
114
- --ion-color-step-900: #e7e7e7;
115
- --ion-color-step-950: #f3f3f3;
116
- --ion-item-background: #1e1e1e;
117
- --ion-toolbar-background: #1f1f1f;
118
- --ion-tab-bar-background: #1f1f1f;
119
- --ion-card-background: #1e1e1e;
120
- }
121
-
122
- /*# sourceMappingURL=dark.always.css.map */
package/css/themes/dark.always.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.scss"],"names":[],"mappings":"AACE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;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 --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 --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 --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 --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 --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 --ion-color-dark: #f3f3f3;\n --ion-color-dark-rgb: 243, 243, 243;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0, 0, 0;\n --ion-color-dark-shade: #d6d6d6;\n --ion-color-dark-tint: #f4f4f4;\n --ion-color-medium: #959595;\n --ion-color-medium-rgb: 149, 149, 149;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0, 0, 0;\n --ion-color-medium-shade: #838383;\n --ion-color-medium-tint: #a0a0a0;\n --ion-color-light: #2f2f2f;\n --ion-color-light-rgb: 47, 47, 47;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255, 255, 255;\n --ion-color-light-shade: #292929;\n --ion-color-light-tint: #444444;\n }\n}\n\n@mixin dark-ios-theme() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\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 --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n }\n\n & 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@mixin dark-md-theme() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n --ion-border-color: #222222;\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 --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n }\n}\n"]}
package/css/themes/dark.class.css DELETED
@@ -1,122 +0,0 @@
1
- .ion-theme-dark {
2
- --ion-color-primary: #4d8dff;
3
- --ion-color-primary-rgb: 77, 141, 255;
4
- --ion-color-primary-contrast: #000000;
5
- --ion-color-primary-contrast-rgb: 0, 0, 0;
6
- --ion-color-primary-shade: #447ce0;
7
- --ion-color-primary-tint: #5f98ff;
8
- --ion-color-secondary: #62bdff;
9
- --ion-color-secondary-rgb: 98, 189, 255;
10
- --ion-color-secondary-contrast: #000000;
11
- --ion-color-secondary-contrast-rgb: 0, 0, 0;
12
- --ion-color-secondary-shade: #56a6e0;
13
- --ion-color-secondary-tint: #72c4ff;
14
- --ion-color-tertiary: #8482fb;
15
- --ion-color-tertiary-rgb: 132, 130, 251;
16
- --ion-color-tertiary-contrast: #000000;
17
- --ion-color-tertiary-contrast-rgb: 0, 0, 0;
18
- --ion-color-tertiary-shade: #7472dd;
19
- --ion-color-tertiary-tint: #908ffb;
20
- --ion-color-success: #2dd55b;
21
- --ion-color-success-rgb: 45, 213, 91;
22
- --ion-color-success-contrast: #000000;
23
- --ion-color-success-contrast-rgb: 0, 0, 0;
24
- --ion-color-success-shade: #28bb50;
25
- --ion-color-success-tint: #42d96b;
26
- --ion-color-warning: #ffce31;
27
- --ion-color-warning-rgb: 255, 206, 49;
28
- --ion-color-warning-contrast: #000000;
29
- --ion-color-warning-contrast-rgb: 0, 0, 0;
30
- --ion-color-warning-shade: #e0b52b;
31
- --ion-color-warning-tint: #ffd346;
32
- --ion-color-danger: #f56570;
33
- --ion-color-danger-rgb: 245, 101, 112;
34
- --ion-color-danger-contrast: #000000;
35
- --ion-color-danger-contrast-rgb: 0, 0, 0;
36
- --ion-color-danger-shade: #d85963;
37
- --ion-color-danger-tint: #f6747e;
38
- --ion-color-dark: #f3f3f3;
39
- --ion-color-dark-rgb: 243, 243, 243;
40
- --ion-color-dark-contrast: #000000;
41
- --ion-color-dark-contrast-rgb: 0, 0, 0;
42
- --ion-color-dark-shade: #d6d6d6;
43
- --ion-color-dark-tint: #f4f4f4;
44
- --ion-color-medium: #959595;
45
- --ion-color-medium-rgb: 149, 149, 149;
46
- --ion-color-medium-contrast: #000000;
47
- --ion-color-medium-contrast-rgb: 0, 0, 0;
48
- --ion-color-medium-shade: #838383;
49
- --ion-color-medium-tint: #a0a0a0;
50
- --ion-color-light: #2f2f2f;
51
- --ion-color-light-rgb: 47, 47, 47;
52
- --ion-color-light-contrast: #ffffff;
53
- --ion-color-light-contrast-rgb: 255, 255, 255;
54
- --ion-color-light-shade: #292929;
55
- --ion-color-light-tint: #444444;
56
- }
57
-
58
- .ion-theme-dark.ios {
59
- --ion-background-color: #000000;
60
- --ion-background-color-rgb: 0, 0, 0;
61
- --ion-text-color: #ffffff;
62
- --ion-text-color-rgb: 255, 255, 255;
63
- --ion-color-step-50: #0d0d0d;
64
- --ion-color-step-100: #1a1a1a;
65
- --ion-color-step-150: #262626;
66
- --ion-color-step-200: #333333;
67
- --ion-color-step-250: #404040;
68
- --ion-color-step-300: #4d4d4d;
69
- --ion-color-step-350: #595959;
70
- --ion-color-step-400: #666666;
71
- --ion-color-step-450: #737373;
72
- --ion-color-step-500: #808080;
73
- --ion-color-step-550: #8c8c8c;
74
- --ion-color-step-600: #999999;
75
- --ion-color-step-650: #a6a6a6;
76
- --ion-color-step-700: #b3b3b3;
77
- --ion-color-step-750: #bfbfbf;
78
- --ion-color-step-800: #cccccc;
79
- --ion-color-step-850: #d9d9d9;
80
- --ion-color-step-900: #e6e6e6;
81
- --ion-color-step-950: #f2f2f2;
82
- --ion-item-background: #000000;
83
- --ion-card-background: #1c1c1d;
84
- }
85
- .ion-theme-dark.ios ion-modal {
86
- --ion-background-color: var(--ion-color-step-100);
87
- --ion-toolbar-background: var(--ion-color-step-150);
88
- --ion-toolbar-border-color: var(--ion-color-step-250);
89
- }
90
-
91
- .ion-theme-dark.md {
92
- --ion-background-color: #121212;
93
- --ion-background-color-rgb: 18, 18, 18;
94
- --ion-text-color: #ffffff;
95
- --ion-text-color-rgb: 255, 255, 255;
96
- --ion-border-color: #222222;
97
- --ion-color-step-50: #1e1e1e;
98
- --ion-color-step-100: #2a2a2a;
99
- --ion-color-step-150: #363636;
100
- --ion-color-step-200: #414141;
101
- --ion-color-step-250: #4d4d4d;
102
- --ion-color-step-300: #595959;
103
- --ion-color-step-350: #656565;
104
- --ion-color-step-400: #717171;
105
- --ion-color-step-450: #7d7d7d;
106
- --ion-color-step-500: #898989;
107
- --ion-color-step-550: #949494;
108
- --ion-color-step-600: #a0a0a0;
109
- --ion-color-step-650: #acacac;
110
- --ion-color-step-700: #b8b8b8;
111
- --ion-color-step-750: #c4c4c4;
112
- --ion-color-step-800: #d0d0d0;
113
- --ion-color-step-850: #dbdbdb;
114
- --ion-color-step-900: #e7e7e7;
115
- --ion-color-step-950: #f3f3f3;
116
- --ion-item-background: #1e1e1e;
117
- --ion-toolbar-background: #1f1f1f;
118
- --ion-tab-bar-background: #1f1f1f;
119
- --ion-card-background: #1e1e1e;
120
- }
121
-
122
- /*# sourceMappingURL=dark.class.css.map */
package/css/themes/dark.class.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.scss"],"names":[],"mappings":"AACE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"dark.class.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 --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 --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 --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 --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 --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 --ion-color-dark: #f3f3f3;\n --ion-color-dark-rgb: 243, 243, 243;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0, 0, 0;\n --ion-color-dark-shade: #d6d6d6;\n --ion-color-dark-tint: #f4f4f4;\n --ion-color-medium: #959595;\n --ion-color-medium-rgb: 149, 149, 149;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0, 0, 0;\n --ion-color-medium-shade: #838383;\n --ion-color-medium-tint: #a0a0a0;\n --ion-color-light: #2f2f2f;\n --ion-color-light-rgb: 47, 47, 47;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255, 255, 255;\n --ion-color-light-shade: #292929;\n --ion-color-light-tint: #444444;\n }\n}\n\n@mixin dark-ios-theme() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\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 --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n }\n\n & 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@mixin dark-md-theme() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n --ion-border-color: #222222;\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 --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n }\n}\n"]}
package/css/themes/dark.css DELETED
@@ -1,3 +0,0 @@
1
-
2
-
3
- /*# sourceMappingURL=dark.css.map */
package/css/themes/dark.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"dark.css","sourcesContent":[]}
package/css/themes/dark.system.css DELETED
@@ -1,124 +0,0 @@
1
- @media (prefers-color-scheme: dark) {
2
- :root {
3
- --ion-color-primary: #4d8dff;
4
- --ion-color-primary-rgb: 77, 141, 255;
5
- --ion-color-primary-contrast: #000000;
6
- --ion-color-primary-contrast-rgb: 0, 0, 0;
7
- --ion-color-primary-shade: #447ce0;
8
- --ion-color-primary-tint: #5f98ff;
9
- --ion-color-secondary: #62bdff;
10
- --ion-color-secondary-rgb: 98, 189, 255;
11
- --ion-color-secondary-contrast: #000000;
12
- --ion-color-secondary-contrast-rgb: 0, 0, 0;
13
- --ion-color-secondary-shade: #56a6e0;
14
- --ion-color-secondary-tint: #72c4ff;
15
- --ion-color-tertiary: #8482fb;
16
- --ion-color-tertiary-rgb: 132, 130, 251;
17
- --ion-color-tertiary-contrast: #000000;
18
- --ion-color-tertiary-contrast-rgb: 0, 0, 0;
19
- --ion-color-tertiary-shade: #7472dd;
20
- --ion-color-tertiary-tint: #908ffb;
21
- --ion-color-success: #2dd55b;
22
- --ion-color-success-rgb: 45, 213, 91;
23
- --ion-color-success-contrast: #000000;
24
- --ion-color-success-contrast-rgb: 0, 0, 0;
25
- --ion-color-success-shade: #28bb50;
26
- --ion-color-success-tint: #42d96b;
27
- --ion-color-warning: #ffce31;
28
- --ion-color-warning-rgb: 255, 206, 49;
29
- --ion-color-warning-contrast: #000000;
30
- --ion-color-warning-contrast-rgb: 0, 0, 0;
31
- --ion-color-warning-shade: #e0b52b;
32
- --ion-color-warning-tint: #ffd346;
33
- --ion-color-danger: #f56570;
34
- --ion-color-danger-rgb: 245, 101, 112;
35
- --ion-color-danger-contrast: #000000;
36
- --ion-color-danger-contrast-rgb: 0, 0, 0;
37
- --ion-color-danger-shade: #d85963;
38
- --ion-color-danger-tint: #f6747e;
39
- --ion-color-dark: #f3f3f3;
40
- --ion-color-dark-rgb: 243, 243, 243;
41
- --ion-color-dark-contrast: #000000;
42
- --ion-color-dark-contrast-rgb: 0, 0, 0;
43
- --ion-color-dark-shade: #d6d6d6;
44
- --ion-color-dark-tint: #f4f4f4;
45
- --ion-color-medium: #959595;
46
- --ion-color-medium-rgb: 149, 149, 149;
47
- --ion-color-medium-contrast: #000000;
48
- --ion-color-medium-contrast-rgb: 0, 0, 0;
49
- --ion-color-medium-shade: #838383;
50
- --ion-color-medium-tint: #a0a0a0;
51
- --ion-color-light: #2f2f2f;
52
- --ion-color-light-rgb: 47, 47, 47;
53
- --ion-color-light-contrast: #ffffff;
54
- --ion-color-light-contrast-rgb: 255, 255, 255;
55
- --ion-color-light-shade: #292929;
56
- --ion-color-light-tint: #444444;
57
- }
58
-
59
- :root.ios {
60
- --ion-background-color: #000000;
61
- --ion-background-color-rgb: 0, 0, 0;
62
- --ion-text-color: #ffffff;
63
- --ion-text-color-rgb: 255, 255, 255;
64
- --ion-color-step-50: #0d0d0d;
65
- --ion-color-step-100: #1a1a1a;
66
- --ion-color-step-150: #262626;
67
- --ion-color-step-200: #333333;
68
- --ion-color-step-250: #404040;
69
- --ion-color-step-300: #4d4d4d;
70
- --ion-color-step-350: #595959;
71
- --ion-color-step-400: #666666;
72
- --ion-color-step-450: #737373;
73
- --ion-color-step-500: #808080;
74
- --ion-color-step-550: #8c8c8c;
75
- --ion-color-step-600: #999999;
76
- --ion-color-step-650: #a6a6a6;
77
- --ion-color-step-700: #b3b3b3;
78
- --ion-color-step-750: #bfbfbf;
79
- --ion-color-step-800: #cccccc;
80
- --ion-color-step-850: #d9d9d9;
81
- --ion-color-step-900: #e6e6e6;
82
- --ion-color-step-950: #f2f2f2;
83
- --ion-item-background: #000000;
84
- --ion-card-background: #1c1c1d;
85
- }
86
- :root.ios ion-modal {
87
- --ion-background-color: var(--ion-color-step-100);
88
- --ion-toolbar-background: var(--ion-color-step-150);
89
- --ion-toolbar-border-color: var(--ion-color-step-250);
90
- }
91
-
92
- :root.md {
93
- --ion-background-color: #121212;
94
- --ion-background-color-rgb: 18, 18, 18;
95
- --ion-text-color: #ffffff;
96
- --ion-text-color-rgb: 255, 255, 255;
97
- --ion-border-color: #222222;
98
- --ion-color-step-50: #1e1e1e;
99
- --ion-color-step-100: #2a2a2a;
100
- --ion-color-step-150: #363636;
101
- --ion-color-step-200: #414141;
102
- --ion-color-step-250: #4d4d4d;
103
- --ion-color-step-300: #595959;
104
- --ion-color-step-350: #656565;
105
- --ion-color-step-400: #717171;
106
- --ion-color-step-450: #7d7d7d;
107
- --ion-color-step-500: #898989;
108
- --ion-color-step-550: #949494;
109
- --ion-color-step-600: #a0a0a0;
110
- --ion-color-step-650: #acacac;
111
- --ion-color-step-700: #b8b8b8;
112
- --ion-color-step-750: #c4c4c4;
113
- --ion-color-step-800: #d0d0d0;
114
- --ion-color-step-850: #dbdbdb;
115
- --ion-color-step-900: #e7e7e7;
116
- --ion-color-step-950: #f3f3f3;
117
- --ion-item-background: #1e1e1e;
118
- --ion-toolbar-background: #1f1f1f;
119
- --ion-tab-bar-background: #1f1f1f;
120
- --ion-card-background: #1e1e1e;
121
- }
122
- }
123
-
124
- /*# sourceMappingURL=dark.system.css.map */
package/css/themes/dark.system.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.system.scss","../../src/css/themes/dark.scss"],"names":[],"mappings":"AAEA;ECDE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAKF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;;EAKF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA","file":"dark.system.css","sourcesContent":["@import \"./dark\";\n\n@media (prefers-color-scheme: dark) {\n :root {\n @include dark-base-theme();\n }\n\n :root.ios {\n @include dark-ios-theme();\n }\n\n :root.md {\n @include dark-md-theme();\n }\n}\n","@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 --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 --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 --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 --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 --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 --ion-color-dark: #f3f3f3;\n --ion-color-dark-rgb: 243, 243, 243;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0, 0, 0;\n --ion-color-dark-shade: #d6d6d6;\n --ion-color-dark-tint: #f4f4f4;\n --ion-color-medium: #959595;\n --ion-color-medium-rgb: 149, 149, 149;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0, 0, 0;\n --ion-color-medium-shade: #838383;\n --ion-color-medium-tint: #a0a0a0;\n --ion-color-light: #2f2f2f;\n --ion-color-light-rgb: 47, 47, 47;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255, 255, 255;\n --ion-color-light-shade: #292929;\n --ion-color-light-tint: #444444;\n }\n}\n\n@mixin dark-ios-theme() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\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 --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n }\n\n & 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@mixin dark-md-theme() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n --ion-border-color: #222222;\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 --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n }\n}\n"]}
package/dist/types/components/IonPickerLegacy.d.ts DELETED
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import type { JSX } from '@ionic/core/components';
3
- export declare const IonPickerLegacy: import("react").ForwardRefExoticComponent<JSX.IonPickerLegacy & Omit<import("react").HTMLAttributes<HTMLIonPickerLegacyElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonPickerLegacyElement>>;