@rdlabo/ionic-theme-ios27 0.1.0-0
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.
- package/LICENSE +21 -0
- package/README.md +241 -0
- package/dist/css/components/ion-action-sheet.css +1 -0
- package/dist/css/components/ion-alert.css +1 -0
- package/dist/css/components/ion-button.css +1 -0
- package/dist/css/components/ion-card.css +1 -0
- package/dist/css/components/ion-content.css +1 -0
- package/dist/css/components/ion-datetime.css +1 -0
- package/dist/css/components/ion-fab.css +1 -0
- package/dist/css/components/ion-inputs.css +1 -0
- package/dist/css/components/ion-list.css +1 -0
- package/dist/css/components/ion-loading.css +1 -0
- package/dist/css/components/ion-menu.css +1 -0
- package/dist/css/components/ion-modal.css +1 -0
- package/dist/css/components/ion-picker.css +1 -0
- package/dist/css/components/ion-popover.css +1 -0
- package/dist/css/components/ion-range.css +1 -0
- package/dist/css/components/ion-searchbar.css +1 -0
- package/dist/css/components/ion-segment.css +1 -0
- package/dist/css/components/ion-tabs.css +1 -0
- package/dist/css/components/ion-toast.css +1 -0
- package/dist/css/components/ion-toggle.css +1 -0
- package/dist/css/components/ion-toolbar.css +1 -0
- package/dist/css/default-variables.css +1 -0
- package/dist/css/ionic-theme-ios26-dark-always.css +1 -0
- package/dist/css/ionic-theme-ios26-dark-class.css +1 -0
- package/dist/css/ionic-theme-ios26-dark-system.css +1 -0
- package/dist/css/ionic-theme-ios26.css +1 -0
- package/dist/css/md-ion-list-inset.css +1 -0
- package/dist/css/md-remove-ios-class-effect.css +1 -0
- package/dist/css/utils/api.css +1 -0
- package/dist/css/utils/dark/ion-button.css +1 -0
- package/dist/css/utils/dark/ion-fab.css +1 -0
- package/dist/css/utils/dark/ion-segment.css +1 -0
- package/dist/css/utils/dark/ion-tabs.css +1 -0
- package/dist/css/utils/searchable.css +1 -0
- package/dist/css/utils/structured-list.css +1 -0
- package/dist/css/utils/theme-dark.css +1 -0
- package/dist/css/utils/translucent.css +1 -0
- package/dist/docs.json +234 -0
- package/dist/focus-controller/index.d.ts +6 -0
- package/dist/focus-controller/index.d.ts.map +1 -0
- package/dist/focus-controller/index.js +62 -0
- package/dist/focus-controller /index.d.ts +6 -0
- package/dist/focus-controller /index.d.ts.map +1 -0
- package/dist/focus-controller /index.js +62 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +30 -0
- package/dist/popover/animations/ios.enter.d.ts +4 -0
- package/dist/popover/animations/ios.enter.d.ts.map +1 -0
- package/dist/popover/animations/ios.enter.js +97 -0
- package/dist/popover/animations/ios.leave.d.ts +3 -0
- package/dist/popover/animations/ios.leave.d.ts.map +1 -0
- package/dist/popover/animations/ios.leave.js +60 -0
- package/dist/popover/popover-interface.d.ts +38 -0
- package/dist/popover/popover-interface.d.ts.map +1 -0
- package/dist/popover/popover-interface.js +1 -0
- package/dist/popover/utils.d.ts +37 -0
- package/dist/popover/utils.d.ts.map +1 -0
- package/dist/popover/utils.js +377 -0
- package/dist/sheets-of-glass/animations.d.ts +8 -0
- package/dist/sheets-of-glass/animations.d.ts.map +1 -0
- package/dist/sheets-of-glass/animations.js +97 -0
- package/dist/sheets-of-glass/index.d.ts +3 -0
- package/dist/sheets-of-glass/index.d.ts.map +1 -0
- package/dist/sheets-of-glass/index.js +174 -0
- package/dist/sheets-of-glass/interfaces.d.ts +16 -0
- package/dist/sheets-of-glass/interfaces.d.ts.map +1 -0
- package/dist/sheets-of-glass/interfaces.js +1 -0
- package/dist/tab-bar-searchable/animations/enter.d.ts +8 -0
- package/dist/tab-bar-searchable/animations/enter.d.ts.map +1 -0
- package/dist/tab-bar-searchable/animations/enter.js +73 -0
- package/dist/tab-bar-searchable/animations/leave.d.ts +8 -0
- package/dist/tab-bar-searchable/animations/leave.d.ts.map +1 -0
- package/dist/tab-bar-searchable/animations/leave.js +66 -0
- package/dist/tab-bar-searchable/index.d.ts +4 -0
- package/dist/tab-bar-searchable/index.d.ts.map +1 -0
- package/dist/tab-bar-searchable/index.js +75 -0
- package/dist/tab-bar-searchable/interfaces.d.ts +41 -0
- package/dist/tab-bar-searchable/interfaces.d.ts.map +1 -0
- package/dist/tab-bar-searchable/interfaces.js +5 -0
- package/dist/tab-bar-searchable/utils.d.ts +12 -0
- package/dist/tab-bar-searchable/utils.d.ts.map +1 -0
- package/dist/tab-bar-searchable/utils.js +60 -0
- package/dist/transition/index.d.ts +19 -0
- package/dist/transition/index.d.ts.map +1 -0
- package/dist/transition/index.js +219 -0
- package/dist/transition/ios.transition.d.ts +5 -0
- package/dist/transition/ios.transition.d.ts.map +1 -0
- package/dist/transition/ios.transition.js +609 -0
- package/dist/utils.d.ts +17 -0
- package/dist/utils.d.ts.map +1 -0
- package/dist/utils.js +69 -0
- package/docs/e2e-testing.md +51 -0
- package/docs/eslint.md +73 -0
- package/docs/experimental-animation.md +85 -0
- package/docs/features.md +88 -0
- package/docs/feedback.md +65 -0
- package/docs/ios-18.md +16 -0
- package/docs/migration.md +94 -0
- package/docs/special-markup.md +145 -0
- package/docs/using-ion-item-group.md +47 -0
- package/package.json +63 -0
- package/src/focus-controller/index.ts +123 -0
- package/src/index.ts +33 -0
- package/src/popover/animations/ios.enter.ts +144 -0
- package/src/popover/animations/ios.leave.ts +76 -0
- package/src/popover/popover-interface.ts +44 -0
- package/src/popover/utils.ts +696 -0
- package/src/sheets-of-glass/animations.ts +120 -0
- package/src/sheets-of-glass/index.ts +214 -0
- package/src/sheets-of-glass/interfaces.ts +17 -0
- package/src/styles/components/ion-action-sheet.scss +85 -0
- package/src/styles/components/ion-alert.scss +66 -0
- package/src/styles/components/ion-button.scss +443 -0
- package/src/styles/components/ion-card.scss +7 -0
- package/src/styles/components/ion-content.scss +22 -0
- package/src/styles/components/ion-datetime.scss +9 -0
- package/src/styles/components/ion-fab.scss +104 -0
- package/src/styles/components/ion-inputs.scss +82 -0
- package/src/styles/components/ion-list.scss +44 -0
- package/src/styles/components/ion-loading.scss +11 -0
- package/src/styles/components/ion-menu.scss +110 -0
- package/src/styles/components/ion-modal.scss +42 -0
- package/src/styles/components/ion-picker.scss +4 -0
- package/src/styles/components/ion-popover.scss +33 -0
- package/src/styles/components/ion-range.scss +90 -0
- package/src/styles/components/ion-searchbar.scss +68 -0
- package/src/styles/components/ion-segment.scss +150 -0
- package/src/styles/components/ion-tabs.scss +118 -0
- package/src/styles/components/ion-toast.scss +35 -0
- package/src/styles/components/ion-toggle.scss +65 -0
- package/src/styles/components/ion-toolbar.scss +76 -0
- package/src/styles/default-variables.scss +38 -0
- package/src/styles/ionic-theme-ios26-dark-always.scss +6 -0
- package/src/styles/ionic-theme-ios26-dark-class.scss +6 -0
- package/src/styles/ionic-theme-ios26-dark-system.scss +8 -0
- package/src/styles/ionic-theme-ios26.scss +23 -0
- package/src/styles/md-ion-list-inset.scss +22 -0
- package/src/styles/md-remove-ios-class-effect.scss +14 -0
- package/src/styles/utils/api.scss +146 -0
- package/src/styles/utils/dark/ion-button.scss +58 -0
- package/src/styles/utils/dark/ion-fab.scss +18 -0
- package/src/styles/utils/dark/ion-segment.scss +12 -0
- package/src/styles/utils/dark/ion-tabs.scss +21 -0
- package/src/styles/utils/searchable.scss +0 -0
- package/src/styles/utils/structured-list.scss +170 -0
- package/src/styles/utils/theme-dark.scss +25 -0
- package/src/styles/utils/translucent.scss +95 -0
- package/src/tab-bar-searchable/animations/enter.ts +92 -0
- package/src/tab-bar-searchable/animations/leave.ts +89 -0
- package/src/tab-bar-searchable/index.ts +141 -0
- package/src/tab-bar-searchable/interfaces.ts +28 -0
- package/src/tab-bar-searchable/utils.ts +75 -0
- package/src/transition/index.ts +369 -0
- package/src/transition/ios.transition.ts +966 -0
- package/src/utils.ts +91 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2021
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,241 @@
|
|
|
1
|
+
# Ionic Theme iOS27
|
|
2
|
+
|
|
3
|
+
A CSS/JS theme library that brings the iOS 27 Liquid Glass appearance and navigation animations to Ionic applications while preserving Ionic components and conventions.
|
|
4
|
+
|
|
5
|
+
> [!IMPORTANT]
|
|
6
|
+
> This `main` branch contains the iOS 27 theme under the package name `@rdlabo/ionic-theme-ios27`. Its first npm release is pending. For the iOS 26 theme (`@rdlabo/ionic-theme-ios26`), see the [`ios26` branch](https://github.com/rdlabo-dev/ionic-theme-ios27/tree/ios26).
|
|
7
|
+
|
|
8
|
+
[Try the iOS 27 demo](https://ionic-theme-ios27.rdlabo.dev/).
|
|
9
|
+
|
|
10
|
+
<!-- rdlabo-docs-pick -->
|
|
11
|
+
|
|
12
|
+
<p>
|
|
13
|
+
<img src="./screenshots/ios27-settings.png" width="32%" alt="iOS 27 theme: Settings in light mode with a Liquid Glass search bar" />
|
|
14
|
+
<img src="./screenshots/ios27-settings-dark.png" width="32%" alt="iOS 27 theme: Settings in dark mode" />
|
|
15
|
+
<img src="./screenshots/ios27-library.png" width="32%" alt="iOS 27 theme: Library with Liquid Glass buttons and tab bar" />
|
|
16
|
+
</p>
|
|
17
|
+
|
|
18
|
+
<!-- /rdlabo-docs-pick -->
|
|
19
|
+
|
|
20
|
+
## Installation
|
|
21
|
+
|
|
22
|
+
Requires `@ionic/core` 8.8.1 or later (Ionic 8 and 9). After the first npm release, install it in an existing Ionic project:
|
|
23
|
+
|
|
24
|
+
```bash
|
|
25
|
+
npm install @rdlabo/ionic-theme-ios27
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
The stylesheet filenames still use `ionic-theme-ios26` inside the new package. Use the paths below to load the iOS 27 theme.
|
|
29
|
+
|
|
30
|
+
And import the theme in your project's main CSS file (e.g., `src/styles.scss`).
|
|
31
|
+
|
|
32
|
+
```css
|
|
33
|
+
@import '@rdlabo/ionic-theme-ios27/dist/css/default-variables.css';
|
|
34
|
+
@import '@rdlabo/ionic-theme-ios27/dist/css/ionic-theme-ios26.css';
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Keep Material Design mode unaffected by the iOS theme
|
|
38
|
+
* when the same markup is used in both modes.
|
|
39
|
+
* Note: This stylesheet is not included in `@rdlabo/ionic-theme-md3`.
|
|
40
|
+
*/
|
|
41
|
+
@import '@rdlabo/ionic-theme-ios27/dist/css/md-remove-ios-class-effect.css';
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* If you will use the design of ion-item-group with ion-list on Android as well, import it.
|
|
45
|
+
* More info: ./docs/using-ion-item-group.md
|
|
46
|
+
* Note: This stylesheet is included in `@rdlabo/ionic-theme-md3`.
|
|
47
|
+
* @import '@rdlabo/ionic-theme-ios27/dist/css/md-ion-list-inset.css';
|
|
48
|
+
*/
|
|
49
|
+
|
|
50
|
+
/*
|
|
51
|
+
* Support Dark Mode
|
|
52
|
+
* We support Ionic Dark Mode. More information is here: https://ionicframework.com/docs/theming/dark-mode
|
|
53
|
+
* use Always: @import '@rdlabo/ionic-theme-ios27/dist/css/ionic-theme-ios26-dark-always.css'
|
|
54
|
+
* use System: @import '@rdlabo/ionic-theme-ios27/dist/css/ionic-theme-ios26-dark-system.css'
|
|
55
|
+
* use CSS Class: @import '@rdlabo/ionic-theme-ios27/dist/css/ionic-theme-ios26-dark-class.css'
|
|
56
|
+
*/
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
### Configure animations
|
|
60
|
+
|
|
61
|
+
If you installed only the iOS 27 theme, configure its animations as follows.
|
|
62
|
+
|
|
63
|
+
```ts
|
|
64
|
+
import { isPlatform } from '@ionic/core'; // or @ionic/angular (Ionic 9), @ionic/angular/standalone (Ionic 8), @ionic/react, @ionic/vue
|
|
65
|
+
import { iosTransitionAnimation, popoverEnterAnimation, popoverLeaveAnimation } from '@rdlabo/ionic-theme-ios27';
|
|
66
|
+
|
|
67
|
+
// Angular
|
|
68
|
+
provideIonicAngular({
|
|
69
|
+
...
|
|
70
|
+
navAnimation: isPlatform('ios') ? iosTransitionAnimation: undefined,
|
|
71
|
+
popoverEnter: isPlatform('ios') ? popoverEnterAnimation: undefined,
|
|
72
|
+
popoverLeave: isPlatform('ios') ? popoverLeaveAnimation: undefined,
|
|
73
|
+
});
|
|
74
|
+
|
|
75
|
+
// React
|
|
76
|
+
setupIonicReact({
|
|
77
|
+
...
|
|
78
|
+
navAnimation: isPlatform('ios') ? iosTransitionAnimation: undefined,
|
|
79
|
+
popoverEnter: isPlatform('ios') ? popoverEnterAnimation: undefined,
|
|
80
|
+
popoverLeave: isPlatform('ios') ? popoverLeaveAnimation: undefined,
|
|
81
|
+
});
|
|
82
|
+
|
|
83
|
+
// Vue
|
|
84
|
+
createApp(App)
|
|
85
|
+
.use(IonicVue, {
|
|
86
|
+
...
|
|
87
|
+
navAnimation: isPlatform('ios') ? iosTransitionAnimation: undefined,
|
|
88
|
+
popoverEnter: isPlatform('ios') ? popoverEnterAnimation: undefined,
|
|
89
|
+
popoverLeave: isPlatform('ios') ? popoverLeaveAnimation: undefined,
|
|
90
|
+
})
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
### Check the theme
|
|
94
|
+
|
|
95
|
+
Test on iOS. When previewing on desktop, set Ionic mode to `ios` in your existing framework initialization config (for example `mode: 'ios'`).
|
|
96
|
+
|
|
97
|
+
Use this markup to preview the inset grouped list look. For the list structure the theme expects, see [Using ion-item-group](./docs/using-ion-item-group.md).
|
|
98
|
+
|
|
99
|
+
```html
|
|
100
|
+
<ion-list mode="ios" inset="true">
|
|
101
|
+
<ion-item-group>
|
|
102
|
+
<ion-item><ion-label>Notifications</ion-label></ion-item>
|
|
103
|
+
<ion-item><ion-label>Appearance</ion-label></ion-item>
|
|
104
|
+
</ion-item-group>
|
|
105
|
+
</ion-list>
|
|
106
|
+
```
|
|
107
|
+
|
|
108
|
+
### Optional: use the iOS 27 and MD3 themes together
|
|
109
|
+
|
|
110
|
+
Install the MD3 theme to style both Ionic modes from the same application.
|
|
111
|
+
|
|
112
|
+
The current releases of both themes require `@ionic/core` 8.8.1 or later.
|
|
113
|
+
|
|
114
|
+
```bash
|
|
115
|
+
npm install @rdlabo/ionic-theme-md3
|
|
116
|
+
```
|
|
117
|
+
|
|
118
|
+
When your global stylesheet uses Sass, initialize the themes in this order:
|
|
119
|
+
|
|
120
|
+
```scss
|
|
121
|
+
@use '@rdlabo/ionic-theme-ios27/src/styles/default-variables.scss' as ios27-vars;
|
|
122
|
+
@use '@rdlabo/ionic-theme-ios27/src/styles/ionic-theme-ios26.scss';
|
|
123
|
+
@use '@rdlabo/ionic-theme-ios27/src/styles/ionic-theme-ios26-dark-class.scss';
|
|
124
|
+
@use '@rdlabo/ionic-theme-ios27/src/styles/md-remove-ios-class-effect.scss';
|
|
125
|
+
@use '@rdlabo/ionic-theme-md3/dist/css/default-variables.css' as md3-vars;
|
|
126
|
+
@use '@rdlabo/ionic-theme-md3/dist/css/ionic-theme-md3.css';
|
|
127
|
+
```
|
|
128
|
+
|
|
129
|
+
The example uses Ionic's class-based dark mode. Your global stylesheet must also load Ionic's matching dark palette, such as `@ionic/angular/css/palettes/dark.class.css` for Angular. When using `dark-system` or `dark-always`, select the same variant for both Ionic's palette and the iOS 27 theme. See Ionic's [Dark Mode documentation](https://ionicframework.com/docs/theming/dark-mode). The explicit `ios27-vars` and `md3-vars` namespaces prevent the two variable modules from using the same default namespace.
|
|
130
|
+
|
|
131
|
+
Configure both transition implementations when both themes are installed:
|
|
132
|
+
|
|
133
|
+
```ts
|
|
134
|
+
import { isPlatform } from '@ionic/core'; // or @ionic/angular (Ionic 9), @ionic/angular/standalone (Ionic 8), @ionic/react, @ionic/vue
|
|
135
|
+
import { iosTransitionAnimation, popoverEnterAnimation, popoverLeaveAnimation } from '@rdlabo/ionic-theme-ios27';
|
|
136
|
+
import { mdTransitionAnimation } from '@rdlabo/ionic-theme-md3';
|
|
137
|
+
|
|
138
|
+
// Angular
|
|
139
|
+
provideIonicAngular({
|
|
140
|
+
...
|
|
141
|
+
navAnimation: isPlatform('ios') ? iosTransitionAnimation : mdTransitionAnimation,
|
|
142
|
+
popoverEnter: isPlatform('ios') ? popoverEnterAnimation : undefined,
|
|
143
|
+
popoverLeave: isPlatform('ios') ? popoverLeaveAnimation : undefined,
|
|
144
|
+
});
|
|
145
|
+
|
|
146
|
+
// React
|
|
147
|
+
setupIonicReact({
|
|
148
|
+
...
|
|
149
|
+
navAnimation: isPlatform('ios') ? iosTransitionAnimation : mdTransitionAnimation,
|
|
150
|
+
popoverEnter: isPlatform('ios') ? popoverEnterAnimation : undefined,
|
|
151
|
+
popoverLeave: isPlatform('ios') ? popoverLeaveAnimation : undefined,
|
|
152
|
+
});
|
|
153
|
+
|
|
154
|
+
// Vue
|
|
155
|
+
createApp(App)
|
|
156
|
+
.use(IonicVue, {
|
|
157
|
+
...
|
|
158
|
+
navAnimation: isPlatform('ios') ? iosTransitionAnimation : mdTransitionAnimation,
|
|
159
|
+
popoverEnter: isPlatform('ios') ? popoverEnterAnimation : undefined,
|
|
160
|
+
popoverLeave: isPlatform('ios') ? popoverLeaveAnimation : undefined,
|
|
161
|
+
});
|
|
162
|
+
```
|
|
163
|
+
|
|
164
|
+
## Documentation
|
|
165
|
+
|
|
166
|
+
- [Using ion-item-group](./docs/using-ion-item-group.md) — required markup for inset lists.
|
|
167
|
+
- [Special markup and classes](./docs/special-markup.md) — opt-in markup and utility classes used by the theme.
|
|
168
|
+
- [ESLint](./docs/eslint.md) — check list structure with ESLint rules.
|
|
169
|
+
- [Features](./docs/features.md) — CSS variables, Liquid Glass, selective imports, and dark mode.
|
|
170
|
+
- [Experimental Animation](./docs/experimental-animation.md) — tab bar and searchable effects.
|
|
171
|
+
- [iOS 26 migration history](https://github.com/rdlabo-dev/ionic-theme-ios27/blob/ios26/docs/migration.md) — earlier major-version changes for the previous package.
|
|
172
|
+
|
|
173
|
+
<!-- rdlabo-docs-omit -->
|
|
174
|
+
|
|
175
|
+
**iOS 26 documentation:** See the [`ios26` branch README](https://github.com/rdlabo-dev/ionic-theme-ios27/blob/ios26/README.md) for the previous theme.
|
|
176
|
+
|
|
177
|
+
## Development & Testing
|
|
178
|
+
|
|
179
|
+
### Demo Application
|
|
180
|
+
|
|
181
|
+
The same demo is deployed against both supported Ionic versions:
|
|
182
|
+
|
|
183
|
+
- [Ionic 9 demo](https://ionic-theme-ios27.rdlabo.dev) — canonical
|
|
184
|
+
- [Ionic 8 demo](https://ionic8-theme-ios27.rdlabo.dev) — compatibility
|
|
185
|
+
|
|
186
|
+
The `demo/` directory contains the Angular application used by both deployments. To run it locally:
|
|
187
|
+
|
|
188
|
+
```bash
|
|
189
|
+
cd demo
|
|
190
|
+
npm install
|
|
191
|
+
npm start
|
|
192
|
+
```
|
|
193
|
+
|
|
194
|
+
### Visual Regression Testing
|
|
195
|
+
|
|
196
|
+
We use Playwright for visual regression testing to ensure consistent styling across all components. The test suite automatically captures screenshots of all routes in both light and dark modes.
|
|
197
|
+
|
|
198
|
+
#### Running Tests
|
|
199
|
+
|
|
200
|
+
```bash
|
|
201
|
+
cd demo
|
|
202
|
+
|
|
203
|
+
# Run all E2E tests
|
|
204
|
+
npm run test:e2e
|
|
205
|
+
|
|
206
|
+
# Run tests in UI mode (interactive)
|
|
207
|
+
npm run test:e2e:ui
|
|
208
|
+
|
|
209
|
+
# Debug tests
|
|
210
|
+
npm run test:e2e:debug
|
|
211
|
+
|
|
212
|
+
# Update baseline screenshots (when intentionally changing UI)
|
|
213
|
+
npm run test:e2e:update
|
|
214
|
+
```
|
|
215
|
+
|
|
216
|
+
### Prerelease channels
|
|
217
|
+
|
|
218
|
+
An open, non-draft pull request can be published to the npm `beta` dist-tag after its `Lint`, `E2E Screenshot Tests Pull Request`, and `Package Candidate` workflows pass. A repository owner or maintainer must add a comment whose entire body is:
|
|
219
|
+
|
|
220
|
+
```text
|
|
221
|
+
/beta
|
|
222
|
+
```
|
|
223
|
+
|
|
224
|
+
The request authorizes only the pull request head SHA and base branch that existed when the comment was added. The workflow revalidates the owner or maintainer permission, head SHA, and base branch immediately before publishing. Any new commit or retargeting invalidates the request; the new state must pass CI and receive a fresh owner or maintainer `/beta` comment. Fork pull requests are supported. Pull requests that change a release-gating workflow cannot be beta-published until those workflow changes land on their target branch.
|
|
225
|
+
|
|
226
|
+
Beta versions use `<base>-beta.pr<PR number>.sha<12-character SHA>`. The pull request receives a comment containing the immutable version and exact `npm install` command.
|
|
227
|
+
|
|
228
|
+
When a pull request is merged into `main` or `ios26`, it is automatically published to the npm `beta` dist-tag only after `Lint`, `E2E Screenshot Tests`, and `Package Candidate` all succeed for that exact merge commit. Direct pushes do not publish a candidate. Merge candidates use `<base>-beta.pr<PR number>.sha<12-character SHA>` and the merged pull request receives the exact install command.
|
|
229
|
+
|
|
230
|
+
Candidate code is built in a read-only workflow without npm publishing credentials. The privileged release workflow never checks out or executes pull request code; it revalidates the source workflow and package identity, then publishes only the immutable packed artifact with lifecycle scripts disabled. The install-command comment is a separate best-effort notification and cannot invalidate a successful npm publish.
|
|
231
|
+
|
|
232
|
+
Only `npm run release` can create a release tag. Stable `ios27-vX.Y.Z` tags (major, minor, or patch releases) publish to npm `latest`; revision/prerelease tags publish to `next`. Neither `beta` nor `next` publishing changes the npm `latest` dist-tag.
|
|
233
|
+
|
|
234
|
+
<!-- /rdlabo-docs-omit -->
|
|
235
|
+
|
|
236
|
+
<!-- rdlabo-docs-omit -->
|
|
237
|
+
|
|
238
|
+
## Maintainers
|
|
239
|
+
|
|
240
|
+
- [rdlabo](https://rdlabo.dev/)
|
|
241
|
+
<!-- /rdlabo-docs-omit -->
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-action-sheet.ios:not(.ios26-disabled){--backdrop-opacity: 0.2;--color: var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-wrapper{padding-bottom:0;bottom:var(--ios26-floating-safe-area-bottom)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform 200ms ease}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container:has(.ion-activated){transform:scale(1.016);background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container:has(.ion-activated){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container:has(.ion-activated){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container:has(.ion-activated){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{margin:0 12px;border-radius:32px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title,ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-has-sub-title{background:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title{padding-top:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group{background:rgba(0,0,0,0)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.ion-activated{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button::after{content:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(.action-sheet-destructive):not(.action-sheet-selected){--button-color: var(--ion-text-color, #000);--button-color-hover: var(--ion-text-color, #000);--button-color-activated: var(--ion-text-color, #000)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-destructive{--button-color: var(--ion-color-danger, #c5000f);--button-color-hover: var(--ion-color-danger, #c5000f)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-cancel{margin-top:12px;font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{border-radius:32px;padding:0 14px;min-height:52px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner{font-size:1rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner ion-icon{font-size:1.2rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(:last-child){margin-bottom:8px}ion-action-sheet.ios.select-action-sheet:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-cancel{display:none}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-alert.ios:not(.ios26-disabled){--min-width: 280px;--backdrop-opacity: 0.2;--max-width: 322px;transition:transform 200ms ease}ion-alert.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.016)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-alert.ios:not(.ios26-disabled) .alert-wrapper{border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-alert.ios:not(.ios26-disabled) .alert-wrapper{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-alert.ios:not(.ios26-disabled) .alert-wrapper:has(.ion-activated){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-alert.ios:not(.ios26-disabled) .alert-wrapper:has(.ion-activated){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-alert.ios:not(.ios26-disabled) .alert-wrapper:has(.ion-activated){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-alert.ios:not(.ios26-disabled) .alert-wrapper:has(.ion-activated){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{border-radius:32px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-head,ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{text-align:left;margin-left:14px;margin-right:14px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{font-size:.98rem;line-height:1.2rem;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group{padding:0;margin-bottom:12px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group button{padding:0 8px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group{padding:0 8px 12px;gap:8px 0}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{transition:background .2s ease;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button.ion-activated{background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{border:none;border-radius:32px;margin:0 6px;min-width:calc(50% - 12px);height:48px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button:not(.alert-button-role-destructive){color:var(--ion-text-color, #000)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{font-weight:550}ion-alert.ios:not(.ios26-disabled) .alert-wrapper button.action-sheet-cancel{margin-top:12px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.08);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:25px;overflow:hidden}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):not(:has(.ion-activated)):hover{opacity:.72}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transition:transform var(--ios26-activated-transition-duration) ease-out;z-index:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated){z-index:5;background-color:rgba(var(--ios26-glass-background-rgb), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.95),inset 0 1px 3px 0 rgba(var(--ios26-glass-border-color-rgb), 0.85),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.6),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.12);transform:scale(1.38) translateZ(0);-webkit-transform:scale(1.38) translateZ(0)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(ion-button:nth-child(n+2)){transform:scale(1.25) translateZ(0);-webkit-transform:scale(1.25) translateZ(0)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small){transform:scale(1.18) translateZ(0);-webkit-transform:scale(1.18) translateZ(0)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small):has(ion-button:nth-child(n+2)){transform:scale(1.12) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large){transform:scale(1.22) translateZ(0);-webkit-transform:scale(1.22) translateZ(0)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large):has(ion-button:nth-child(n+2)){transform:scale(1.12) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(ion-button:not(.ios26-disabled).button-clear.button-large){border-radius:30px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear{--background: transparent;--border-style: none;--border-width: 0;--box-shadow: none;transform:none;font-weight:500}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.button-small{min-height:22px;--padding-top: 1px;--padding-bottom: 1px;--padding-start: 0.5em;--padding-end: 0.5em}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.button-default{--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.button-default::part(native){min-height:42px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.button-large{min-height:60px;--padding-top: 17px;--padding-start: 1em;--padding-end: 1em;--padding-bottom: 17px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear:not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled).button-clear::part(native){backdrop-filter:none}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}.header-collapse-main :where(ion-toolbar.in-toolbar) ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transition:transform var(--ios26-activated-transition-duration) ease-out}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button{margin:0 6px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:first-child{margin-left:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:last-child{margin-right:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:only-child{margin:0}ion-button.ios:not(.ios26-disabled){max-height:inherit;z-index:0}ion-button.ios:not(.ios26-disabled).ion-activated{z-index:10}ion-button.ios:not(.ios26-disabled){transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease}ion-button.ios:not(.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color){--ion-toolbar-color: currentColor}ion-button.ios:not(.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color).button-solid{--ion-toolbar-color: var(--background);--ion-toolbar-background: currentColor}ion-button.ios:not(.ios26-disabled):not(.ios26-disabled):hover,ion-button.ios:not(.ios26-disabled):not(.ios26-disabled):active,ion-button.ios:not(.ios26-disabled):not(.ios26-disabled).ion-activated{will-change:transform}ion-button.ios:not(.ios26-disabled):not(.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only){--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit],ion-button.ios:not(.ios26-disabled).button-solid.button-submit{--background-activated: var(--ion-color-primary-shade, #004acd);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]),ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]){--color: var(--ion-color-primary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-primary,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-primary{--color: var(--ion-color-primary-brightness, var(--ion-color-primary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-secondary,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-secondary{--color: var(--ion-color-secondary-brightness, var(--ion-color-secondary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-secondary-brightness);--border-color: var(--ion-color-secondary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-tertiary,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-tertiary{--color: var(--ion-color-tertiary-brightness, var(--ion-color-tertiary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-tertiary-brightness);--border-color: var(--ion-color-tertiary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-success,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-success{--color: var(--ion-color-success-brightness, var(--ion-color-success-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-success-brightness);--border-color: var(--ion-color-success-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-warning,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-warning{--color: var(--ion-color-warning-brightness, var(--ion-color-warning-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-warning-brightness);--border-color: var(--ion-color-warning-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-danger,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-danger{--color: var(--ion-color-danger-brightness, var(--ion-color-danger-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-danger-brightness);--border-color: var(--ion-color-danger-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-light,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-light{--color: var(--ion-color-light-brightness, var(--ion-color-light-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-light-brightness);--border-color: var(--ion-color-light-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-medium,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-medium{--color: var(--ion-color-medium-brightness, var(--ion-color-medium-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-medium-brightness);--border-color: var(--ion-color-medium-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-dark,ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-dark{--color: var(--ion-color-dark-brightness, var(--ion-color-dark-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-dark-brightness);--border-color: var(--ion-color-dark-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit],ion-button.ios:not(.ios26-disabled).button-solid.button-submit{--background-color: #fff;--background-activated-opacity: 1}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large),ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native),ion-button.ios:not(.ios26-disabled).button-solid.button-submit::part(native){position:relative;z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color::part(native),ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-color::part(native){color:var(--color)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated{--border-width: 0.78px;--box-shadow: inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2), 0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled{--background: var(--ion-background-color-step-200, #cccccc);opacity:1}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled.ion-color,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled.ion-color{--background: var(--ion-color-base);--color: var(--ion-color-contrast);opacity:.38}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled::part(native){color:var(--color)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled.ion-color::part(native),ion-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled.ion-color::part(native){background:var(--background)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled{--border-style: none;--border-width: 0}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios26-glass-background-rgb), 0.72);--background-hover: transparent;--background-activated: transparent;--box-shadow: inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2), 0 0.5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.08)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){backdrop-filter:blur(2px) saturate(360%);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.ion-activated):hover{opacity:.72}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){background-color:rgba(var(--ios26-glass-background-rgb), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.95),inset 0 1px 3px 0 rgba(var(--ios26-glass-border-color-rgb), 0.85),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.6),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.12);opacity:1;color:var(--color)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large){--padding-bottom: 2px;--padding-end: 2px;--padding-start: 2px;--padding-top: 2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;z-index:0}ion-back-button.ios:not(.ios26-disabled).ion-activated{z-index:10}ion-back-button.ios:not(.ios26-disabled){transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease}ion-back-button.ios:not(.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color){--ion-toolbar-color: currentColor}ion-back-button.ios:not(.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color).button-solid{--ion-toolbar-color: var(--background);--ion-toolbar-background: currentColor}ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled):hover,ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled):active,ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled).ion-activated{will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only){--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0;--min-height: 44px}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit],ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit{--background-activated: var(--ion-color-primary-shade, #004acd);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]){--color: var(--ion-color-primary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-primary,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-primary{--color: var(--ion-color-primary-brightness, var(--ion-color-primary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-secondary,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-secondary{--color: var(--ion-color-secondary-brightness, var(--ion-color-secondary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-secondary-brightness);--border-color: var(--ion-color-secondary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-tertiary,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-tertiary{--color: var(--ion-color-tertiary-brightness, var(--ion-color-tertiary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-tertiary-brightness);--border-color: var(--ion-color-tertiary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-success,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-success{--color: var(--ion-color-success-brightness, var(--ion-color-success-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-success-brightness);--border-color: var(--ion-color-success-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-warning,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-warning{--color: var(--ion-color-warning-brightness, var(--ion-color-warning-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-warning-brightness);--border-color: var(--ion-color-warning-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-danger,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-danger{--color: var(--ion-color-danger-brightness, var(--ion-color-danger-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-danger-brightness);--border-color: var(--ion-color-danger-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-light,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-light{--color: var(--ion-color-light-brightness, var(--ion-color-light-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-light-brightness);--border-color: var(--ion-color-light-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-medium,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-medium{--color: var(--ion-color-medium-brightness, var(--ion-color-medium-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-medium-brightness);--border-color: var(--ion-color-medium-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-dark,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-dark{--color: var(--ion-color-dark-brightness, var(--ion-color-dark-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-dark-brightness);--border-color: var(--ion-color-dark-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit],ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit{--background-color: #fff;--background-activated-opacity: 1}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit::part(native){position:relative;z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-color::part(native){color:var(--color)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated::part(native){background-color:rgba(var(--ios26-glass-background-rgb), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.95),inset 0 1px 3px 0 rgba(var(--ios26-glass-border-color-rgb), 0.85),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.6),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled{--background: var(--ion-background-color-step-200, #cccccc);opacity:1}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled.ion-color,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled.ion-color{--background: var(--ion-color-base);--color: var(--ion-color-contrast);opacity:.38}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled::part(native){color:var(--color)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled.ion-color::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled.ion-color::part(native){background:var(--background)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled::part(native){border:none}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios26-glass-background-rgb), 0.72);--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.08);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.ion-activated):hover{opacity:.72}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){background-color:rgba(var(--ios26-glass-background-rgb), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.95),inset 0 1px 3px 0 rgba(var(--ios26-glass-border-color-rgb), 0.85),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.6),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.12);opacity:1;color:var(--color)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large){--padding-bottom: 2px;--padding-end: 2px;--padding-start: 2px;--padding-top: 2px;--min-height: 44px;--min-width: 44px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-card.ios:not(.ios26-disabled){border-radius:24px}ion-card.ios:not(.ios26-disabled) ion-list ion-item{--padding-start: 0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ion-page.ios:not(.ios26-disabled):has(ion-header.header-translucent) ion-content.ios:not(.ios26-disabled).content-fullscreen:has(.ion-content-scroll-host){--padding-top: calc(var(--offset-top) * -1)}.ion-page.ios:not(.ios26-disabled):has(ion-header.header-translucent) ion-content.ios:not(.ios26-disabled).content-fullscreen:has(.ion-content-scroll-host)>*:not(.ion-content-scroll-host,ion-fab){transform:translateY(var(--offset-top))}.ion-page.ios:not(.ios26-disabled):has(ion-header.header-translucent) ion-content.ios:not(.ios26-disabled).content-fullscreen:has(.ion-content-scroll-host) .ion-content-scroll-host{padding-top:var(--offset-top)}.ion-page.ios:not(.ios26-disabled):not(:has(ion-footer)) ion-content.ios:not(.ios26-disabled).content-fullscreen .ion-content-scroll-host{margin-bottom:calc((60px + var(--ios26-floating-safe-area-bottom))*-1);padding-bottom:calc(60px + var(--ios26-floating-safe-area-bottom))}ion-content.ios:not(.ios26-disabled).content-fullscreen:not(:has(.ion-content-scroll-host)){--padding-bottom: calc(60px + var(--ios26-floating-safe-area-bottom))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-datetime.ios:not(.ios26-disabled){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-datetime.ios:not(.ios26-disabled){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-datetime.ios:not(.ios26-disabled){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-datetime.ios:not(.ios26-disabled){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;--wheel-highlight-background: transparent;--wheel-highlight-border-radius: 24px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-fab.ios:not(.ios26-disabled){--transform-value: 2.5px}ion-fab.ios:not(.ios26-disabled):has(>ion-fab-button.fab-button-small){--transform-value: 4px}ion-fab.ios:not(.ios26-disabled) ion-fab-button{--background: rgba(var(--ios26-glass-background-rgb), 0.72);--box-shadow: inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2), 0 0.5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.08);--transition: var(--ios26-activated-transition-duration) transform cubic-bezier(0.25, 1.11, 0.78, 1.59), var(--ios26-activated-transition-duration) color ease;--background-activated-opacity: 0;--background-focused-opacity: 0;--background-hover-opacity: 0;--color: rgb(var(--ion-text-color-rgb, 0, 0, 0));width:61px;height:61px}ion-fab.ios:not(.ios26-disabled) ion-fab-button.fab-button-in-list,ion-fab.ios:not(.ios26-disabled) ion-fab-button.fab-button-small{width:48px;height:48px}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated::part(native){background-color:rgba(var(--ios26-glass-background-rgb), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.95),inset 0 1px 3px 0 rgba(var(--ios26-glass-border-color-rgb), 0.85),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.6),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.12);transform:scale(1.38) translateZ(0);-webkit-transform:scale(1.38) translateZ(0)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.fab-button-large::part(native){transform:scale(1.22) translateZ(0);-webkit-transform:scale(1.22) translateZ(0)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.fab-button-small::part(native){transform:scale(1.18) translateZ(0);-webkit-transform:scale(1.18) translateZ(0)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button::part(native){background-clip:border-box;backdrop-filter:blur(2px) saturate(360%);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-fab.ios:not(.ios26-disabled) ion-fab-button::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-fab.ios:not(.ios26-disabled) ion-fab-button::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-fab.ios:not(.ios26-disabled) ion-fab-button::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-fab.ios:not(.ios26-disabled) ion-fab-list.fab-list-side-top,ion-fab.ios:not(.ios26-disabled) ion-fab-list.fab-list-side-bottom{transform:translateX(var(--transform-value))}ion-fab.ios:not(.ios26-disabled) ion-fab-list.fab-list-side-start,ion-fab.ios:not(.ios26-disabled) ion-fab-list.fab-list-side-end{transform:translateY(var(--transform-value))}ion-fab.ios:not(.ios26-disabled).fab-vertical-top{top:var(--ios26-floating-safe-area-top)}ion-fab.ios:not(.ios26-disabled).fab-vertical-bottom{bottom:var(--ios26-floating-safe-area-bottom)}ion-fab.ios:not(.ios26-disabled).fab-horizontal-start{left:calc(16px + var(--ios26-menu-width, var(--ion-safe-area-left), 0px))}ion-fab.ios:not(.ios26-disabled).fab-horizontal-end{right:calc(16px + var(--ion-safe-area-right, 0px))}ion-fab.ios:not(.ios26-disabled):has(.fab-button-small).fab-horizontal-start{left:calc(10px + var(--ios26-menu-width, var(--ion-safe-area-left), 0px))}ion-fab.ios:not(.ios26-disabled):has(.fab-button-small).fab-horizontal-end{right:calc(10px + var(--ion-safe-area-right, 0px))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-input.ios:not(.ios26-disabled).input-fill-outline{--placeholder-opacity: 1;--padding-top: 12px;--padding-bottom: 0;margin-bottom:12px}ion-input.ios:not(.ios26-disabled).input-fill-outline .input-control,ion-input.ios:not(.ios26-disabled).input-fill-outline .input-wrapper{flex-direction:column}ion-input.ios:not(.ios26-disabled).input-fill-outline .label-text-wrapper{max-width:100%;margin:0 2px 4px;padding:0;font-size:.875rem;line-height:1.25rem;transform:none}ion-input.ios:not(.ios26-disabled).input-fill-outline .native-wrapper{min-height:48px;border:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));border-radius:10px;background:var(--ion-background-color, #fff);transition:border-color 150ms ease}ion-input.ios:not(.ios26-disabled).input-fill-outline .input-bottom{inset-inline:0;padding:4px 2px 0;border:0;font-size:.75rem;line-height:1rem}ion-input.ios:not(.ios26-disabled).input-fill-outline.has-focus .label-text-wrapper{color:var(--highlight-color-focused)}ion-input.ios:not(.ios26-disabled).input-fill-outline.has-focus .native-wrapper{border-color:var(--highlight-color-focused)}ion-input.ios:not(.ios26-disabled).input-fill-outline.ion-touched.ion-invalid .native-wrapper{border-color:var(--highlight-color-invalid)}ion-input.ios:not(.ios26-disabled).input-fill-outline.has-focus.ion-touched.ion-invalid .label-text-wrapper{color:var(--highlight-color-invalid)}ion-input.ios:not(.ios26-disabled).input-fill-outline .native-input{min-height:46px;padding-inline:12px}ion-textarea.ios:not(.ios26-disabled).textarea-fill-outline{--placeholder-opacity: 1;--padding-top: 12px;--padding-bottom: 0;margin-bottom:12px}ion-textarea.ios:not(.ios26-disabled).textarea-fill-outline .textarea-control,ion-textarea.ios:not(.ios26-disabled).textarea-fill-outline .textarea-wrapper{flex-direction:column}ion-textarea.ios:not(.ios26-disabled).textarea-fill-outline .label-text-wrapper{max-width:100%;margin:0 2px 4px;padding:0;font-size:.875rem;line-height:1.25rem;transform:none}ion-textarea.ios:not(.ios26-disabled).textarea-fill-outline .native-wrapper{min-height:48px;border:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));border-radius:10px;background:var(--ion-background-color, #fff);transition:border-color 150ms ease}ion-textarea.ios:not(.ios26-disabled).textarea-fill-outline .textarea-bottom{inset-inline:0;padding:4px 2px 0;border:0;font-size:.75rem;line-height:1rem}ion-textarea.ios:not(.ios26-disabled).textarea-fill-outline.has-focus .label-text-wrapper{color:var(--highlight-color-focused)}ion-textarea.ios:not(.ios26-disabled).textarea-fill-outline.has-focus .native-wrapper{border-color:var(--highlight-color-focused)}ion-textarea.ios:not(.ios26-disabled).textarea-fill-outline.ion-touched.ion-invalid .native-wrapper{border-color:var(--highlight-color-invalid)}ion-textarea.ios:not(.ios26-disabled).textarea-fill-outline.has-focus.ion-touched.ion-invalid .label-text-wrapper{color:var(--highlight-color-invalid)}ion-textarea.ios:not(.ios26-disabled).textarea-fill-outline .native-wrapper{min-height:88px}ion-textarea.ios:not(.ios26-disabled).textarea-fill-outline .native-textarea{min-height:86px;padding-block:12px;padding-inline:12px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-list.ios:not(.ios26-disabled) ion-item:has(ion-input.input-fill-outline),ion-list.ios:not(.ios26-disabled) ion-item:has(ion-textarea.textarea-fill-outline),ion-list.ios:not(.ios26-disabled) ion-item:has(ion-select:is([helpertext]:not([helpertext=""]),[errortext]:not([errortext=""]))),ion-list.ios:not(.ios26-disabled) ion-item:has(ion-input .input-bottom>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty))),ion-list.ios:not(.ios26-disabled) ion-item:has(ion-textarea .textarea-bottom>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty))){--inner-border-width: 0;--inner-padding-bottom: 4px}ion-list.ios:not(.ios26-disabled) ion-item ion-input .input-bottom:not(:has(>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty)))),ion-list.ios:not(.ios26-disabled) ion-item ion-textarea .textarea-bottom:not(:has(>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty)))){display:none}ion-list.ios:not(.ios26-disabled) ion-item{--background-hover-opacity: 0;--background-focused-opacity: 0}ion-list.list-inset.ios:not(.ios26-disabled){background:rgba(0,0,0,0)}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header{display:flex;align-items:center}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-label{font-size:.9rem;margin:8px 4px 4px}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-label:not(.ion-color){color:var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-button{margin-top:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-note{font-size:.9rem;margin:8px 16px 4px 0}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label{width:100%;text-align:center;padding:32px 16px 16px;transform:translateX(5px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-header.header-collapse-condense>ion-toolbar{--min-height: 0;visibility:hidden}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-icon{font-size:2.8rem;border-radius:20%;padding:6px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-icon:not(.ion-color){color:#fff}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label h2{font-size:1.2rem;font-weight:bold;margin-top:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-text{font-size:.9rem}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group){display:block;border-radius:24px;overflow:hidden}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top){display:flex;flex-direction:column;border-radius:0;overflow:visible}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>.radio-group-top{order:1;font-size:.9rem;padding-block-start:8px}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>ion-item:first-of-type{--border-radius: 24px 24px 0 0}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>ion-item:last-of-type{--border-radius: 0 0 24px 24px}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):not(:first-of-type){margin-top:16px}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))::part(container){flex-direction:column;justify-content:center;padding-top:14px;padding-bottom:14px;min-height:64px}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-label,ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-note{width:auto;align-self:flex-start}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-label{margin:0;font-weight:500;font-size:1.15rem;line-height:.9rem}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-note{font-size:.85rem}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-text[slot=end]{padding-left:8px}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item.item-disabled{--detail-icon-opacity: 0.1;opacity:1}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item.item-disabled>*{opacity:.4}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-button[slot=end].ion-align-self-end{transform:translateY(-7px)}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-button[slot=end] ion-icon[slot=icon-only]{font-size:1.2rem;transform:translateY(4px)}ion-list.list-inset.ios:not(.ios26-disabled)>ion-note{--color: var(--ion-color-medium-tint);font-size:.9rem;display:block;margin:8px calc(var(--ion-safe-area-right, 0) + 20px) 8px calc(var(--ion-safe-area-left, 0) + 20px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group{display:block}ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group>.radio-group-top{padding-inline-start:calc(var(--ion-safe-area-left, 0) + 20px);padding-inline-end:calc(var(--ion-safe-area-right, 0) + 20px)}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item{--inner-padding-end: 0}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item::part(native){padding-right:calc(var(--ion-safe-area-right, 0px) + 18px)}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item{--min-height: 52px}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating]{transition:transform 200ms ease}ion-list.list-inset.ios:not(.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating]:not(.label-floating){transform:translateY(-2px)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-loading.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-loading.ios:not(.ios26-disabled) .loading-wrapper{background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-loading.ios:not(.ios26-disabled) .loading-wrapper{border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-loading.ios:not(.ios26-disabled) .loading-wrapper{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-loading.ios:not(.ios26-disabled) .loading-wrapper{transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;padding-inline-start:24px;padding-inline-end:24px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-split-pane.ios:not(.ios26-disabled){--side-max-width: var(--ios26-menu-width)}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible) .split-pane-main ion-tab-bar.ios:not(.ios26-disabled){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)) - 60px - 12px - var(--ios26-menu-width))}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible) .split-pane-main ion-tab-bar.ios:not(.ios26-disabled):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)) - var(--ios26-menu-width))}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-header ion-toolbar{--padding-start: calc(var(--ios26-menu-width) + 4px)}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-header ion-toolbar ion-title.title-default{padding-left:calc(90px + var(--ios26-menu-width))}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-content{--padding-start: var(--ios26-menu-width)}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-content ion-header ion-toolbar{--padding-start: 4px}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-footer ion-toolbar{--padding-start: var(--ios26-menu-width)}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-tab-bar.ios:not(.ios26-disabled)[slot=bottom]{left:calc(16px + var(--ion-safe-area-left, 0px) + var(--ios26-menu-width))}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios26-disabled).menu-side-end) .split-pane-main ion-header ion-toolbar{--padding-end: calc(var(--ios26-menu-width) + 4px)}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios26-disabled).menu-side-end) .split-pane-main ion-header ion-toolbar ion-title.title-default{padding-right:calc(90px + var(--ios26-menu-width))}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios26-disabled).menu-side-end) .split-pane-main ion-content{--padding-end: var(--ios26-menu-width)}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios26-disabled).menu-side-end) .split-pane-main ion-content ion-header ion-toolbar{--padding-start: 4px}ion-split-pane.ios:not(.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios26-disabled).menu-side-end) .split-pane-main ion-footer ion-toolbar{--padding-end: var(--ios26-menu-width)}ion-menu.ios:not(.ios26-disabled){--border: none;--background: transparent;--max-width: var(--ios26-menu-width);position:absolute;top:0;z-index:999}ion-menu.ios:not(.ios26-disabled).menu-side-start{left:0}ion-menu.ios:not(.ios26-disabled).menu-side-end{left:calc(100vw - var(--ios26-menu-width))}ion-menu.ios:not(.ios26-disabled)::part(backdrop){display:none}ion-menu.ios:not(.ios26-disabled) ion-content{--background: transparent;--ios26-content-box-shadow-rgb: transparent}ion-menu.ios:not(.ios26-disabled) ion-content::part(scroll){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-menu.ios:not(.ios26-disabled) ion-content::part(scroll){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-menu.ios:not(.ios26-disabled) ion-content::part(scroll){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-menu.ios:not(.ios26-disabled) ion-content::part(scroll){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:calc(var(--ios26-floating-safe-area-top) + 6px) calc(16px + var(--ion-safe-area-right)) var(--ios26-floating-safe-area-bottom) calc(12px + var(--ion-safe-area-left));border-radius:24px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-modal.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-modal.ios:not(.ios26-disabled)::part(handle){width:80px}ion-modal.ios:not(.ios26-disabled) ion-toolbar{padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left)}ion-modal.ios:not(.ios26-disabled).modal-sheet ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 4px);padding-left:calc(var(--ion-safe-area-left) + 4px)}ion-modal.ios:not(.ios26-disabled):has(.ion-delegate-host):has(ion-datetime){--border-radius: 24px;--ion-background-color: transparent}ion-modal.ios:not(.ios26-disabled).modal-sheet{--border-radius: 30px;--background: rgba(var(--ios26-glass-background-rgb), 1)}ion-modal.ios:not(.ios26-disabled).modal-sheet::part(content){backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-modal.ios:not(.ios26-disabled).modal-sheet::part(content){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-modal.ios:not(.ios26-disabled).modal-sheet::part(content){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-modal.ios:not(.ios26-disabled).modal-sheet::part(content){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-popover.ios:not(.ios26-disabled){--backdrop-opacity: 0.2;--background: rgba(var(--ios26-glass-background-rgb), 0.72);--box-shadow: inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2), 0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82)}ion-popover.ios:not(.ios26-disabled)::part(arrow){display:none}ion-popover.ios:not(.ios26-disabled)::part(content){backdrop-filter:blur(2px) saturate(360%);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-popover.ios:not(.ios26-disabled)::part(content){border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-popover.ios:not(.ios26-disabled)::part(content){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-popover.ios:not(.ios26-disabled)::part(content){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;padding:0}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list{background:rgba(0,0,0,0)}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list ion-item{--background: transparent}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list ion-item:last-of-type{--border-width: 0px;--show-full-highlight: 0;--inner-border-width: 0px;--show-inset-highlight: 0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-range.ios:not(.ios26-disabled){--knob-size: 20px;--knob-width: 38px;--knob-border-radius: 24px}ion-range.ios:not(.ios26-disabled).range-label-placement-start::part(label){margin-inline:0 24px}ion-range.ios:not(.ios26-disabled).range-label-placement-end::part(label){margin-inline:24px 0}ion-range.ios:not(.ios26-disabled) [slot=start]{margin-inline:0 24px}ion-range.ios:not(.ios26-disabled) [slot=end]{margin-inline:24px 0}ion-range.ios:not(.ios26-disabled)::part(knob){width:var(--knob-width);margin-inline-start:-8px;transition:transform 300ms ease,margin 300ms ease,box-shadow 200ms ease}ion-range.ios:not(.ios26-disabled):not(.range-dual-knobs).range-pressed{--knob-background: rgba(var(--ios26-glass-background-rgb), 0.1);--knob-box-shadow: 0 0.5px 4px rgba(0, 0, 0, 0.12), 0 6px 4px rgba(0, 0, 0, 0.05), inset 0.4px 0.4px 1px 0 var(--bar-background-active)}ion-range.ios:not(.ios26-disabled):not(.range-dual-knobs).range-pressed::part(knob){backdrop-filter:blur(0) saturate(120%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:scale(1.56, 1.47) translateX(calc(0px * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(0px * -0.1)) translateZ(0)}ion-range.ios:not(.ios26-disabled):not(.range-dual-knobs).range-pressed.range-value-min{--knob-box-shadow: 0 0.5px 4px rgba(0, 0, 0, 0.12), 0 6px 4px rgba(0, 0, 0, 0.05)}ion-range.ios:not(.ios26-disabled):not(.range-dual-knobs).range-pressed.range-value-min::part(knob){transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * -2) * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * -2) * -0.1)) translateZ(0)}ion-range.ios:not(.ios26-disabled):not(.range-dual-knobs).range-pressed.range-value-max{--knob-box-shadow: 0 0.5px 4px rgba(0, 0, 0, 0.12), 0 6px 4px rgba(0, 0, 0, 0.05), inset 0.4px 0.4px 1px 0.2px var(--bar-background-active)}ion-range.ios:not(.ios26-disabled):not(.range-dual-knobs).range-pressed.range-value-max::part(knob){transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * 2) * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * 2) * -0.1)) translateZ(0)}ion-range.ios:not(.ios26-disabled).range-dual-knobs.range-pressed.range-pressed-a::part(knob-a),ion-range.ios:not(.ios26-disabled).range-dual-knobs.range-pressed.range-pressed-b::part(knob-b){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios26-glass-background-rgb), 0.1);backdrop-filter:blur(0) saturate(120%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:scale(1.56, 1.47) translateX(calc(0px * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(0px * -0.1)) translateZ(0);box-shadow:0 .5px 4px rgba(0,0,0,.12),0 6px 4px rgba(0,0,0,.05),inset .4px .4px 1px 0 var(--bar-background-active)}ion-range.ios:not(.ios26-disabled).range-dual-knobs.range-pressed.range-value-min.range-pressed-lower::part(knob-lower){transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * -2) * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * -2) * -0.1)) translateZ(0);box-shadow:0 .5px 4px rgba(0,0,0,.12),0 6px 4px rgba(0,0,0,.05)}ion-range.ios:not(.ios26-disabled).range-dual-knobs.range-pressed.range-value-max.range-pressed-upper::part(knob-upper){transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * 2) * -0.1)) translateZ(0);-webkit-transform:scale(1.56, 1.47) translateX(calc(calc(var(--knob-width) * 2) * -0.1)) translateZ(0);box-shadow:0 .5px 4px rgba(0,0,0,.12),0 6px 4px rgba(0,0,0,.05),inset .4px .4px 1px .2px var(--bar-background-active)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ion-modal.ios ion-searchbar:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{backdrop-filter:none}ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic){min-height:60px;padding:0}ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic) ion-icon.searchbar-search-icon{inset-inline-start:12px;opacity:1}ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic) .searchbar-input-container{margin:0 8px 0 16px;align-self:center;justify-self:center}ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{min-height:44px;background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios26-glass-border-color-rgb), 0.6),inset 0 0 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18),inset 0 1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.8),inset 0 -1px 2px 0 rgba(var(--ios26-glass-border-color-rgb), 0.5),0 .5px 1px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.18);border:.5px solid;border-top-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-right-color:rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom-color:rgba(var(--ios26-glass-border-color-rgb), 1);border-left-color:rgba(var(--ios26-glass-border-color-rgb), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{border-top-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios26-glass-border-color-rgb)), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:22px;padding-inline-start:2.4rem}ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic) .searchbar-input-container .searchbar-clear-button{padding-inline-end:2rem}ion-searchbar.ios:not(.ios26-disabled):not(.searchbar-classic):not(.searchbar-left-aligned) .searchbar-input-container input.searchbar-input{padding-inline-start:2.4rem !important}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.searchbar-classic.ios:not(.ios26-disabled)){--min-height: auto}ion-searchbar.ios:not(.ios26-disabled).searchbar-classic{padding-bottom:12px;min-height:auto}ion-searchbar.ios:not(.ios26-disabled).searchbar-classic .searchbar-input-container input.searchbar-input{border-radius:999px;height:44px;font-size:.98rem;padding-inline-start:38px;background:rgba(var(--ion-color-contrast-rgb), 0.078)}ion-searchbar.ios:not(.ios26-disabled).searchbar-classic ion-icon.searchbar-search-icon{inset-inline-start:12px;width:1.18rem}ion-searchbar.ios:not(.ios26-disabled).searchbar-classic button.searchbar-clear-button{right:8px}
|