@ionic/core 8.8.20-dev.11790589087.1cc6dc2f → 8.8.20-dev.11791394441.17aeb6fc
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/components/ion-accordion.js +1 -1
- package/components/ion-action-sheet.js +1 -1
- package/components/ion-alert.js +1 -1
- package/components/ion-avatar.js +1 -1
- package/components/ion-badge.js +1 -1
- package/components/ion-button.js +1 -1
- package/components/ion-card-content.js +1 -1
- package/components/ion-card-subtitle.js +1 -1
- package/components/ion-checkbox.js +1 -1
- package/components/ion-chip.js +1 -1
- package/components/ion-datetime.js +1 -1
- package/components/ion-input-otp.js +1 -1
- package/components/ion-input-password-toggle.js +1 -1
- package/components/ion-input.js +1 -1
- package/components/ion-item-option.js +1 -1
- package/components/ion-item.js +1 -1
- package/components/ion-list-header.js +1 -1
- package/components/ion-modal.js +1 -1
- package/components/ion-popover.js +1 -1
- package/components/ion-radio-group.js +1 -1
- package/components/ion-radio.js +1 -1
- package/components/ion-range.js +1 -1
- package/components/ion-searchbar.js +1 -1
- package/components/ion-segment-button.js +1 -1
- package/components/ion-select-modal.js +1 -1
- package/components/ion-select-popover.js +1 -1
- package/components/ion-select.js +1 -1
- package/components/ion-tab-bar.js +1 -1
- package/components/ion-tab-button.js +1 -1
- package/components/ion-textarea.js +1 -1
- package/components/ion-title.js +1 -1
- package/components/ion-toast.js +1 -1
- package/components/ion-toggle.js +1 -1
- package/components/p-5SA6gaJK.js +4 -0
- package/components/p-66lMN0uJ.js +4 -0
- package/components/p-Aiebb5BP.js +4 -0
- package/components/p-B4ChegHQ.js +4 -0
- package/components/p-B7oBVBLC.js +4 -0
- package/components/{p-BRCaVT6R.js → p-BWqyO-uf.js} +1 -1
- package/components/p-BZvWmOA3.js +4 -0
- package/components/p-CG9ZBpG3.js +4 -0
- package/components/{p-DRJsuCbz.js → p-ChmqgUIu.js} +1 -1
- package/components/p-D9nsoope.js +4 -0
- package/components/{p-BrMzxZsq.js → p-DBdldgo5.js} +1 -1
- package/components/p-HEjQpmqR.js +4 -0
- package/components/p-i78swphu.js +4 -0
- package/css/ionic/bundle.ionic.css +1 -1
- package/css/ionic/bundle.ionic.css.map +1 -1
- package/css/ionic/core.ionic.css +1 -1
- package/css/ionic/core.ionic.css.map +1 -1
- package/css/ionic/global.bundle.ionic.css +1 -1
- package/css/ionic/global.bundle.ionic.css.map +1 -1
- package/css/ionic/ionic-swiper.ionic.css +1 -1
- package/css/ionic/ionic-swiper.ionic.css.map +1 -1
- package/css/ionic/link.ionic.css +1 -1
- package/css/ionic/link.ionic.css.map +1 -1
- package/css/ionic/typography.ionic.css +1 -1
- package/css/ionic/typography.ionic.css.map +1 -1
- package/dist/cjs/ion-accordion_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-action-sheet.cjs.entry.js +1 -1
- package/dist/cjs/ion-alert.cjs.entry.js +1 -1
- package/dist/cjs/ion-app_8.cjs.entry.js +1 -1
- package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-button_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-card_5.cjs.entry.js +2 -2
- package/dist/cjs/ion-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/ion-chip.cjs.entry.js +1 -1
- package/dist/cjs/ion-datetime_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-input-otp.cjs.entry.js +1 -1
- package/dist/cjs/ion-input.cjs.entry.js +1 -1
- package/dist/cjs/ion-item-option_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-item_8.cjs.entry.js +2 -2
- package/dist/cjs/ion-modal.cjs.entry.js +1 -1
- package/dist/cjs/ion-popover.cjs.entry.js +1 -1
- package/dist/cjs/ion-radio_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-range.cjs.entry.js +1 -1
- package/dist/cjs/ion-searchbar.cjs.entry.js +1 -1
- package/dist/cjs/ion-segment_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-select-modal.cjs.entry.js +1 -1
- package/dist/cjs/ion-select_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-textarea.cjs.entry.js +1 -1
- package/dist/cjs/ion-toast.cjs.entry.js +1 -1
- package/dist/cjs/ion-toggle.cjs.entry.js +1 -1
- package/dist/collection/components/accordion/accordion.ionic.css +2 -2
- package/dist/collection/components/action-sheet/action-sheet.ionic.css +4 -4
- package/dist/collection/components/alert/alert.ionic.css +7 -7
- package/dist/collection/components/avatar/avatar.ionic.css +6 -6
- package/dist/collection/components/badge/badge.ionic.css +3 -3
- package/dist/collection/components/button/button.ionic.css +4 -4
- package/dist/collection/components/card-content/card-content.ionic.css +1 -1
- package/dist/collection/components/card-subtitle/card-subtitle.ionic.css +1 -1
- package/dist/collection/components/checkbox/checkbox.ionic.css +1 -1
- package/dist/collection/components/chip/chip.ionic.css +1 -1
- package/dist/collection/components/datetime/datetime.ionic.css +7 -7
- package/dist/collection/components/input/input.ionic.css +3 -3
- package/dist/collection/components/input-otp/input-otp.ionic.css +2 -2
- package/dist/collection/components/item/item.ionic.css +1 -1
- package/dist/collection/components/item-option/item-option.ionic.css +1 -1
- package/dist/collection/components/list-header/list-header.ionic.css +1 -1
- package/dist/collection/components/modal/modal.ionic.css +1 -1
- package/dist/collection/components/popover/popover.ionic.css +1 -1
- package/dist/collection/components/radio/radio.ionic.css +2 -2
- package/dist/collection/components/radio-group/radio-group.ionic.css +1 -1
- package/dist/collection/components/range/range.ionic.css +1 -1
- package/dist/collection/components/searchbar/searchbar.ionic.css +1 -1
- package/dist/collection/components/segment-button/segment-button.ionic.css +1 -1
- package/dist/collection/components/select/select.ionic.css +3 -3
- package/dist/collection/components/select-modal/select-modal.ionic.css +3 -3
- package/dist/collection/components/select-popover/select-popover.ionic.css +2 -2
- package/dist/collection/components/tab-bar/tab-bar.ionic.css +1 -1
- package/dist/collection/components/tab-button/tab-button.ionic.css +1 -1
- package/dist/collection/components/textarea/textarea.ionic.css +3 -3
- package/dist/collection/components/title/title.ionic.css +2 -2
- package/dist/collection/components/toast/toast.ionic.css +4 -4
- package/dist/collection/components/toggle/toggle.ionic.css +2 -2
- package/dist/docs.json +1 -1
- package/dist/esm/ion-accordion_2.entry.js +1 -1
- package/dist/esm/ion-action-sheet.entry.js +1 -1
- package/dist/esm/ion-alert.entry.js +1 -1
- package/dist/esm/ion-app_8.entry.js +1 -1
- package/dist/esm/ion-avatar_3.entry.js +2 -2
- package/dist/esm/ion-button_2.entry.js +1 -1
- package/dist/esm/ion-card_5.entry.js +2 -2
- package/dist/esm/ion-checkbox.entry.js +1 -1
- package/dist/esm/ion-chip.entry.js +1 -1
- package/dist/esm/ion-datetime_3.entry.js +1 -1
- package/dist/esm/ion-input-otp.entry.js +1 -1
- package/dist/esm/ion-input.entry.js +1 -1
- package/dist/esm/ion-item-option_3.entry.js +1 -1
- package/dist/esm/ion-item_8.entry.js +2 -2
- package/dist/esm/ion-modal.entry.js +1 -1
- package/dist/esm/ion-popover.entry.js +1 -1
- package/dist/esm/ion-radio_2.entry.js +2 -2
- package/dist/esm/ion-range.entry.js +1 -1
- package/dist/esm/ion-searchbar.entry.js +1 -1
- package/dist/esm/ion-segment_2.entry.js +1 -1
- package/dist/esm/ion-select-modal.entry.js +1 -1
- package/dist/esm/ion-select_3.entry.js +2 -2
- package/dist/esm/ion-tab-bar_2.entry.js +2 -2
- package/dist/esm/ion-textarea.entry.js +1 -1
- package/dist/esm/ion-toast.entry.js +1 -1
- package/dist/esm/ion-toggle.entry.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-0f4e1dd6.entry.js +4 -0
- package/dist/ionic/p-13398145.entry.js +4 -0
- package/dist/ionic/p-1e314e2c.entry.js +4 -0
- package/dist/ionic/p-2413a0fc.entry.js +4 -0
- package/dist/ionic/p-35fab94d.entry.js +4 -0
- package/dist/ionic/p-378152d8.entry.js +4 -0
- package/dist/ionic/p-3a4f9b8a.entry.js +4 -0
- package/dist/ionic/p-3d466b08.entry.js +4 -0
- package/dist/ionic/p-511b48f7.entry.js +4 -0
- package/dist/ionic/{p-ab04f606.entry.js → p-551b18d6.entry.js} +1 -1
- package/dist/ionic/p-73cff9a4.entry.js +4 -0
- package/dist/ionic/{p-ce7bdadf.entry.js → p-777df225.entry.js} +1 -1
- package/dist/ionic/p-839a843e.entry.js +4 -0
- package/dist/ionic/p-8eee9154.entry.js +4 -0
- package/dist/ionic/p-9022f64b.entry.js +4 -0
- package/dist/ionic/{p-b92fc2b6.entry.js → p-9994becf.entry.js} +1 -1
- package/dist/ionic/p-9b786c57.entry.js +4 -0
- package/dist/ionic/p-a5994eac.entry.js +4 -0
- package/dist/ionic/p-b14486dc.entry.js +4 -0
- package/dist/ionic/p-b536494c.entry.js +4 -0
- package/dist/ionic/p-bdec9c7b.entry.js +4 -0
- package/dist/ionic/{p-f8f61876.entry.js → p-dccdc1ff.entry.js} +1 -1
- package/dist/ionic/p-e1caa56c.entry.js +4 -0
- package/dist/ionic/{p-00006e47.entry.js → p-f1baf6b9.entry.js} +1 -1
- package/dist/ionic/p-f5e83e40.entry.js +4 -0
- package/dist/ionic/p-fc12f985.entry.js +4 -0
- package/hydrate/index.js +32 -32
- package/hydrate/index.mjs +32 -32
- package/package.json +4 -4
- package/components/p-B1Ckdhof.js +0 -4
- package/components/p-B8Vus3NC.js +0 -4
- package/components/p-BbGeDQXO.js +0 -4
- package/components/p-BooNwQGm.js +0 -4
- package/components/p-C7g2sOXQ.js +0 -4
- package/components/p-CE7AgdzL.js +0 -4
- package/components/p-CGezXDvw.js +0 -4
- package/components/p-CuMUiFew.js +0 -4
- package/components/p-DQq1lHJB.js +0 -4
- package/components/p-DRlveqJv.js +0 -4
- package/dist/ionic/p-0e0b77a1.entry.js +0 -4
- package/dist/ionic/p-0ff0409b.entry.js +0 -4
- package/dist/ionic/p-1753c08d.entry.js +0 -4
- package/dist/ionic/p-3276f797.entry.js +0 -4
- package/dist/ionic/p-39ec9cf3.entry.js +0 -4
- package/dist/ionic/p-5a9a921d.entry.js +0 -4
- package/dist/ionic/p-6decd4a6.entry.js +0 -4
- package/dist/ionic/p-732bb10a.entry.js +0 -4
- package/dist/ionic/p-788418c5.entry.js +0 -4
- package/dist/ionic/p-7b3e8dcc.entry.js +0 -4
- package/dist/ionic/p-7efad059.entry.js +0 -4
- package/dist/ionic/p-89ce42f3.entry.js +0 -4
- package/dist/ionic/p-a32fd690.entry.js +0 -4
- package/dist/ionic/p-d1a8bb39.entry.js +0 -4
- package/dist/ionic/p-d6b9ab96.entry.js +0 -4
- package/dist/ionic/p-dd54075e.entry.js +0 -4
- package/dist/ionic/p-e386bba3.entry.js +0 -4
- package/dist/ionic/p-e69338d9.entry.js +0 -4
- package/dist/ionic/p-eb8a0235.entry.js +0 -4
- package/dist/ionic/p-f0436e04.entry.js +0 -4
- package/dist/ionic/p-fa146a10.entry.js +0 -4
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
125
125
|
font-weight: var(--token-font-weight-medium, 500);
|
|
126
126
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
127
|
-
line-height:
|
|
127
|
+
line-height: 1.666667;
|
|
128
128
|
gap: var(--token-space-100, var(--token-scale-100, 4px));
|
|
129
129
|
line-height: 100%;
|
|
130
130
|
cursor: auto;
|
|
@@ -499,7 +499,7 @@
|
|
|
499
499
|
font-size: var(--token-font-size-450, 1.125rem);
|
|
500
500
|
font-weight: var(--token-font-weight-medium, 500);
|
|
501
501
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
502
|
-
line-height:
|
|
502
|
+
line-height: 1.555556;
|
|
503
503
|
color: var(--token-primitives-neutral-800, #6c727a);
|
|
504
504
|
}
|
|
505
505
|
|
|
@@ -508,7 +508,7 @@
|
|
|
508
508
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
509
509
|
font-weight: var(--token-font-weight-regular, 400);
|
|
510
510
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
511
|
-
line-height:
|
|
511
|
+
line-height: 1.714286;
|
|
512
512
|
color: var(--token-primitives-neutral-1000, #383e45);
|
|
513
513
|
}
|
|
514
514
|
|
|
@@ -530,7 +530,7 @@
|
|
|
530
530
|
font-size: var(--token-font-size-400, 1rem);
|
|
531
531
|
font-weight: var(--token-font-weight-medium, 500);
|
|
532
532
|
letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
|
|
533
|
-
line-height:
|
|
533
|
+
line-height: 1.5;
|
|
534
534
|
-webkit-padding-start: var(--token-space-400, var(--token-scale-400, 16px));
|
|
535
535
|
padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
|
|
536
536
|
-webkit-padding-end: var(--token-space-400, var(--token-scale-400, 16px));
|
|
@@ -574,7 +574,7 @@
|
|
|
574
574
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
575
575
|
font-weight: var(--token-font-weight-medium, 500);
|
|
576
576
|
letter-spacing: var(--token-font-letter-spacing-150, 0.015em);
|
|
577
|
-
line-height:
|
|
577
|
+
line-height: 1.666667;
|
|
578
578
|
text-transform: uppercase;
|
|
579
579
|
align-content: center;
|
|
580
580
|
height: var(--token-scale-1200, 48px);
|
|
@@ -593,7 +593,7 @@
|
|
|
593
593
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
594
594
|
font-weight: var(--token-font-weight-medium, 500);
|
|
595
595
|
letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
|
|
596
|
-
line-height:
|
|
596
|
+
line-height: 1.428571;
|
|
597
597
|
width: var(--token-scale-1200, 48px);
|
|
598
598
|
min-width: var(--token-scale-1200, 48px);
|
|
599
599
|
height: var(--token-scale-1200, 48px);
|
|
@@ -649,7 +649,7 @@
|
|
|
649
649
|
font-size: var(--token-font-size-400, 1rem);
|
|
650
650
|
font-weight: var(--token-font-weight-medium, 500);
|
|
651
651
|
letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
|
|
652
|
-
line-height:
|
|
652
|
+
line-height: 1.5;
|
|
653
653
|
color: var(--token-primitives-neutral-800, #6c727a);
|
|
654
654
|
}
|
|
655
655
|
|
|
@@ -664,7 +664,7 @@
|
|
|
664
664
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
665
665
|
font-weight: var(--token-font-weight-medium, 500);
|
|
666
666
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
667
|
-
line-height:
|
|
667
|
+
line-height: 1.714286;
|
|
668
668
|
border-radius: var(--token-border-radius-full, 999px);
|
|
669
669
|
display: flex;
|
|
670
670
|
align-items: center;
|
|
@@ -578,7 +578,7 @@
|
|
|
578
578
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
579
579
|
font-weight: var(--token-font-weight-regular, 400);
|
|
580
580
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
581
|
-
line-height:
|
|
581
|
+
line-height: 1.714286;
|
|
582
582
|
}
|
|
583
583
|
|
|
584
584
|
.input-outline {
|
|
@@ -800,7 +800,7 @@
|
|
|
800
800
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
801
801
|
font-weight: var(--token-font-weight-medium, 500);
|
|
802
802
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
803
|
-
line-height:
|
|
803
|
+
line-height: 1.666667;
|
|
804
804
|
color: var(--token-primitives-neutral-1000, #383e45);
|
|
805
805
|
}
|
|
806
806
|
|
|
@@ -817,7 +817,7 @@
|
|
|
817
817
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
818
818
|
font-weight: var(--token-font-weight-medium, 500);
|
|
819
819
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
820
|
-
line-height:
|
|
820
|
+
line-height: 1.666667;
|
|
821
821
|
}
|
|
822
822
|
|
|
823
823
|
.input-bottom .error-text {
|
|
@@ -257,7 +257,7 @@
|
|
|
257
257
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
258
258
|
font-weight: var(--token-font-weight-regular, 400);
|
|
259
259
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
260
|
-
line-height:
|
|
260
|
+
line-height: 1.714286;
|
|
261
261
|
}
|
|
262
262
|
|
|
263
263
|
:host(.has-focus) .native-input:focus {
|
|
@@ -269,7 +269,7 @@
|
|
|
269
269
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
270
270
|
font-weight: var(--token-font-weight-medium, 500);
|
|
271
271
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
272
|
-
line-height:
|
|
272
|
+
line-height: 1.666667;
|
|
273
273
|
color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
|
|
274
274
|
}
|
|
275
275
|
|
|
@@ -426,7 +426,7 @@ ion-ripple-effect {
|
|
|
426
426
|
font-size: var(--token-font-size-400, 1rem);
|
|
427
427
|
font-weight: var(--token-font-weight-medium, 500);
|
|
428
428
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
429
|
-
line-height:
|
|
429
|
+
line-height: 1.5;
|
|
430
430
|
}
|
|
431
431
|
|
|
432
432
|
.item-inner {
|
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
163
163
|
font-weight: var(--token-font-weight-medium, 500);
|
|
164
164
|
letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
|
|
165
|
-
line-height:
|
|
165
|
+
line-height: 1.428571;
|
|
166
166
|
}
|
|
167
167
|
|
|
168
168
|
.button-native {
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
155
155
|
font-weight: var(--token-font-weight-medium, 500);
|
|
156
156
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
157
|
-
line-height:
|
|
157
|
+
line-height: 1.714286;
|
|
158
158
|
min-height: calc(var(--token-scale-1400, 56px) + var(--token-scale-050, 2px));
|
|
159
159
|
/**
|
|
160
160
|
* The focus rings from components like buttons and links
|
|
@@ -198,7 +198,7 @@ ion-backdrop {
|
|
|
198
198
|
|
|
199
199
|
:host {
|
|
200
200
|
--background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
|
|
201
|
-
--box-shadow: var(--token-elevation-3, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-6, 6px) var(--token-shadow-blur-32, 32px) var(--token-shadow-spread-0, 0px) var(--token-shadow-6, rgba(0, 0, 0, 0.
|
|
201
|
+
--box-shadow: var(--token-elevation-3, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-6, 6px) var(--token-shadow-blur-32, 32px) var(--token-shadow-spread-0, 0px) var(--token-shadow-6, rgba(0, 0, 0, 0.16)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-2, 2px) var(--token-shadow-blur-7, 7px) var(--token-shadow-spread-0, 0px) var(--token-shadow-2, rgba(0, 0, 0, 0.05)));
|
|
202
202
|
--backdrop-opacity: 0.7;
|
|
203
203
|
color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
|
|
204
204
|
}
|
|
@@ -263,7 +263,7 @@
|
|
|
263
263
|
:host {
|
|
264
264
|
--width: 250px;
|
|
265
265
|
--max-height: 90%;
|
|
266
|
-
--box-shadow: var(--token-elevation-4, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-15, 15px) var(--token-shadow-blur-48, 48px) var(--token-shadow-spread-0, 0px) var(--token-shadow-7, rgba(0, 0, 0, 0.
|
|
266
|
+
--box-shadow: var(--token-elevation-4, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-15, 15px) var(--token-shadow-blur-48, 48px) var(--token-shadow-spread-0, 0px) var(--token-shadow-7, rgba(0, 0, 0, 0.18)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-3, 3px) var(--token-shadow-blur-12, 12px) var(--token-shadow-spread-0, 0px) var(--token-shadow-5, rgba(0, 0, 0, 0.12)));
|
|
267
267
|
--backdrop-opacity: 0.3;
|
|
268
268
|
}
|
|
269
269
|
|
|
@@ -287,7 +287,7 @@ input {
|
|
|
287
287
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
288
288
|
font-weight: var(--token-font-weight-regular, 400);
|
|
289
289
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
290
|
-
line-height:
|
|
290
|
+
line-height: 1.714286;
|
|
291
291
|
min-height: var(--token-scale-1200, 48px);
|
|
292
292
|
color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
|
|
293
293
|
}
|
|
@@ -407,7 +407,7 @@ input {
|
|
|
407
407
|
top: 0;
|
|
408
408
|
bottom: 0;
|
|
409
409
|
position: absolute;
|
|
410
|
-
background-color: var(--token-state-press, rgba(0, 0, 0, 0.
|
|
410
|
+
background-color: var(--token-state-press, rgba(0, 0, 0, 0.07));
|
|
411
411
|
content: "";
|
|
412
412
|
border-radius: inherit;
|
|
413
413
|
top: calc(var(--border-width) * -1);
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
89
89
|
font-weight: var(--token-font-weight-medium, 500);
|
|
90
90
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
91
|
-
line-height:
|
|
91
|
+
line-height: 1.666667;
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
.radio-group-top .error-text {
|
|
@@ -359,7 +359,7 @@
|
|
|
359
359
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
360
360
|
font-weight: var(--token-font-weight-regular, 400);
|
|
361
361
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
362
|
-
line-height:
|
|
362
|
+
line-height: 1.714286;
|
|
363
363
|
z-index: var(--token-z-index-100, 100);
|
|
364
364
|
}
|
|
365
365
|
|
|
@@ -229,7 +229,7 @@
|
|
|
229
229
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
230
230
|
font-weight: var(--token-font-weight-regular, 400);
|
|
231
231
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
232
|
-
line-height:
|
|
232
|
+
line-height: 1.714286;
|
|
233
233
|
padding-left: 0;
|
|
234
234
|
padding-right: 0;
|
|
235
235
|
padding-top: 0;
|
|
@@ -306,7 +306,7 @@
|
|
|
306
306
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
307
307
|
font-weight: var(--token-font-weight-medium, 500);
|
|
308
308
|
letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
|
|
309
|
-
line-height:
|
|
309
|
+
line-height: 1.428571;
|
|
310
310
|
}
|
|
311
311
|
|
|
312
312
|
::slotted(ion-icon) {
|
|
@@ -579,7 +579,7 @@ button {
|
|
|
579
579
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
580
580
|
font-weight: var(--token-font-weight-medium, 500);
|
|
581
581
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
582
|
-
line-height:
|
|
582
|
+
line-height: 1.666667;
|
|
583
583
|
}
|
|
584
584
|
|
|
585
585
|
.select-bottom .helper-text {
|
|
@@ -604,7 +604,7 @@ button {
|
|
|
604
604
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
605
605
|
font-weight: var(--token-font-weight-medium, 500);
|
|
606
606
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
607
|
-
line-height:
|
|
607
|
+
line-height: 1.666667;
|
|
608
608
|
/**
|
|
609
609
|
* Label text should not extend
|
|
610
610
|
* beyond the bounds of the select.
|
|
@@ -705,7 +705,7 @@ button {
|
|
|
705
705
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
706
706
|
font-weight: var(--token-font-weight-regular, 400);
|
|
707
707
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
708
|
-
line-height:
|
|
708
|
+
line-height: 1.714286;
|
|
709
709
|
/**
|
|
710
710
|
* When the floating label appears on top of the
|
|
711
711
|
* input, we need to fade the input out so that the
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
79
79
|
font-weight: var(--token-font-weight-regular, 400);
|
|
80
80
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
81
|
-
line-height:
|
|
81
|
+
line-height: 1.714286;
|
|
82
82
|
-webkit-padding-start: var(--token-space-0, var(--token-scale-0, 0px));
|
|
83
83
|
padding-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
|
|
84
84
|
-webkit-padding-end: var(--token-space-0, var(--token-scale-0, 0px));
|
|
@@ -208,7 +208,7 @@ ion-toolbar {
|
|
|
208
208
|
font-size: var(--token-font-size-450, 1.125rem);
|
|
209
209
|
font-weight: var(--token-font-weight-medium, 500);
|
|
210
210
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
211
|
-
line-height:
|
|
211
|
+
line-height: 1.555556;
|
|
212
212
|
}
|
|
213
213
|
|
|
214
214
|
ion-list ion-radio::part(container) {
|
|
@@ -230,7 +230,7 @@ ion-list ion-checkbox::part(label) {
|
|
|
230
230
|
font-size: var(--token-font-size-400, 1rem);
|
|
231
231
|
font-weight: var(--token-font-weight-medium, 500);
|
|
232
232
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
233
|
-
line-height:
|
|
233
|
+
line-height: 1.5;
|
|
234
234
|
}
|
|
235
235
|
|
|
236
236
|
.item-radio-checked,
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
79
79
|
font-weight: var(--token-font-weight-regular, 400);
|
|
80
80
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
81
|
-
line-height:
|
|
81
|
+
line-height: 1.714286;
|
|
82
82
|
-webkit-padding-start: var(--token-space-0, var(--token-scale-0, 0px));
|
|
83
83
|
padding-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
|
|
84
84
|
-webkit-padding-end: var(--token-space-0, var(--token-scale-0, 0px));
|
|
@@ -244,7 +244,7 @@ ion-list ion-checkbox::part(label) {
|
|
|
244
244
|
font-size: var(--token-font-size-400, 1rem);
|
|
245
245
|
font-weight: var(--token-font-weight-medium, 500);
|
|
246
246
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
247
|
-
line-height:
|
|
247
|
+
line-height: 1.5;
|
|
248
248
|
}
|
|
249
249
|
|
|
250
250
|
.item-radio-checked,
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
*/
|
|
155
155
|
min-height: calc(var(--token-scale-1400, 56px) - var(--token-space-100, var(--token-scale-100, 4px)) * 2);
|
|
156
156
|
gap: var(--token-space-300, var(--token-scale-300, 12px));
|
|
157
|
-
box-shadow: var(--token-elevation-2, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-8, 8px) var(--token-shadow-blur-25, 25px) var(--token-shadow-spread-0, 0px) var(--token-shadow-4, rgba(0, 0, 0, 0.
|
|
157
|
+
box-shadow: var(--token-elevation-2, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-8, 8px) var(--token-shadow-blur-25, 25px) var(--token-shadow-spread-0, 0px) var(--token-shadow-4, rgba(0, 0, 0, 0.08)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-1, 1px) var(--token-shadow-blur-5, 5px) var(--token-shadow-spread-0, 0px) var(--token-shadow-2, rgba(0, 0, 0, 0.05)));
|
|
158
158
|
/*
|
|
159
159
|
* In case there are more tab buttons than can fit in the tab bar, enable
|
|
160
160
|
* horizontal scrolling.
|
|
@@ -200,7 +200,7 @@ ion-ripple-effect {
|
|
|
200
200
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
201
201
|
font-weight: var(--token-font-weight-medium, 500);
|
|
202
202
|
letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
|
|
203
|
-
line-height:
|
|
203
|
+
line-height: 1.666667;
|
|
204
204
|
position: relative;
|
|
205
205
|
align-content: center;
|
|
206
206
|
min-width: var(--token-scale-1200, 48px);
|
|
@@ -648,7 +648,7 @@
|
|
|
648
648
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
649
649
|
font-weight: var(--token-font-weight-regular, 400);
|
|
650
650
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
651
|
-
line-height:
|
|
651
|
+
line-height: 1.714286;
|
|
652
652
|
}
|
|
653
653
|
|
|
654
654
|
:host(.ion-color) {
|
|
@@ -766,7 +766,7 @@
|
|
|
766
766
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
767
767
|
font-weight: var(--token-font-weight-medium, 500);
|
|
768
768
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
769
|
-
line-height:
|
|
769
|
+
line-height: 1.666667;
|
|
770
770
|
}
|
|
771
771
|
|
|
772
772
|
.textarea-bottom .error-text {
|
|
@@ -787,7 +787,7 @@
|
|
|
787
787
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
788
788
|
font-weight: var(--token-font-weight-medium, 500);
|
|
789
789
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
790
|
-
line-height:
|
|
790
|
+
line-height: 1.666667;
|
|
791
791
|
max-width: var(--token-scale-5000, 200px);
|
|
792
792
|
transition: color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));
|
|
793
793
|
color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
font-size: var(--token-font-size-450, 1.125rem);
|
|
112
112
|
font-weight: var(--token-font-weight-medium, 500);
|
|
113
113
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
114
|
-
line-height:
|
|
114
|
+
line-height: 1.555556;
|
|
115
115
|
box-sizing: border-box;
|
|
116
116
|
pointer-events: none;
|
|
117
117
|
}
|
|
@@ -121,5 +121,5 @@
|
|
|
121
121
|
font-size: var(--token-font-size-700, 1.75rem);
|
|
122
122
|
font-weight: var(--token-font-weight-medium, 500);
|
|
123
123
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
124
|
-
line-height:
|
|
124
|
+
line-height: 1.285714;
|
|
125
125
|
}
|
|
@@ -235,7 +235,7 @@
|
|
|
235
235
|
}
|
|
236
236
|
}
|
|
237
237
|
:host {
|
|
238
|
-
--box-shadow: var(--token-elevation-4, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-15, 15px) var(--token-shadow-blur-48, 48px) var(--token-shadow-spread-0, 0px) var(--token-shadow-7, rgba(0, 0, 0, 0.
|
|
238
|
+
--box-shadow: var(--token-elevation-4, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-15, 15px) var(--token-shadow-blur-48, 48px) var(--token-shadow-spread-0, 0px) var(--token-shadow-7, rgba(0, 0, 0, 0.18)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-3, 3px) var(--token-shadow-blur-12, 12px) var(--token-shadow-spread-0, 0px) var(--token-shadow-5, rgba(0, 0, 0, 0.12)));
|
|
239
239
|
--max-width: 343px;
|
|
240
240
|
--start: var(--token-space-200, var(--token-scale-200, 8px));
|
|
241
241
|
--end: var(--token-space-200, var(--token-scale-200, 8px));
|
|
@@ -243,7 +243,7 @@
|
|
|
243
243
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
244
244
|
font-weight: var(--token-font-weight-medium, 500);
|
|
245
245
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
246
|
-
line-height:
|
|
246
|
+
line-height: 1.714286;
|
|
247
247
|
z-index: 1001;
|
|
248
248
|
}
|
|
249
249
|
|
|
@@ -305,7 +305,7 @@
|
|
|
305
305
|
font-size: var(--token-font-size-450, 1.125rem);
|
|
306
306
|
font-weight: var(--token-font-weight-medium, 500);
|
|
307
307
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
308
|
-
line-height:
|
|
308
|
+
line-height: 1.555556;
|
|
309
309
|
}
|
|
310
310
|
|
|
311
311
|
.toast-layout-baseline .toast-button-group-start {
|
|
@@ -335,7 +335,7 @@
|
|
|
335
335
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
336
336
|
font-weight: var(--token-font-weight-regular, 400);
|
|
337
337
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
338
|
-
line-height:
|
|
338
|
+
line-height: 1.714286;
|
|
339
339
|
padding-left: 0;
|
|
340
340
|
padding-right: 0;
|
|
341
341
|
padding-top: 0;
|
|
@@ -388,7 +388,7 @@ input {
|
|
|
388
388
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
389
389
|
font-weight: var(--token-font-weight-regular, 400);
|
|
390
390
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
391
|
-
line-height:
|
|
391
|
+
line-height: 1.714286;
|
|
392
392
|
z-index: 2;
|
|
393
393
|
}
|
|
394
394
|
|
|
@@ -416,7 +416,7 @@ input {
|
|
|
416
416
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
417
417
|
font-weight: var(--token-font-weight-medium, 500);
|
|
418
418
|
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
419
|
-
line-height:
|
|
419
|
+
line-height: 1.666667;
|
|
420
420
|
}
|
|
421
421
|
|
|
422
422
|
.toggle-bottom .error-text {
|
package/dist/docs.json
CHANGED
|
@@ -10,7 +10,7 @@ import { c as getIonTheme } from './ionic-global-BJDU78B6.js';
|
|
|
10
10
|
import './focus-visible-vXpMhGrs.js';
|
|
11
11
|
import './dir-o8OKV5aD.js';
|
|
12
12
|
|
|
13
|
-
const accordionIonicCss = () => `:host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{position:relative}:host::after{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px));right:0;left:0;bottom:0;display:block;position:absolute;height:var(--token-border-size-025, var(--token-scale-025, 1px));background-color:var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));content:"";z-index:3}:host(.accordion-last)::after{display:none}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}::slotted(ion-item[slot=header]){--border-radius:inherit;--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--border-width:var(--token-border-size-0, var(--token-scale-0, 0px));--inner-border-width:var(--token-scale-0, 0px);--min-height:var(--token-scale-700, 28px);--padding-top:var(--token-space-300, var(--token-scale-300, 12px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:
|
|
13
|
+
const accordionIonicCss = () => `:host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{position:relative}:host::after{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px));right:0;left:0;bottom:0;display:block;position:absolute;height:var(--token-border-size-025, var(--token-scale-025, 1px));background-color:var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));content:"";z-index:3}:host(.accordion-last)::after{display:none}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}::slotted(ion-item[slot=header]){--border-radius:inherit;--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--border-width:var(--token-border-size-0, var(--token-scale-0, 0px));--inner-border-width:var(--token-scale-0, 0px);--min-height:var(--token-scale-700, 28px);--padding-top:var(--token-space-300, var(--token-scale-300, 12px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.555556}#content-wrapper{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-300, var(--token-scale-300, 12px));padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528))}:host(.accordion-disabled)::before{border-radius:inherit;right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none;z-index:2}`;
|
|
14
14
|
|
|
15
15
|
const accordionIosCss = () => `:host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{background-color:var(--ion-background-color, #ffffff)}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}`;
|
|
16
16
|
|
|
@@ -103,7 +103,7 @@ const mdLeaveAnimation = (baseEl) => {
|
|
|
103
103
|
.addAnimation([backdropAnimation, wrapperAnimation]);
|
|
104
104
|
};
|
|
105
105
|
|
|
106
|
-
const actionSheetIonicCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.action-sheet-button-label-text.sc-ion-action-sheet-ionic,.alert-checkbox-label-text.sc-ion-action-sheet-ionic,.alert-radio-label-text.sc-ion-action-sheet-ionic,.select-option-label-text.sc-ion-action-sheet-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.select-option-description.sc-ion-action-sheet-ionic{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-600, 1.5rem);-webkit-padding-start:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-padding-end:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-end:var(--token-space-0, var(--token-scale-0, 0px));padding-top:var(--token-space-0, var(--token-scale-0, 0px));padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));font-size:var(--token-font-size-350, 0.875rem)}.select-option-start.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic{gap:var(--token-space-200, var(--token-scale-200, 8px))}.select-option-start.sc-ion-action-sheet-ionic>ion-avatar.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>ion-img.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>ion-thumbnail.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>img.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>svg.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-avatar.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-img.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-thumbnail.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>img.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>svg.sc-ion-action-sheet-ionic{width:var(--token-scale-1200, 48px);height:var(--token-scale-1200, 48px)}.select-option-start.sc-ion-action-sheet-ionic>ion-icon.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-icon.sc-ion-action-sheet-ionic{font-size:var(--token-scale-1200, 48px)}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-action-sheet-ionic,.alert-checkbox-label-text.sc-ion-action-sheet-ionic,.alert-radio-label-text.sc-ion-action-sheet-ionic,.select-option-label-text.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-action-sheet-ionic{display:block}.select-option-label.sc-ion-action-sheet-ionic:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ionic::part(label),ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ionic [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ionic::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ionic [part~="label"],.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1;white-space:normal}.sc-ion-action-sheet-ionic-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.overlay-hidden.sc-ion-action-sheet-ionic-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ionic{right:0;left:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ionic{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button.sc-ion-action-sheet-ionic:disabled ion-icon.sc-ion-action-sheet-ionic{color:currentColor}.action-sheet-button-inner.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ionic{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ionic::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ionic{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ionic{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ionic::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated){color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated)::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated).action-sheet-selected::after{background:var(--button-background-focused, var(--button-background-selected));opacity:var(--button-background-focused-opacity, var(--button-background-selected-opacity))}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-ionic-h{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--backdrop-opacity:0.7;--button-background:transparent;--button-background-selected:var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)));--button-background-selected-opacity:1;--button-background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));--button-background-activated-opacity:1;--button-background-hover:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));--button-background-hover-opacity:1;--button-color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--button-color-disabled:var(--token-text-disabled, var(--token-primitives-neutral-500, #9fa5ad));--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));z-index:1001}.action-sheet-wrapper.sc-ion-action-sheet-ionic{z-index:10}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic::after{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));outline-offset:calc(var(--token-border-size-050, var(--token-scale-050, 2px)) * -1)}.action-sheet-wrapper.sc-ion-action-sheet-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);margin-bottom:0}.action-sheet-title.sc-ion-action-sheet-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-700, 1.75rem);color:var(--color);text-align:start}.action-sheet-sub-title.sc-ion-action-sheet-ionic{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-600, 1.5rem);color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a))}.action-sheet-group.sc-ion-action-sheet-ionic:first-child{padding-top:var(--token-space-400, var(--token-scale-400, 16px))}.action-sheet-group.sc-ion-action-sheet-ionic:last-child{padding-bottom:var(--token-space-400, var(--token-scale-400, 16px))}.action-sheet-button.sc-ion-action-sheet-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-200, var(--token-scale-200, 8px));padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-600, 1.5rem);position:relative;min-height:52px;text-align:start;contain:content;overflow:hidden}.action-sheet-icon.sc-ion-action-sheet-ionic{-webkit-margin-start:var(--token-space-0, var(--token-scale-0, 0px));margin-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-margin-end:var(--token-space-600, var(--token-scale-600, 24px));margin-inline-end:var(--token-space-600, var(--token-scale-600, 24px));margin-top:var(--token-space-0, var(--token-scale-0, 0px));margin-bottom:var(--token-space-0, var(--token-scale-0, 0px));width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px);color:var(--color, var(--token-text-default, var(--token-primitives-neutral-1200, #242528)))}.action-sheet-button-inner.sc-ion-action-sheet-ionic{-ms-flex-pack:start;justify-content:flex-start}.action-sheet-selected.sc-ion-action-sheet-ionic{font-weight:bold}`;
|
|
106
|
+
const actionSheetIonicCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.action-sheet-button-label-text.sc-ion-action-sheet-ionic,.alert-checkbox-label-text.sc-ion-action-sheet-ionic,.alert-radio-label-text.sc-ion-action-sheet-ionic,.select-option-label-text.sc-ion-action-sheet-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.select-option-description.sc-ion-action-sheet-ionic{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;-webkit-padding-start:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-padding-end:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-end:var(--token-space-0, var(--token-scale-0, 0px));padding-top:var(--token-space-0, var(--token-scale-0, 0px));padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));font-size:var(--token-font-size-350, 0.875rem)}.select-option-start.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic{gap:var(--token-space-200, var(--token-scale-200, 8px))}.select-option-start.sc-ion-action-sheet-ionic>ion-avatar.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>ion-img.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>ion-thumbnail.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>img.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>svg.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-avatar.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-img.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-thumbnail.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>img.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>svg.sc-ion-action-sheet-ionic{width:var(--token-scale-1200, 48px);height:var(--token-scale-1200, 48px)}.select-option-start.sc-ion-action-sheet-ionic>ion-icon.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-icon.sc-ion-action-sheet-ionic{font-size:var(--token-scale-1200, 48px)}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-action-sheet-ionic,.alert-checkbox-label-text.sc-ion-action-sheet-ionic,.alert-radio-label-text.sc-ion-action-sheet-ionic,.select-option-label-text.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-action-sheet-ionic{display:block}.select-option-label.sc-ion-action-sheet-ionic:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ionic::part(label),ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ionic [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ionic::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ionic [part~="label"],.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1;white-space:normal}.sc-ion-action-sheet-ionic-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.overlay-hidden.sc-ion-action-sheet-ionic-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ionic{right:0;left:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ionic{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button.sc-ion-action-sheet-ionic:disabled ion-icon.sc-ion-action-sheet-ionic{color:currentColor}.action-sheet-button-inner.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ionic{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ionic::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ionic{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ionic{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ionic::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated){color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated)::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated).action-sheet-selected::after{background:var(--button-background-focused, var(--button-background-selected));opacity:var(--button-background-focused-opacity, var(--button-background-selected-opacity))}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-ionic-h{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--backdrop-opacity:0.7;--button-background:transparent;--button-background-selected:var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)));--button-background-selected-opacity:1;--button-background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));--button-background-activated-opacity:1;--button-background-hover:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));--button-background-hover-opacity:1;--button-color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--button-color-disabled:var(--token-text-disabled, var(--token-primitives-neutral-500, #9fa5ad));--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));z-index:1001}.action-sheet-wrapper.sc-ion-action-sheet-ionic{z-index:10}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic::after{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));outline-offset:calc(var(--token-border-size-050, var(--token-scale-050, 2px)) * -1)}.action-sheet-wrapper.sc-ion-action-sheet-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);margin-bottom:0}.action-sheet-title.sc-ion-action-sheet-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.555556;color:var(--color);text-align:start}.action-sheet-sub-title.sc-ion-action-sheet-ionic{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a))}.action-sheet-group.sc-ion-action-sheet-ionic:first-child{padding-top:var(--token-space-400, var(--token-scale-400, 16px))}.action-sheet-group.sc-ion-action-sheet-ionic:last-child{padding-bottom:var(--token-space-400, var(--token-scale-400, 16px))}.action-sheet-button.sc-ion-action-sheet-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-200, var(--token-scale-200, 8px));padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;position:relative;min-height:52px;text-align:start;contain:content;overflow:hidden}.action-sheet-icon.sc-ion-action-sheet-ionic{-webkit-margin-start:var(--token-space-0, var(--token-scale-0, 0px));margin-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-margin-end:var(--token-space-600, var(--token-scale-600, 24px));margin-inline-end:var(--token-space-600, var(--token-scale-600, 24px));margin-top:var(--token-space-0, var(--token-scale-0, 0px));margin-bottom:var(--token-space-0, var(--token-scale-0, 0px));width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px);color:var(--color, var(--token-text-default, var(--token-primitives-neutral-1200, #242528)))}.action-sheet-button-inner.sc-ion-action-sheet-ionic{-ms-flex-pack:start;justify-content:flex-start}.action-sheet-selected.sc-ion-action-sheet-ionic{font-weight:bold}`;
|
|
107
107
|
|
|
108
108
|
const actionSheetIosCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ios,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ios,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ios,.select-option-label-has-rich-content.sc-ion-action-sheet-ios{gap:16px}.action-sheet-button-label-text.sc-ion-action-sheet-ios,.alert-checkbox-label-text.sc-ion-action-sheet-ios,.alert-radio-label-text.sc-ion-action-sheet-ios,.select-option-label-text.sc-ion-action-sheet-ios{gap:12px}.select-option-start.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios{gap:8px}.select-option-description.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.select-option-start.sc-ion-action-sheet-ios>ion-avatar.sc-ion-action-sheet-ios,.select-option-start.sc-ion-action-sheet-ios>ion-img.sc-ion-action-sheet-ios,.select-option-start.sc-ion-action-sheet-ios>ion-thumbnail.sc-ion-action-sheet-ios,.select-option-start.sc-ion-action-sheet-ios>img.sc-ion-action-sheet-ios,.select-option-start.sc-ion-action-sheet-ios>svg.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>ion-avatar.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>ion-img.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>ion-thumbnail.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>img.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>svg.sc-ion-action-sheet-ios{width:44px;height:44px}.select-option-start.sc-ion-action-sheet-ios>ion-icon.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>ion-icon.sc-ion-action-sheet-ios{font-size:28px}.action-sheet-button-label-text.sc-ion-action-sheet-ios{-ms-flex-pack:center;justify-content:center}.select-option-has-rich-content.sc-ion-action-sheet-ios{-webkit-padding-end:16px;padding-inline-end:16px}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ios,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ios,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ios,.select-option-label-has-rich-content.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ios,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ios,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ios,.select-option-content.sc-ion-action-sheet-ios{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-action-sheet-ios,.alert-checkbox-label-text.sc-ion-action-sheet-ios,.alert-radio-label-text.sc-ion-action-sheet-ios,.select-option-label-text.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-action-sheet-ios{display:block}.select-option-label.sc-ion-action-sheet-ios:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ios::part(label),ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ios [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ios::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ios [part~="label"],.select-option-content.sc-ion-action-sheet-ios{-ms-flex:1;flex:1;white-space:normal}.sc-ion-action-sheet-ios-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.overlay-hidden.sc-ion-action-sheet-ios-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ios{right:0;left:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button.sc-ion-action-sheet-ios:disabled ion-icon.sc-ion-action-sheet-ios{color:currentColor}.action-sheet-button-inner.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ios{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ios::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ios{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ios{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios:not(.ion-activated){color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios:not(.ion-activated)::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios:not(.ion-activated).action-sheet-selected::after{background:var(--button-background-focused, var(--button-background-selected));opacity:var(--button-background-focused-opacity, var(--button-background-selected-opacity))}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-ios-h{font-family:var(--ion-font-family, inherit);z-index:1001}.action-sheet-wrapper.sc-ion-action-sheet-ios{z-index:10}.sc-ion-action-sheet-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, var(--ion-background-color-step-100, #f9f9f9)));--backdrop-opacity:var(--ion-backdrop-opacity, 0.4);--button-background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent;--button-background-activated:var(--ion-text-color, #000);--button-background-activated-opacity:0.08;--button-background-hover:currentColor;--button-background-hover-opacity:0.04;--button-background-focused:currentColor;--button-background-focused-opacity:0.12;--button-background-selected:var(--ion-color-step-150, var(--ion-background-color-step-150, var(--ion-background-color, #fff)));--button-background-selected-opacity:1;--button-color:var(--ion-color-primary, #0054e9);--button-color-disabled:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--color:var(--ion-color-step-400, var(--ion-text-color-step-600, #999999));text-align:center}.action-sheet-wrapper.sc-ion-action-sheet-ios{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);padding-bottom:var(--ion-safe-area-bottom, 0);-webkit-box-sizing:content-box;box-sizing:content-box}.action-sheet-container.sc-ion-action-sheet-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}.action-sheet-group.sc-ion-action-sheet-ios{border-radius:13px;margin-bottom:8px}.action-sheet-group.sc-ion-action-sheet-ios:first-child{margin-top:10px}.action-sheet-group.sc-ion-action-sheet-ios:last-child{margin-bottom:10px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-group.sc-ion-action-sheet-ios{background-color:transparent;-webkit-backdrop-filter:saturate(280%) blur(20px);backdrop-filter:saturate(280%) blur(20px)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-title.sc-ion-action-sheet-ios,.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.sc-ion-action-sheet-ios{background-color:transparent;background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background-image:linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%), linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4) 50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 50%);background-repeat:no-repeat;background-position:top, bottom;background-size:100% calc(100% - 1px), 100% 1px;-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.ion-activated.sc-ion-action-sheet-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.7);background-image:none}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-cancel.sc-ion-action-sheet-ios{background:var(--button-background-selected)}}.action-sheet-title.sc-ion-action-sheet-ios{background:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, transparent)) bottom/100% 1px no-repeat transparent;background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent}.action-sheet-title.sc-ion-action-sheet-ios{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:14px;padding-bottom:13px;color:var(--color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-size:max(13px, 0.8125rem);font-weight:400;text-align:center}.action-sheet-title.action-sheet-has-sub-title.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-sub-title.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:6px;padding-bottom:0;font-size:max(13px, 0.8125rem);font-weight:400}.action-sheet-button.sc-ion-action-sheet-ios{-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:14px;padding-bottom:14px;min-height:56px;font-size:max(20px, 1.25rem);contain:content}.action-sheet-button.sc-ion-action-sheet-ios .action-sheet-icon.sc-ion-action-sheet-ios{-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:max(28px, 1.75rem);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios:last-child{background-image:none}.action-sheet-selected.sc-ion-action-sheet-ios{font-weight:bold}.action-sheet-cancel.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-cancel.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-destructive.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-activated.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-focused.sc-ion-action-sheet-ios{color:var(--ion-color-danger, #c5000f)}@media (any-hover: hover){.action-sheet-destructive.sc-ion-action-sheet-ios:hover{color:var(--ion-color-danger, #c5000f)}}`;
|
|
109
109
|
|