@ionic/core 7.3.4-dev.11695654072.17597cce → 7.3.4-dev.11699470772.1dad7e66
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/action-sheet.js +2 -2
- package/components/button.js +2 -2
- package/components/buttons.js +2 -2
- package/components/ion-back-button.js +2 -2
- package/components/ion-badge.js +2 -2
- package/components/ion-breadcrumb.js +2 -2
- package/components/ion-card-content.js +2 -2
- package/components/ion-card-subtitle.js +2 -2
- package/components/ion-card-title.js +2 -2
- package/components/ion-card.js +2 -2
- package/components/ion-chip.js +3 -8
- package/components/ion-datetime-button.js +2 -2
- package/components/ion-datetime.js +3 -3
- package/components/ion-header.js +1 -1
- package/components/ion-input.js +2 -2
- package/components/ion-item-divider.js +2 -2
- package/components/ion-item-option.js +2 -2
- package/components/ion-item-options.js +2 -2
- package/components/ion-loading.js +2 -2
- package/components/ion-menu-button.js +2 -2
- package/components/ion-range.js +2 -2
- package/components/ion-reorder.js +2 -2
- package/components/ion-searchbar.js +3 -9
- package/components/ion-textarea.js +2 -2
- package/components/ion-title.js +2 -2
- package/components/ion-toast.js +2 -2
- package/components/ion-toolbar.js +1 -1
- package/components/ios.transition.js +4 -4
- package/components/item.js +2 -2
- package/components/label.js +2 -2
- package/components/list-header.js +2 -2
- package/components/note.js +2 -2
- package/css/core.css +0 -100
- package/css/core.css.map +1 -1
- package/css/display.css +0 -33
- package/css/display.css.map +1 -1
- package/css/float-elements.css +0 -33
- package/css/float-elements.css.map +1 -1
- package/css/global.bundle.css +6 -84
- package/css/global.bundle.css.map +1 -1
- package/css/ionic-swiper.css +0 -33
- package/css/ionic-swiper.css.map +1 -1
- package/css/ionic.bundle.css +1 -1
- package/css/ionic.bundle.css.map +1 -1
- package/css/padding.css +0 -33
- package/css/padding.css.map +1 -1
- package/css/structure.css +0 -33
- package/css/structure.css.map +1 -1
- package/css/text-alignment.css +0 -33
- package/css/text-alignment.css.map +1 -1
- package/css/text-transformation.css +0 -33
- package/css/text-transformation.css.map +1 -1
- package/css/typography.css +6 -51
- package/css/typography.css.map +1 -1
- package/css/utils.bundle.css +0 -165
- package/css/utils.bundle.css.map +1 -1
- package/dist/cjs/{index-552c4df4.js → index-8568bedb.js} +2 -2
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/ion-action-sheet.cjs.entry.js +2 -2
- package/dist/cjs/ion-app_8.cjs.entry.js +7 -7
- package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-back-button.cjs.entry.js +2 -2
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-button_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-card_5.cjs.entry.js +8 -8
- package/dist/cjs/ion-chip.cjs.entry.js +2 -7
- package/dist/cjs/ion-datetime-button.cjs.entry.js +2 -2
- package/dist/cjs/ion-datetime_3.cjs.entry.js +3 -3
- package/dist/cjs/ion-input.cjs.entry.js +2 -2
- package/dist/cjs/ion-item-option_3.cjs.entry.js +4 -4
- package/dist/cjs/ion-item_8.cjs.entry.js +10 -10
- package/dist/cjs/ion-loading.cjs.entry.js +2 -2
- package/dist/cjs/ion-menu_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-modal.cjs.entry.js +1 -1
- package/dist/cjs/ion-nav_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-popover.cjs.entry.js +1 -1
- package/dist/cjs/ion-range.cjs.entry.js +2 -2
- package/dist/cjs/ion-reorder_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-searchbar.cjs.entry.js +3 -9
- package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
- package/dist/cjs/ion-toast.cjs.entry.js +2 -2
- package/dist/cjs/ionic.cjs.js +2 -2
- package/dist/cjs/{ios.transition-b53fc1d5.js → ios.transition-f7c78d7c.js} +5 -5
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{md.transition-d96426d5.js → md.transition-65dc7dce.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/accordion/accordion.ios.css +0 -66
- package/dist/collection/components/accordion/accordion.md.css +0 -33
- package/dist/collection/components/accordion-group/accordion-group.ios.css +0 -66
- package/dist/collection/components/accordion-group/accordion-group.md.css +0 -99
- package/dist/collection/components/action-sheet/action-sheet.ios.css +12 -80
- package/dist/collection/components/action-sheet/action-sheet.md.css +8 -76
- package/dist/collection/components/action-sheet/test/a11y/action-sheet.e2e.js +0 -27
- package/dist/collection/components/alert/alert.ios.css +0 -99
- package/dist/collection/components/alert/alert.md.css +0 -99
- package/dist/collection/components/avatar/avatar.ios.css +0 -66
- package/dist/collection/components/avatar/avatar.md.css +0 -66
- package/dist/collection/components/back-button/back-button.ios.css +1 -83
- package/dist/collection/components/back-button/back-button.md.css +3 -75
- package/dist/collection/components/backdrop/backdrop.ios.css +0 -66
- package/dist/collection/components/backdrop/backdrop.md.css +0 -66
- package/dist/collection/components/badge/badge.ios.css +1 -75
- package/dist/collection/components/badge/badge.md.css +1 -67
- package/dist/collection/components/breadcrumb/breadcrumb.ios.css +3 -80
- package/dist/collection/components/breadcrumb/breadcrumb.md.css +3 -69
- package/dist/collection/components/breadcrumbs/breadcrumbs.ios.css +0 -33
- package/dist/collection/components/breadcrumbs/breadcrumbs.md.css +0 -33
- package/dist/collection/components/breadcrumbs/test/a11y/breadcrumbs.e2e.js +0 -21
- package/dist/collection/components/button/button.ios.css +19 -118
- package/dist/collection/components/button/button.md.css +3 -69
- package/dist/collection/components/buttons/buttons.ios.css +3 -102
- package/dist/collection/components/buttons/buttons.md.css +2 -101
- package/dist/collection/components/card/card.ios.css +1 -67
- package/dist/collection/components/card/card.md.css +1 -67
- package/dist/collection/components/card-content/card-content.ios.css +5 -71
- package/dist/collection/components/card-content/card-content.md.css +5 -71
- package/dist/collection/components/card-header/card-header.ios.css +0 -66
- package/dist/collection/components/card-header/card-header.md.css +0 -66
- package/dist/collection/components/card-subtitle/card-subtitle.ios.css +1 -67
- package/dist/collection/components/card-subtitle/card-subtitle.md.css +1 -67
- package/dist/collection/components/card-title/card-title.ios.css +1 -67
- package/dist/collection/components/card-title/card-title.md.css +1 -67
- package/dist/collection/components/checkbox/checkbox.ios.css +0 -99
- package/dist/collection/components/checkbox/checkbox.md.css +0 -99
- package/dist/collection/components/chip/{chip.md.css → chip.css} +7 -43
- package/dist/collection/components/chip/chip.js +2 -4
- package/dist/collection/components/col/col.css +0 -66
- package/dist/collection/components/content/content.css +0 -33
- package/dist/collection/components/datetime/datetime.ios.css +5 -196
- package/dist/collection/components/datetime/datetime.js +1 -1
- package/dist/collection/components/datetime/datetime.md.css +4 -96
- package/dist/collection/components/datetime-button/datetime-button.css +2 -36
- package/dist/collection/components/fab/fab.css +0 -66
- package/dist/collection/components/fab-button/fab-button.ios.css +0 -66
- package/dist/collection/components/fab-button/fab-button.md.css +0 -66
- package/dist/collection/components/fab-list/fab-list.css +0 -66
- package/dist/collection/components/footer/footer.ios.css +0 -66
- package/dist/collection/components/footer/footer.md.css +0 -66
- package/dist/collection/components/grid/grid.css +0 -66
- package/dist/collection/components/header/header.ios.css +2 -71
- package/dist/collection/components/header/header.md.css +0 -66
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +0 -66
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +0 -66
- package/dist/collection/components/input/input.ios.css +1 -100
- package/dist/collection/components/input/input.md.css +1 -199
- package/dist/collection/components/input/test/a11y/input.e2e.js +1 -15
- package/dist/collection/components/item/item.ios.css +4 -70
- package/dist/collection/components/item/item.md.css +6 -138
- package/dist/collection/components/item/test/a11y/item.e2e.js +1 -116
- package/dist/collection/components/item-divider/item-divider.ios.css +9 -101
- package/dist/collection/components/item-divider/item-divider.md.css +11 -103
- package/dist/collection/components/item-group/item-group.ios.css +1 -68
- package/dist/collection/components/item-group/item-group.md.css +1 -68
- package/dist/collection/components/item-option/item-option.ios.css +1 -67
- package/dist/collection/components/item-option/item-option.md.css +1 -67
- package/dist/collection/components/item-options/item-options.ios.css +1 -99
- package/dist/collection/components/item-options/item-options.md.css +1 -99
- package/dist/collection/components/item-sliding/item-sliding.css +0 -33
- package/dist/collection/components/label/label.ios.css +6 -105
- package/dist/collection/components/label/label.md.css +5 -104
- package/dist/collection/components/list/list.ios.css +0 -99
- package/dist/collection/components/list/list.md.css +0 -99
- package/dist/collection/components/list-header/list-header.ios.css +1 -100
- package/dist/collection/components/list-header/list-header.md.css +1 -100
- package/dist/collection/components/loading/loading.ios.css +1 -67
- package/dist/collection/components/loading/loading.md.css +1 -67
- package/dist/collection/components/loading/test/a11y/loading.e2e.js +0 -19
- package/dist/collection/components/menu/menu.ios.css +0 -66
- package/dist/collection/components/menu/menu.md.css +0 -66
- package/dist/collection/components/menu-button/menu-button.ios.css +2 -70
- package/dist/collection/components/menu-button/menu-button.md.css +3 -71
- package/dist/collection/components/menu-button/test/a11y/menu-button.e2e.js +1 -20
- package/dist/collection/components/modal/modal.ios.css +0 -66
- package/dist/collection/components/modal/modal.md.css +0 -66
- package/dist/collection/components/nav/nav.css +0 -33
- package/dist/collection/components/note/note.ios.css +0 -67
- package/dist/collection/components/note/note.md.css +1 -67
- package/dist/collection/components/picker/picker.ios.css +0 -66
- package/dist/collection/components/picker/picker.md.css +0 -66
- package/dist/collection/components/picker-column/picker-column.ios.css +0 -66
- package/dist/collection/components/picker-column/picker-column.md.css +0 -66
- package/dist/collection/components/picker-column-internal/picker-column-internal.ios.css +0 -33
- package/dist/collection/components/picker-column-internal/picker-column-internal.md.css +0 -66
- package/dist/collection/components/picker-internal/picker-internal.ios.css +0 -66
- package/dist/collection/components/picker-internal/picker-internal.md.css +0 -66
- package/dist/collection/components/popover/popover.ios.css +0 -66
- package/dist/collection/components/popover/popover.md.css +0 -66
- package/dist/collection/components/progress-bar/progress-bar.ios.css +0 -33
- package/dist/collection/components/progress-bar/progress-bar.md.css +0 -33
- package/dist/collection/components/radio/radio.ios.css +0 -99
- package/dist/collection/components/radio/radio.md.css +0 -99
- package/dist/collection/components/range/range.ios.css +7 -81
- package/dist/collection/components/range/range.md.css +10 -98
- package/dist/collection/components/range/test/a11y/range.e2e.js +0 -22
- package/dist/collection/components/refresher/refresher.ios.css +0 -66
- package/dist/collection/components/refresher/refresher.md.css +0 -66
- package/dist/collection/components/reorder/reorder.ios.css +2 -75
- package/dist/collection/components/reorder/reorder.md.css +2 -75
- package/dist/collection/components/reorder-group/reorder-group.css +0 -33
- package/dist/collection/components/ripple-effect/ripple-effect.css +0 -33
- package/dist/collection/components/router-link/router-link.css +0 -33
- package/dist/collection/components/router-outlet/router-outlet.css +0 -33
- package/dist/collection/components/router-outlet/router-outlet.js +6 -1
- package/dist/collection/components/row/row.css +0 -66
- package/dist/collection/components/searchbar/searchbar.ios.css +16 -95
- package/dist/collection/components/searchbar/searchbar.js +1 -7
- package/dist/collection/components/searchbar/searchbar.md.css +10 -77
- package/dist/collection/components/searchbar/test/basic/searchbar.e2e.js +0 -18
- package/dist/collection/components/segment/segment.ios.css +0 -99
- package/dist/collection/components/segment/segment.md.css +0 -99
- package/dist/collection/components/segment-button/segment-button.ios.css +0 -66
- package/dist/collection/components/segment-button/segment-button.md.css +0 -66
- package/dist/collection/components/select/select.ios.css +0 -99
- package/dist/collection/components/select/select.md.css +0 -165
- package/dist/collection/components/select-popover/select-popover.ios.css +1 -101
- package/dist/collection/components/select-popover/select-popover.md.css +0 -99
- package/dist/collection/components/skeleton-text/skeleton-text.css +0 -33
- package/dist/collection/components/spinner/spinner.css +0 -33
- package/dist/collection/components/split-pane/split-pane.ios.css +0 -99
- package/dist/collection/components/split-pane/split-pane.md.css +0 -99
- package/dist/collection/components/tab-bar/tab-bar.ios.css +0 -99
- package/dist/collection/components/tab-bar/tab-bar.md.css +0 -99
- package/dist/collection/components/tab-button/tab-button.ios.css +0 -66
- package/dist/collection/components/tab-button/tab-button.md.css +0 -66
- package/dist/collection/components/tabs/tabs.css +0 -33
- package/dist/collection/components/text/text.css +0 -33
- package/dist/collection/components/textarea/test/a11y/textarea.e2e.js +1 -15
- package/dist/collection/components/textarea/textarea.ios.css +1 -133
- package/dist/collection/components/textarea/textarea.md.css +1 -199
- package/dist/collection/components/thumbnail/thumbnail.css +0 -33
- package/dist/collection/components/title/title.ios.css +10 -43
- package/dist/collection/components/title/title.md.css +2 -35
- package/dist/collection/components/toast/test/a11y/toast.e2e.js +1 -98
- package/dist/collection/components/toast/toast.ios.css +3 -74
- package/dist/collection/components/toast/toast.md.css +4 -74
- package/dist/collection/components/toggle/toggle.ios.css +0 -99
- package/dist/collection/components/toggle/toggle.md.css +0 -99
- package/dist/collection/components/toolbar/toolbar.ios.css +14 -66
- package/dist/collection/components/toolbar/toolbar.md.css +0 -66
- package/dist/collection/utils/transition/ios.transition.js +4 -4
- package/dist/docs.json +9 -4
- package/dist/esm/{index-2970aafc.js → index-6391de89.js} +2 -2
- package/dist/esm/index.js +3 -3
- package/dist/esm/ion-action-sheet.entry.js +2 -2
- package/dist/esm/ion-app_8.entry.js +7 -7
- package/dist/esm/ion-avatar_3.entry.js +2 -2
- package/dist/esm/ion-back-button.entry.js +2 -2
- package/dist/esm/ion-breadcrumb_2.entry.js +2 -2
- package/dist/esm/ion-button_2.entry.js +2 -2
- package/dist/esm/ion-card_5.entry.js +8 -8
- package/dist/esm/ion-chip.entry.js +2 -7
- package/dist/esm/ion-datetime-button.entry.js +2 -2
- package/dist/esm/ion-datetime_3.entry.js +3 -3
- package/dist/esm/ion-input.entry.js +2 -2
- package/dist/esm/ion-item-option_3.entry.js +4 -4
- package/dist/esm/ion-item_8.entry.js +10 -10
- package/dist/esm/ion-loading.entry.js +2 -2
- package/dist/esm/ion-menu_3.entry.js +2 -2
- package/dist/esm/ion-modal.entry.js +1 -1
- package/dist/esm/ion-nav_2.entry.js +1 -1
- package/dist/esm/ion-popover.entry.js +1 -1
- package/dist/esm/ion-range.entry.js +2 -2
- package/dist/esm/ion-reorder_2.entry.js +2 -2
- package/dist/esm/ion-searchbar.entry.js +3 -9
- package/dist/esm/ion-textarea.entry.js +2 -2
- package/dist/esm/ion-toast.entry.js +2 -2
- package/dist/esm/ionic.js +2 -2
- package/dist/esm/{ios.transition-4e8d7fb7.js → ios.transition-3137d23e.js} +5 -5
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{md.transition-2b41d64c.js → md.transition-48b3b77c.js} +1 -1
- package/dist/esm-es5/{index-2970aafc.js → index-6391de89.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
- package/dist/esm-es5/ion-app_8.entry.js +1 -1
- package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
- package/dist/esm-es5/ion-back-button.entry.js +1 -1
- package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
- package/dist/esm-es5/ion-button_2.entry.js +1 -1
- package/dist/esm-es5/ion-card_5.entry.js +1 -1
- package/dist/esm-es5/ion-chip.entry.js +1 -1
- package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
- package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
- package/dist/esm-es5/ion-input.entry.js +1 -1
- package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
- package/dist/esm-es5/ion-item_8.entry.js +1 -1
- package/dist/esm-es5/ion-loading.entry.js +1 -1
- package/dist/esm-es5/ion-menu_3.entry.js +1 -1
- package/dist/esm-es5/ion-modal.entry.js +1 -1
- package/dist/esm-es5/ion-nav_2.entry.js +1 -1
- package/dist/esm-es5/ion-popover.entry.js +1 -1
- package/dist/esm-es5/ion-range.entry.js +1 -1
- package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
- package/dist/esm-es5/ion-searchbar.entry.js +1 -1
- package/dist/esm-es5/ion-textarea.entry.js +1 -1
- package/dist/esm-es5/ion-toast.entry.js +1 -1
- package/dist/esm-es5/ionic.js +1 -1
- package/dist/esm-es5/ios.transition-3137d23e.js +4 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{md.transition-2b41d64c.js → md.transition-48b3b77c.js} +1 -1
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/ionic.js +1 -1
- package/dist/ionic/p-06902103.system.js +4 -0
- package/dist/ionic/{p-89d96720.entry.js → p-091cd81e.entry.js} +1 -1
- package/dist/ionic/{p-a5481fd3.system.entry.js → p-0b68c41d.system.entry.js} +1 -1
- package/dist/ionic/p-0cc2bf5a.system.entry.js +4 -0
- package/dist/ionic/p-11248f01.js +4 -0
- package/dist/ionic/p-1fb9aab8.entry.js +4 -0
- package/dist/ionic/p-2061c86f.system.entry.js +4 -0
- package/dist/ionic/{p-80eed21b.entry.js → p-208f640c.entry.js} +1 -1
- package/dist/ionic/{p-80b152fd.system.entry.js → p-28f5715a.system.entry.js} +1 -1
- package/dist/ionic/p-341d5877.entry.js +4 -0
- package/dist/ionic/p-38dd9aec.entry.js +4 -0
- package/dist/ionic/p-430e902d.entry.js +4 -0
- package/dist/ionic/p-45ee211b.system.entry.js +4 -0
- package/dist/ionic/p-48144921.entry.js +4 -0
- package/dist/ionic/p-4a153fbc.system.entry.js +4 -0
- package/dist/ionic/p-5009cb46.entry.js +4 -0
- package/dist/ionic/p-5ba27716.system.entry.js +4 -0
- package/dist/ionic/{p-2e45dce9.system.entry.js → p-62324608.system.entry.js} +1 -1
- package/dist/ionic/{p-5d418c78.entry.js → p-653f2fc6.entry.js} +1 -1
- package/dist/ionic/p-69303bb5.system.js +4 -0
- package/dist/ionic/p-6b3afb0f.entry.js +4 -0
- package/dist/ionic/p-6bf632d0.system.entry.js +4 -0
- package/dist/ionic/{p-c569a270.entry.js → p-728ac2b3.entry.js} +1 -1
- package/dist/ionic/p-82f8ee51.entry.js +4 -0
- package/dist/ionic/p-83bcaec9.system.entry.js +4 -0
- package/dist/ionic/{p-586e0a90.system.entry.js → p-87383d00.system.entry.js} +1 -1
- package/dist/ionic/{p-cd4b6518.system.js → p-8843b046.system.js} +1 -1
- package/dist/ionic/{p-eaede417.entry.js → p-98ebc376.entry.js} +1 -1
- package/dist/ionic/p-9c32000a.entry.js +4 -0
- package/dist/ionic/{p-1decbac2.js → p-a2b25750.js} +1 -1
- package/dist/ionic/p-a3f9d271.entry.js +4 -0
- package/dist/ionic/p-a62c0ff4.js +4 -0
- package/dist/ionic/p-af0bc751.system.entry.js +4 -0
- package/dist/ionic/p-b0e9e0b8.system.entry.js +4 -0
- package/dist/ionic/{p-d1e6b365.entry.js → p-b1e8f045.entry.js} +1 -1
- package/dist/ionic/p-b3394798.system.entry.js +4 -0
- package/dist/ionic/p-b3cfc6e1.system.entry.js +4 -0
- package/dist/ionic/p-bbae0ac3.system.entry.js +4 -0
- package/dist/ionic/p-bf4b8d8a.system.entry.js +4 -0
- package/dist/ionic/p-c759a704.entry.js +4 -0
- package/dist/ionic/p-d3b8aebf.entry.js +4 -0
- package/dist/ionic/p-d5e3bff3.entry.js +4 -0
- package/dist/ionic/p-dbb48066.system.entry.js +4 -0
- package/dist/ionic/p-dc49c681.system.entry.js +4 -0
- package/dist/ionic/{p-f7dcca6a.system.js → p-df6743df.system.js} +1 -1
- package/dist/ionic/p-e112994b.system.entry.js +4 -0
- package/dist/ionic/{p-f29fe8c3.system.js → p-e3d5608d.system.js} +1 -1
- package/dist/ionic/p-e805ff9f.system.entry.js +4 -0
- package/dist/ionic/p-ed7b205b.entry.js +4 -0
- package/dist/ionic/p-fa3327e8.system.entry.js +4 -0
- package/dist/ionic/{p-fbb2649b.entry.js → p-fabb7294.entry.js} +1 -1
- package/dist/ionic/{p-8eed522b.entry.js → p-fac1660b.entry.js} +1 -1
- package/dist/ionic/p-fd42994b.system.entry.js +4 -0
- package/dist/ionic/p-fe83e3e2.entry.js +4 -0
- package/hydrate/index.js +157 -158
- package/package.json +4 -4
- package/dist/collection/components/back-button/test/a11y/back-button.e2e.js +0 -26
- package/dist/collection/components/badge/test/a11y/badge.e2e.js +0 -22
- package/dist/collection/components/button/test/a11y/button.e2e.js +0 -61
- package/dist/collection/components/buttons/test/a11y/buttons.e2e.js +0 -74
- package/dist/collection/components/card/test/a11y/card.e2e.js +0 -31
- package/dist/collection/components/chip/chip.ios.css +0 -190
- package/dist/collection/components/chip/test/a11y/chip.e2e.js +0 -58
- package/dist/collection/components/datetime/test/a11y/datetime.e2e.js +0 -28
- package/dist/collection/components/datetime-button/test/a11y/datetime-button.e2e.js +0 -38
- package/dist/collection/components/item-divider/test/a11y/item-divider.e2e.js +0 -44
- package/dist/collection/components/item-sliding/test/a11y/item-sliding.e2e.js +0 -34
- package/dist/collection/components/label/test/a11y/label.e2e.js +0 -66
- package/dist/collection/components/list-header/test/a11y/list-header.e2e.js +0 -24
- package/dist/collection/components/note/test/a11y/note.e2e.js +0 -52
- package/dist/collection/components/reorder-group/test/a11y/reorder-group.e2e.js +0 -33
- package/dist/collection/components/searchbar/test/a11y/searchbar.e2e.js +0 -37
- package/dist/collection/components/title/test/a11y/title.e2e.js +0 -61
- package/dist/collection/css/test/a11y/typography.e2e.js +0 -32
- package/dist/esm-es5/ios.transition-4e8d7fb7.js +0 -4
- package/dist/ionic/p-060aa1aa.entry.js +0 -4
- package/dist/ionic/p-0e4377e6.system.entry.js +0 -4
- package/dist/ionic/p-1e5f9f20.entry.js +0 -4
- package/dist/ionic/p-2c012642.entry.js +0 -4
- package/dist/ionic/p-2f4e5cd6.system.entry.js +0 -4
- package/dist/ionic/p-2f6fbeab.system.entry.js +0 -4
- package/dist/ionic/p-39bf6a89.js +0 -4
- package/dist/ionic/p-3d981b54.entry.js +0 -4
- package/dist/ionic/p-418fc6f2.system.entry.js +0 -4
- package/dist/ionic/p-468ac44a.system.entry.js +0 -4
- package/dist/ionic/p-54b72015.system.entry.js +0 -4
- package/dist/ionic/p-5a28523b.system.entry.js +0 -4
- package/dist/ionic/p-5e8d7def.system.entry.js +0 -4
- package/dist/ionic/p-65105512.entry.js +0 -4
- package/dist/ionic/p-66d2ef38.entry.js +0 -4
- package/dist/ionic/p-721933ff.system.js +0 -4
- package/dist/ionic/p-7ea1a467.system.js +0 -4
- package/dist/ionic/p-91f9a6aa.system.entry.js +0 -4
- package/dist/ionic/p-94f99a8b.entry.js +0 -4
- package/dist/ionic/p-985d547d.system.entry.js +0 -4
- package/dist/ionic/p-9e306450.system.entry.js +0 -4
- package/dist/ionic/p-b03dae0c.system.entry.js +0 -4
- package/dist/ionic/p-b062bc29.entry.js +0 -4
- package/dist/ionic/p-b0b8c0c9.system.entry.js +0 -4
- package/dist/ionic/p-bc8b9c38.system.entry.js +0 -4
- package/dist/ionic/p-c4aea998.entry.js +0 -4
- package/dist/ionic/p-c64711cc.entry.js +0 -4
- package/dist/ionic/p-c9fd7db5.system.entry.js +0 -4
- package/dist/ionic/p-caa4c0fa.entry.js +0 -4
- package/dist/ionic/p-d4044209.system.entry.js +0 -4
- package/dist/ionic/p-d6de281e.entry.js +0 -4
- package/dist/ionic/p-e497d6a5.js +0 -4
- package/dist/ionic/p-f1e5e368.system.entry.js +0 -4
- package/dist/ionic/p-f2b925a2.system.entry.js +0 -4
- package/dist/ionic/p-f64f215c.entry.js +0 -4
- package/dist/ionic/p-f902ddc6.entry.js +0 -4
- package/dist/ionic/p-f9ec8c18.entry.js +0 -4
- package/dist/ionic/p-fade59a2.system.entry.js +0 -4
|
@@ -1,36 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Convert a font size to a dynamic font size.
|
|
3
|
-
* Fonts that participate in Dynamic Type should use
|
|
4
|
-
* dynamic font sizes.
|
|
5
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
6
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
7
|
-
* convert to a unit other than $baselineUnit.
|
|
8
|
-
*/
|
|
9
|
-
/**
|
|
10
|
-
* Convert a font size to a dynamic font size but impose
|
|
11
|
-
* a maximum font size.
|
|
12
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
13
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
14
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
15
|
-
* convert to a unit other than $baselineUnit.
|
|
16
|
-
*/
|
|
17
|
-
/**
|
|
18
|
-
* Convert a font size to a dynamic font size but impose
|
|
19
|
-
* a minimum font size.
|
|
20
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
21
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
22
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
23
|
-
* convert to a unit other than $baselineUnit.
|
|
24
|
-
*/
|
|
25
|
-
/**
|
|
26
|
-
* Convert a font size to a dynamic font size but impose
|
|
27
|
-
* maximum and minimum font sizes.
|
|
28
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
29
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
30
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
31
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
32
|
-
* convert to a unit other than $baselineUnit.
|
|
33
|
-
*/
|
|
34
1
|
:host {
|
|
35
2
|
/**
|
|
36
3
|
* @prop --background: Background of the action sheet group
|
|
@@ -139,9 +106,7 @@
|
|
|
139
106
|
flex-flow: column;
|
|
140
107
|
justify-content: flex-end;
|
|
141
108
|
height: 100%;
|
|
142
|
-
/* Fallback for browsers that do not support dvh */
|
|
143
109
|
max-height: 100vh;
|
|
144
|
-
max-height: 100dvh;
|
|
145
110
|
}
|
|
146
111
|
|
|
147
112
|
.action-sheet-group {
|
|
@@ -205,39 +170,6 @@
|
|
|
205
170
|
opacity: var(--button-background-hover-opacity);
|
|
206
171
|
}
|
|
207
172
|
}
|
|
208
|
-
/**
|
|
209
|
-
* Convert a font size to a dynamic font size.
|
|
210
|
-
* Fonts that participate in Dynamic Type should use
|
|
211
|
-
* dynamic font sizes.
|
|
212
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
213
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
214
|
-
* convert to a unit other than $baselineUnit.
|
|
215
|
-
*/
|
|
216
|
-
/**
|
|
217
|
-
* Convert a font size to a dynamic font size but impose
|
|
218
|
-
* a maximum font size.
|
|
219
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
220
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
221
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
222
|
-
* convert to a unit other than $baselineUnit.
|
|
223
|
-
*/
|
|
224
|
-
/**
|
|
225
|
-
* Convert a font size to a dynamic font size but impose
|
|
226
|
-
* a minimum font size.
|
|
227
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
228
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
229
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
230
|
-
* convert to a unit other than $baselineUnit.
|
|
231
|
-
*/
|
|
232
|
-
/**
|
|
233
|
-
* Convert a font size to a dynamic font size but impose
|
|
234
|
-
* maximum and minimum font sizes.
|
|
235
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
236
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
237
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
238
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
239
|
-
* convert to a unit other than $baselineUnit.
|
|
240
|
-
*/
|
|
241
173
|
:host {
|
|
242
174
|
--background: var(--ion-overlay-background-color, var(--ion-background-color, #fff));
|
|
243
175
|
--backdrop-opacity: var(--ion-backdrop-opacity, 0.32);
|
|
@@ -272,7 +204,7 @@
|
|
|
272
204
|
padding-bottom: 17px;
|
|
273
205
|
min-height: 60px;
|
|
274
206
|
color: var(--color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54));
|
|
275
|
-
font-size:
|
|
207
|
+
font-size: 16px;
|
|
276
208
|
text-align: start;
|
|
277
209
|
}
|
|
278
210
|
|
|
@@ -281,7 +213,7 @@
|
|
|
281
213
|
padding-right: 0;
|
|
282
214
|
padding-top: 16px;
|
|
283
215
|
padding-bottom: 0;
|
|
284
|
-
font-size:
|
|
216
|
+
font-size: 14px;
|
|
285
217
|
}
|
|
286
218
|
|
|
287
219
|
.action-sheet-group:first-child {
|
|
@@ -297,13 +229,13 @@
|
|
|
297
229
|
padding-inline-start: 16px;
|
|
298
230
|
-webkit-padding-end: 16px;
|
|
299
231
|
padding-inline-end: 16px;
|
|
300
|
-
padding-top:
|
|
301
|
-
padding-bottom:
|
|
232
|
+
padding-top: 0;
|
|
233
|
+
padding-bottom: 0;
|
|
302
234
|
position: relative;
|
|
303
|
-
|
|
304
|
-
font-size:
|
|
235
|
+
height: 52px;
|
|
236
|
+
font-size: 16px;
|
|
305
237
|
text-align: start;
|
|
306
|
-
contain:
|
|
238
|
+
contain: strict;
|
|
307
239
|
overflow: hidden;
|
|
308
240
|
}
|
|
309
241
|
|
|
@@ -315,7 +247,7 @@
|
|
|
315
247
|
margin-top: 0;
|
|
316
248
|
margin-bottom: 0;
|
|
317
249
|
color: var(--color);
|
|
318
|
-
font-size:
|
|
250
|
+
font-size: 24px;
|
|
319
251
|
}
|
|
320
252
|
|
|
321
253
|
.action-sheet-button-inner {
|
|
@@ -61,30 +61,3 @@ configs({ directions: ['ltr'] }).forEach(({ config, title }) => {
|
|
|
61
61
|
});
|
|
62
62
|
});
|
|
63
63
|
});
|
|
64
|
-
configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
|
|
65
|
-
test.describe(title('action-sheet: font scaling'), () => {
|
|
66
|
-
test('should scale text on larger font sizes', async ({ page }) => {
|
|
67
|
-
await page.setContent(`
|
|
68
|
-
<style>
|
|
69
|
-
html {
|
|
70
|
-
font-size: 36px;
|
|
71
|
-
}
|
|
72
|
-
</style>
|
|
73
|
-
|
|
74
|
-
<ion-action-sheet></ion-action-sheet>
|
|
75
|
-
|
|
76
|
-
<script>
|
|
77
|
-
const actionSheet = document.querySelector('ion-action-sheet');
|
|
78
|
-
actionSheet.header = 'Header';
|
|
79
|
-
actionSheet.subHeader = 'Sub Header';
|
|
80
|
-
actionSheet.buttons = ['Ok', { role: 'cancel', text: 'Cancel' }];
|
|
81
|
-
</script>
|
|
82
|
-
`, config);
|
|
83
|
-
const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
|
|
84
|
-
const actionSheet = page.locator('ion-action-sheet');
|
|
85
|
-
await actionSheet.evaluate((el) => el.present());
|
|
86
|
-
await ionActionSheetDidPresent.next();
|
|
87
|
-
await expect(actionSheet).toHaveScreenshot(screenshot(`action-sheet-scale`));
|
|
88
|
-
});
|
|
89
|
-
});
|
|
90
|
-
});
|
|
@@ -1,36 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Convert a font size to a dynamic font size.
|
|
3
|
-
* Fonts that participate in Dynamic Type should use
|
|
4
|
-
* dynamic font sizes.
|
|
5
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
6
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
7
|
-
* convert to a unit other than $baselineUnit.
|
|
8
|
-
*/
|
|
9
|
-
/**
|
|
10
|
-
* Convert a font size to a dynamic font size but impose
|
|
11
|
-
* a maximum font size.
|
|
12
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
13
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
14
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
15
|
-
* convert to a unit other than $baselineUnit.
|
|
16
|
-
*/
|
|
17
|
-
/**
|
|
18
|
-
* Convert a font size to a dynamic font size but impose
|
|
19
|
-
* a minimum font size.
|
|
20
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
21
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
22
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
23
|
-
* convert to a unit other than $baselineUnit.
|
|
24
|
-
*/
|
|
25
|
-
/**
|
|
26
|
-
* Convert a font size to a dynamic font size but impose
|
|
27
|
-
* maximum and minimum font sizes.
|
|
28
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
29
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
30
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
31
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
32
|
-
* convert to a unit other than $baselineUnit.
|
|
33
|
-
*/
|
|
34
1
|
:host {
|
|
35
2
|
/**
|
|
36
3
|
* @prop --background: Background of the alert
|
|
@@ -225,72 +192,6 @@ textarea.alert-input {
|
|
|
225
192
|
resize: none;
|
|
226
193
|
}
|
|
227
194
|
|
|
228
|
-
/**
|
|
229
|
-
* Convert a font size to a dynamic font size.
|
|
230
|
-
* Fonts that participate in Dynamic Type should use
|
|
231
|
-
* dynamic font sizes.
|
|
232
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
233
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
234
|
-
* convert to a unit other than $baselineUnit.
|
|
235
|
-
*/
|
|
236
|
-
/**
|
|
237
|
-
* Convert a font size to a dynamic font size but impose
|
|
238
|
-
* a maximum font size.
|
|
239
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
240
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
241
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
242
|
-
* convert to a unit other than $baselineUnit.
|
|
243
|
-
*/
|
|
244
|
-
/**
|
|
245
|
-
* Convert a font size to a dynamic font size but impose
|
|
246
|
-
* a minimum font size.
|
|
247
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
248
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
249
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
250
|
-
* convert to a unit other than $baselineUnit.
|
|
251
|
-
*/
|
|
252
|
-
/**
|
|
253
|
-
* Convert a font size to a dynamic font size but impose
|
|
254
|
-
* maximum and minimum font sizes.
|
|
255
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
256
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
257
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
258
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
259
|
-
* convert to a unit other than $baselineUnit.
|
|
260
|
-
*/
|
|
261
|
-
/**
|
|
262
|
-
* Convert a font size to a dynamic font size.
|
|
263
|
-
* Fonts that participate in Dynamic Type should use
|
|
264
|
-
* dynamic font sizes.
|
|
265
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
266
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
267
|
-
* convert to a unit other than $baselineUnit.
|
|
268
|
-
*/
|
|
269
|
-
/**
|
|
270
|
-
* Convert a font size to a dynamic font size but impose
|
|
271
|
-
* a maximum font size.
|
|
272
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
273
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
274
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
275
|
-
* convert to a unit other than $baselineUnit.
|
|
276
|
-
*/
|
|
277
|
-
/**
|
|
278
|
-
* Convert a font size to a dynamic font size but impose
|
|
279
|
-
* a minimum font size.
|
|
280
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
281
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
282
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
283
|
-
* convert to a unit other than $baselineUnit.
|
|
284
|
-
*/
|
|
285
|
-
/**
|
|
286
|
-
* Convert a font size to a dynamic font size but impose
|
|
287
|
-
* maximum and minimum font sizes.
|
|
288
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
289
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
290
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
291
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
292
|
-
* convert to a unit other than $baselineUnit.
|
|
293
|
-
*/
|
|
294
195
|
:host {
|
|
295
196
|
--background: var(--ion-overlay-background-color, var(--ion-color-step-100, #f9f9f9));
|
|
296
197
|
--max-width: 270px;
|
|
@@ -1,36 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Convert a font size to a dynamic font size.
|
|
3
|
-
* Fonts that participate in Dynamic Type should use
|
|
4
|
-
* dynamic font sizes.
|
|
5
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
6
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
7
|
-
* convert to a unit other than $baselineUnit.
|
|
8
|
-
*/
|
|
9
|
-
/**
|
|
10
|
-
* Convert a font size to a dynamic font size but impose
|
|
11
|
-
* a maximum font size.
|
|
12
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
13
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
14
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
15
|
-
* convert to a unit other than $baselineUnit.
|
|
16
|
-
*/
|
|
17
|
-
/**
|
|
18
|
-
* Convert a font size to a dynamic font size but impose
|
|
19
|
-
* a minimum font size.
|
|
20
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
21
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
22
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
23
|
-
* convert to a unit other than $baselineUnit.
|
|
24
|
-
*/
|
|
25
|
-
/**
|
|
26
|
-
* Convert a font size to a dynamic font size but impose
|
|
27
|
-
* maximum and minimum font sizes.
|
|
28
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
29
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
30
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
31
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
32
|
-
* convert to a unit other than $baselineUnit.
|
|
33
|
-
*/
|
|
34
1
|
:host {
|
|
35
2
|
/**
|
|
36
3
|
* @prop --background: Background of the alert
|
|
@@ -225,72 +192,6 @@ textarea.alert-input {
|
|
|
225
192
|
resize: none;
|
|
226
193
|
}
|
|
227
194
|
|
|
228
|
-
/**
|
|
229
|
-
* Convert a font size to a dynamic font size.
|
|
230
|
-
* Fonts that participate in Dynamic Type should use
|
|
231
|
-
* dynamic font sizes.
|
|
232
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
233
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
234
|
-
* convert to a unit other than $baselineUnit.
|
|
235
|
-
*/
|
|
236
|
-
/**
|
|
237
|
-
* Convert a font size to a dynamic font size but impose
|
|
238
|
-
* a maximum font size.
|
|
239
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
240
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
241
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
242
|
-
* convert to a unit other than $baselineUnit.
|
|
243
|
-
*/
|
|
244
|
-
/**
|
|
245
|
-
* Convert a font size to a dynamic font size but impose
|
|
246
|
-
* a minimum font size.
|
|
247
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
248
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
249
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
250
|
-
* convert to a unit other than $baselineUnit.
|
|
251
|
-
*/
|
|
252
|
-
/**
|
|
253
|
-
* Convert a font size to a dynamic font size but impose
|
|
254
|
-
* maximum and minimum font sizes.
|
|
255
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
256
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
257
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
258
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
259
|
-
* convert to a unit other than $baselineUnit.
|
|
260
|
-
*/
|
|
261
|
-
/**
|
|
262
|
-
* Convert a font size to a dynamic font size.
|
|
263
|
-
* Fonts that participate in Dynamic Type should use
|
|
264
|
-
* dynamic font sizes.
|
|
265
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
266
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
267
|
-
* convert to a unit other than $baselineUnit.
|
|
268
|
-
*/
|
|
269
|
-
/**
|
|
270
|
-
* Convert a font size to a dynamic font size but impose
|
|
271
|
-
* a maximum font size.
|
|
272
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
273
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
274
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
275
|
-
* convert to a unit other than $baselineUnit.
|
|
276
|
-
*/
|
|
277
|
-
/**
|
|
278
|
-
* Convert a font size to a dynamic font size but impose
|
|
279
|
-
* a minimum font size.
|
|
280
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
281
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
282
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
283
|
-
* convert to a unit other than $baselineUnit.
|
|
284
|
-
*/
|
|
285
|
-
/**
|
|
286
|
-
* Convert a font size to a dynamic font size but impose
|
|
287
|
-
* maximum and minimum font sizes.
|
|
288
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
289
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
290
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
291
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
292
|
-
* convert to a unit other than $baselineUnit.
|
|
293
|
-
*/
|
|
294
195
|
:host {
|
|
295
196
|
--background: var(--ion-overlay-background-color, var(--ion-background-color, #fff));
|
|
296
197
|
--max-width: 280px;
|
|
@@ -1,36 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Convert a font size to a dynamic font size.
|
|
3
|
-
* Fonts that participate in Dynamic Type should use
|
|
4
|
-
* dynamic font sizes.
|
|
5
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
6
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
7
|
-
* convert to a unit other than $baselineUnit.
|
|
8
|
-
*/
|
|
9
|
-
/**
|
|
10
|
-
* Convert a font size to a dynamic font size but impose
|
|
11
|
-
* a maximum font size.
|
|
12
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
13
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
14
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
15
|
-
* convert to a unit other than $baselineUnit.
|
|
16
|
-
*/
|
|
17
|
-
/**
|
|
18
|
-
* Convert a font size to a dynamic font size but impose
|
|
19
|
-
* a minimum font size.
|
|
20
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
21
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
22
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
23
|
-
* convert to a unit other than $baselineUnit.
|
|
24
|
-
*/
|
|
25
|
-
/**
|
|
26
|
-
* Convert a font size to a dynamic font size but impose
|
|
27
|
-
* maximum and minimum font sizes.
|
|
28
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
29
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
30
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
31
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
32
|
-
* convert to a unit other than $baselineUnit.
|
|
33
|
-
*/
|
|
34
1
|
:host {
|
|
35
2
|
/**
|
|
36
3
|
* @prop --border-radius: Border radius of the avatar and inner image
|
|
@@ -48,39 +15,6 @@
|
|
|
48
15
|
overflow: hidden;
|
|
49
16
|
}
|
|
50
17
|
|
|
51
|
-
/**
|
|
52
|
-
* Convert a font size to a dynamic font size.
|
|
53
|
-
* Fonts that participate in Dynamic Type should use
|
|
54
|
-
* dynamic font sizes.
|
|
55
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
56
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
57
|
-
* convert to a unit other than $baselineUnit.
|
|
58
|
-
*/
|
|
59
|
-
/**
|
|
60
|
-
* Convert a font size to a dynamic font size but impose
|
|
61
|
-
* a maximum font size.
|
|
62
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
63
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
64
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
65
|
-
* convert to a unit other than $baselineUnit.
|
|
66
|
-
*/
|
|
67
|
-
/**
|
|
68
|
-
* Convert a font size to a dynamic font size but impose
|
|
69
|
-
* a minimum font size.
|
|
70
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
71
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
72
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
73
|
-
* convert to a unit other than $baselineUnit.
|
|
74
|
-
*/
|
|
75
|
-
/**
|
|
76
|
-
* Convert a font size to a dynamic font size but impose
|
|
77
|
-
* maximum and minimum font sizes.
|
|
78
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
79
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
80
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
81
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
82
|
-
* convert to a unit other than $baselineUnit.
|
|
83
|
-
*/
|
|
84
18
|
:host {
|
|
85
19
|
--border-radius: 50%;
|
|
86
20
|
width: 48px;
|
|
@@ -1,36 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Convert a font size to a dynamic font size.
|
|
3
|
-
* Fonts that participate in Dynamic Type should use
|
|
4
|
-
* dynamic font sizes.
|
|
5
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
6
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
7
|
-
* convert to a unit other than $baselineUnit.
|
|
8
|
-
*/
|
|
9
|
-
/**
|
|
10
|
-
* Convert a font size to a dynamic font size but impose
|
|
11
|
-
* a maximum font size.
|
|
12
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
13
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
14
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
15
|
-
* convert to a unit other than $baselineUnit.
|
|
16
|
-
*/
|
|
17
|
-
/**
|
|
18
|
-
* Convert a font size to a dynamic font size but impose
|
|
19
|
-
* a minimum font size.
|
|
20
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
21
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
22
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
23
|
-
* convert to a unit other than $baselineUnit.
|
|
24
|
-
*/
|
|
25
|
-
/**
|
|
26
|
-
* Convert a font size to a dynamic font size but impose
|
|
27
|
-
* maximum and minimum font sizes.
|
|
28
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
29
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
30
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
31
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
32
|
-
* convert to a unit other than $baselineUnit.
|
|
33
|
-
*/
|
|
34
1
|
:host {
|
|
35
2
|
/**
|
|
36
3
|
* @prop --border-radius: Border radius of the avatar and inner image
|
|
@@ -48,39 +15,6 @@
|
|
|
48
15
|
overflow: hidden;
|
|
49
16
|
}
|
|
50
17
|
|
|
51
|
-
/**
|
|
52
|
-
* Convert a font size to a dynamic font size.
|
|
53
|
-
* Fonts that participate in Dynamic Type should use
|
|
54
|
-
* dynamic font sizes.
|
|
55
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
56
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
57
|
-
* convert to a unit other than $baselineUnit.
|
|
58
|
-
*/
|
|
59
|
-
/**
|
|
60
|
-
* Convert a font size to a dynamic font size but impose
|
|
61
|
-
* a maximum font size.
|
|
62
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
63
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
64
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
65
|
-
* convert to a unit other than $baselineUnit.
|
|
66
|
-
*/
|
|
67
|
-
/**
|
|
68
|
-
* Convert a font size to a dynamic font size but impose
|
|
69
|
-
* a minimum font size.
|
|
70
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
71
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
72
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
73
|
-
* convert to a unit other than $baselineUnit.
|
|
74
|
-
*/
|
|
75
|
-
/**
|
|
76
|
-
* Convert a font size to a dynamic font size but impose
|
|
77
|
-
* maximum and minimum font sizes.
|
|
78
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
79
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
80
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
81
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
82
|
-
* convert to a unit other than $baselineUnit.
|
|
83
|
-
*/
|
|
84
18
|
:host {
|
|
85
19
|
--border-radius: 50%;
|
|
86
20
|
width: 64px;
|
|
@@ -1,36 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Convert a font size to a dynamic font size.
|
|
3
|
-
* Fonts that participate in Dynamic Type should use
|
|
4
|
-
* dynamic font sizes.
|
|
5
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
6
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
7
|
-
* convert to a unit other than $baselineUnit.
|
|
8
|
-
*/
|
|
9
|
-
/**
|
|
10
|
-
* Convert a font size to a dynamic font size but impose
|
|
11
|
-
* a maximum font size.
|
|
12
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
13
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
14
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
15
|
-
* convert to a unit other than $baselineUnit.
|
|
16
|
-
*/
|
|
17
|
-
/**
|
|
18
|
-
* Convert a font size to a dynamic font size but impose
|
|
19
|
-
* a minimum font size.
|
|
20
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
21
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
22
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
23
|
-
* convert to a unit other than $baselineUnit.
|
|
24
|
-
*/
|
|
25
|
-
/**
|
|
26
|
-
* Convert a font size to a dynamic font size but impose
|
|
27
|
-
* maximum and minimum font sizes.
|
|
28
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
29
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
30
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
31
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
32
|
-
* convert to a unit other than $baselineUnit.
|
|
33
|
-
*/
|
|
34
1
|
:host {
|
|
35
2
|
/**
|
|
36
3
|
* @prop --background: Background of the button
|
|
@@ -248,39 +215,6 @@ ion-icon {
|
|
|
248
215
|
color: var(--ion-toolbar-color, var(--color));
|
|
249
216
|
}
|
|
250
217
|
|
|
251
|
-
/**
|
|
252
|
-
* Convert a font size to a dynamic font size.
|
|
253
|
-
* Fonts that participate in Dynamic Type should use
|
|
254
|
-
* dynamic font sizes.
|
|
255
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
256
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
257
|
-
* convert to a unit other than $baselineUnit.
|
|
258
|
-
*/
|
|
259
|
-
/**
|
|
260
|
-
* Convert a font size to a dynamic font size but impose
|
|
261
|
-
* a maximum font size.
|
|
262
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
263
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
264
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
265
|
-
* convert to a unit other than $baselineUnit.
|
|
266
|
-
*/
|
|
267
|
-
/**
|
|
268
|
-
* Convert a font size to a dynamic font size but impose
|
|
269
|
-
* a minimum font size.
|
|
270
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
271
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
272
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
273
|
-
* convert to a unit other than $baselineUnit.
|
|
274
|
-
*/
|
|
275
|
-
/**
|
|
276
|
-
* Convert a font size to a dynamic font size but impose
|
|
277
|
-
* maximum and minimum font sizes.
|
|
278
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
279
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
280
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
281
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
282
|
-
* convert to a unit other than $baselineUnit.
|
|
283
|
-
*/
|
|
284
218
|
:host {
|
|
285
219
|
--background-hover: transparent;
|
|
286
220
|
--background-hover-opacity: 1;
|
|
@@ -290,25 +224,9 @@ ion-icon {
|
|
|
290
224
|
--color: var(--ion-color-primary, #3880ff);
|
|
291
225
|
--icon-margin-end: 1px;
|
|
292
226
|
--icon-margin-start: -4px;
|
|
293
|
-
/**
|
|
294
|
-
* The icon should be sized relative
|
|
295
|
-
* to the size of the text which is
|
|
296
|
-
* why we use em here instead of rem.
|
|
297
|
-
* This allows developers to override
|
|
298
|
-
* the text font size while ensuring that
|
|
299
|
-
* the icon is sized relative to that.
|
|
300
|
-
*/
|
|
301
227
|
--icon-font-size: 1.6em;
|
|
302
228
|
--min-height: 32px;
|
|
303
|
-
|
|
304
|
-
* Main content should be prioritized over the back
|
|
305
|
-
* button which is why a maximum font size is applied.
|
|
306
|
-
* Also, we want the text to remain readable
|
|
307
|
-
* so a minimum font size is applied.
|
|
308
|
-
* Using 1.294 instead of 1.3 aligns the text
|
|
309
|
-
* with the icon a bit nicer in Firefox.
|
|
310
|
-
*/
|
|
311
|
-
font-size: clamp(17px, 1.0625rem, 21.998px);
|
|
229
|
+
font-size: 17px;
|
|
312
230
|
}
|
|
313
231
|
|
|
314
232
|
.button-native {
|