@ionic/core 7.4.4-dev.11699474548.1f806781 → 7.4.4-dev.11700515976.1ccd503d
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/alert.js +2 -2
- package/components/button.js +2 -2
- package/components/buttons.js +2 -2
- package/components/checkbox.js +1 -1
- package/components/icon.js +14 -23
- package/components/index7.js +1 -1
- 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-select.js +2 -2
- 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/components/radio.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-9d0a407c.js → index-33d2809c.js} +2 -2
- package/dist/cjs/{index-09471526.js → index-d8f84c5a.js} +1 -1
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/ion-accordion_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-action-sheet.cjs.entry.js +2 -2
- package/dist/cjs/ion-alert.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 +3 -3
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-button_2.cjs.entry.js +16 -25
- package/dist/cjs/ion-card_5.cjs.entry.js +8 -8
- package/dist/cjs/ion-checkbox.cjs.entry.js +1 -1
- 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 +4 -4
- package/dist/cjs/ion-fab_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-input.cjs.entry.js +3 -3
- package/dist/cjs/ion-item-option_3.cjs.entry.js +4 -4
- package/dist/cjs/ion-item_8.cjs.entry.js +11 -11
- package/dist/cjs/ion-loading.cjs.entry.js +2 -2
- package/dist/cjs/ion-menu_3.cjs.entry.js +3 -3
- 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-radio_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-range.cjs.entry.js +2 -2
- package/dist/cjs/ion-refresher_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-reorder_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-searchbar.cjs.entry.js +4 -10
- package/dist/cjs/ion-select_3.cjs.entry.js +3 -3
- package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
- package/dist/cjs/ion-toast.cjs.entry.js +2 -2
- package/dist/cjs/ion-toggle.cjs.entry.js +1 -1
- package/dist/cjs/ionic.cjs.js +1 -1
- package/dist/cjs/{ios.transition-a36fc7d0.js → ios.transition-8ddf91e6.js} +5 -5
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{md.transition-83a26d02.js → md.transition-44ff8566.js} +1 -1
- 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 +21 -138
- package/dist/collection/components/alert/alert.md.css +8 -108
- package/dist/collection/components/alert/test/a11y/alert.e2e.js +0 -111
- 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 +2 -101
- package/dist/collection/components/checkbox/checkbox.md.css +0 -99
- package/dist/collection/components/checkbox/test/a11y/checkbox.e2e.js +0 -18
- 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 +7 -198
- package/dist/collection/components/datetime/datetime.js +1 -1
- package/dist/collection/components/datetime/datetime.md.css +5 -97
- package/dist/collection/components/datetime-button/datetime-button.css +2 -36
- package/dist/collection/components/fab/fab.css +0 -132
- 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 +5 -104
- package/dist/collection/components/radio/radio.md.css +5 -104
- package/dist/collection/components/radio/test/a11y/radio.e2e.js +0 -21
- package/dist/collection/components/range/range.ios.css +8 -82
- package/dist/collection/components/range/range.md.css +11 -99
- 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/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 +3 -102
- package/dist/collection/components/select/select.md.css +2 -167
- package/dist/collection/components/select/test/a11y/select.e2e.js +0 -22
- 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 +1 -1
- package/dist/esm/{index-c132c5f1.js → index-504b03f0.js} +1 -1
- package/dist/esm/{index-48bcc7d2.js → index-6e10cd02.js} +2 -2
- package/dist/esm/index.js +3 -3
- package/dist/esm/ion-accordion_2.entry.js +1 -1
- package/dist/esm/ion-action-sheet.entry.js +2 -2
- package/dist/esm/ion-alert.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 +3 -3
- package/dist/esm/ion-breadcrumb_2.entry.js +3 -3
- package/dist/esm/ion-button_2.entry.js +16 -25
- package/dist/esm/ion-card_5.entry.js +8 -8
- package/dist/esm/ion-checkbox.entry.js +1 -1
- 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 +4 -4
- package/dist/esm/ion-fab_3.entry.js +1 -1
- package/dist/esm/ion-input.entry.js +3 -3
- package/dist/esm/ion-item-option_3.entry.js +4 -4
- package/dist/esm/ion-item_8.entry.js +11 -11
- package/dist/esm/ion-loading.entry.js +2 -2
- package/dist/esm/ion-menu_3.entry.js +3 -3
- 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-radio_2.entry.js +2 -2
- package/dist/esm/ion-range.entry.js +2 -2
- package/dist/esm/ion-refresher_2.entry.js +1 -1
- package/dist/esm/ion-reorder_2.entry.js +3 -3
- package/dist/esm/ion-searchbar.entry.js +4 -10
- package/dist/esm/ion-select_3.entry.js +3 -3
- package/dist/esm/ion-textarea.entry.js +2 -2
- package/dist/esm/ion-toast.entry.js +2 -2
- package/dist/esm/ion-toggle.entry.js +1 -1
- package/dist/esm/ionic.js +1 -1
- package/dist/esm/{ios.transition-7bcb60ea.js → ios.transition-6707a3a1.js} +5 -5
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{md.transition-83458e3c.js → md.transition-957964fd.js} +1 -1
- package/dist/esm-es5/{index-48bcc7d2.js → index-6e10cd02.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
- package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
- package/dist/esm-es5/ion-alert.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-checkbox.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-fab_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-radio_2.entry.js +1 -1
- package/dist/esm-es5/ion-range.entry.js +1 -1
- package/dist/esm-es5/ion-refresher_2.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-select_3.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/ion-toggle.entry.js +1 -1
- package/dist/esm-es5/ionic.js +1 -1
- package/dist/esm-es5/ios.transition-6707a3a1.js +4 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{md.transition-83458e3c.js → md.transition-957964fd.js} +1 -1
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-e305e1cb.entry.js → p-0023e6eb.entry.js} +1 -1
- package/dist/ionic/{p-fbcc6b35.system.entry.js → p-00f709ca.system.entry.js} +1 -1
- package/dist/ionic/p-037e2738.system.entry.js +4 -0
- package/dist/ionic/{p-332ee795.entry.js → p-03f7e3cc.entry.js} +1 -1
- package/dist/ionic/{p-8efd0a7c.entry.js → p-0459db58.entry.js} +1 -1
- package/dist/ionic/p-06756f31.entry.js +4 -0
- package/dist/ionic/p-0d3d44e7.entry.js +4 -0
- package/dist/ionic/p-100ea813.system.entry.js +4 -0
- package/dist/ionic/p-10fcb3a3.system.entry.js +4 -0
- package/dist/ionic/p-14fd96a2.system.entry.js +4 -0
- package/dist/ionic/{p-e31e38dd.js → p-1d9b39f3.js} +1 -1
- package/dist/ionic/{p-b9873ece.entry.js → p-2acea831.entry.js} +1 -1
- package/dist/ionic/{p-d91a220c.entry.js → p-2b47b2ce.entry.js} +1 -1
- package/dist/ionic/{p-ddd3b55f.entry.js → p-32b5f10e.entry.js} +1 -1
- package/dist/ionic/p-3634b770.system.entry.js +4 -0
- package/dist/ionic/p-37fc0d22.system.entry.js +4 -0
- package/dist/ionic/p-3e6b0330.system.entry.js +4 -0
- package/dist/ionic/p-416d7f8d.system.entry.js +4 -0
- package/dist/ionic/p-44fa0a61.entry.js +4 -0
- package/dist/ionic/p-4555335a.entry.js +4 -0
- package/dist/ionic/{p-13fda15d.entry.js → p-469d6a98.entry.js} +1 -1
- package/dist/ionic/{p-38298e28.system.entry.js → p-48159bfc.system.entry.js} +1 -1
- package/dist/ionic/p-4c20879c.entry.js +4 -0
- package/dist/ionic/p-520789c2.js +4 -0
- package/dist/ionic/p-5b5311f6.system.entry.js +4 -0
- package/dist/ionic/p-5cafe439.system.entry.js +4 -0
- package/dist/ionic/{p-2af89501.entry.js → p-60dee335.entry.js} +1 -1
- package/dist/ionic/p-68b405cc.entry.js +4 -0
- package/dist/ionic/p-6a3c14d1.entry.js +4 -0
- package/dist/ionic/p-6a92db9d.system.entry.js +4 -0
- package/dist/ionic/{p-5813a53f.system.js → p-6cfcb294.system.js} +1 -1
- package/dist/ionic/{p-bcb4bd5a.entry.js → p-70441a5b.entry.js} +1 -1
- package/dist/ionic/p-73eba881.system.js +1 -1
- package/dist/ionic/p-7520e873.system.entry.js +4 -0
- package/dist/ionic/{p-3d7278bf.system.entry.js → p-88a1a4fe.system.entry.js} +1 -1
- package/dist/ionic/p-8957b1de.system.entry.js +4 -0
- package/dist/ionic/p-89e3d112.system.entry.js +4 -0
- package/dist/ionic/p-90012797.system.js +4 -0
- package/dist/ionic/p-9dbc208c.js +4 -0
- package/dist/ionic/{p-e725e538.system.entry.js → p-a157df46.system.entry.js} +1 -1
- package/dist/ionic/{p-bea4cf88.system.entry.js → p-a4ce3b06.system.entry.js} +1 -1
- package/dist/ionic/{p-8b8c3052.system.entry.js → p-a60cff26.system.entry.js} +1 -1
- package/dist/ionic/{p-eba37915.entry.js → p-a7361c85.entry.js} +1 -1
- package/dist/ionic/p-a99e7e72.entry.js +4 -0
- package/dist/ionic/{p-0e71c632.entry.js → p-aae05032.entry.js} +1 -1
- package/dist/ionic/{p-282b98fc.system.entry.js → p-ae57449e.system.entry.js} +1 -1
- package/dist/ionic/p-ae8121f5.system.entry.js +4 -0
- package/dist/ionic/{p-5af72e8c.system.js → p-b25a96b7.system.js} +1 -1
- package/dist/ionic/p-b27772bf.entry.js +4 -0
- package/dist/ionic/p-b4c0e9ee.entry.js +4 -0
- package/dist/ionic/p-b4f14d9e.entry.js +4 -0
- package/dist/ionic/p-b7ac706d.entry.js +4 -0
- package/dist/ionic/p-b9e2aede.entry.js +4 -0
- package/dist/ionic/{p-895fd2ad.entry.js → p-bc7420cc.entry.js} +1 -1
- package/dist/ionic/{p-132eec58.entry.js → p-c0c794dd.entry.js} +1 -1
- package/dist/ionic/p-ccdd595c.system.entry.js +4 -0
- package/dist/ionic/p-d0d59328.entry.js +4 -0
- package/dist/ionic/p-d1df86ff.entry.js +4 -0
- package/dist/ionic/p-d2a278b1.entry.js +4 -0
- package/dist/ionic/p-d8eeabae.system.entry.js +4 -0
- package/dist/ionic/p-da024961.entry.js +4 -0
- package/dist/ionic/{p-da15610d.system.entry.js → p-db8b267a.system.entry.js} +1 -1
- package/dist/ionic/p-dcfea01f.system.entry.js +4 -0
- package/dist/ionic/{p-027ec61b.system.js → p-e0f66356.system.js} +1 -1
- package/dist/ionic/p-e6d2cca2.system.entry.js +4 -0
- package/dist/ionic/p-ec451ef7.system.entry.js +4 -0
- package/dist/ionic/p-ef4408d6.entry.js +4 -0
- package/dist/ionic/p-efd574eb.system.entry.js +4 -0
- package/dist/ionic/p-f48af9da.system.entry.js +4 -0
- package/dist/ionic/p-fbc7995a.system.entry.js +4 -0
- package/dist/node_modules/ionicons/dist/collection/components/icon/icon.css +4 -5
- package/hydrate/index.js +89 -108
- package/package.json +3 -3
- 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-7bcb60ea.js +0 -4
- package/dist/ionic/p-0d7def6a.system.entry.js +0 -4
- package/dist/ionic/p-0fa8a3bc.entry.js +0 -4
- package/dist/ionic/p-1b32d4a5.system.entry.js +0 -4
- package/dist/ionic/p-22f40e81.entry.js +0 -4
- package/dist/ionic/p-277e63f9.system.entry.js +0 -4
- package/dist/ionic/p-2838a7fe.system.js +0 -4
- package/dist/ionic/p-2cf8274d.entry.js +0 -4
- package/dist/ionic/p-2d70dfce.entry.js +0 -4
- package/dist/ionic/p-2fb0cb25.entry.js +0 -4
- package/dist/ionic/p-32623d05.entry.js +0 -4
- package/dist/ionic/p-3b7c777a.system.entry.js +0 -4
- package/dist/ionic/p-418057b3.entry.js +0 -4
- package/dist/ionic/p-4944f155.system.entry.js +0 -4
- package/dist/ionic/p-51db1192.entry.js +0 -4
- package/dist/ionic/p-64207faa.system.entry.js +0 -4
- package/dist/ionic/p-6851fe6f.entry.js +0 -4
- package/dist/ionic/p-6b236909.system.entry.js +0 -4
- package/dist/ionic/p-7692baf5.entry.js +0 -4
- package/dist/ionic/p-769c45c4.system.entry.js +0 -4
- package/dist/ionic/p-7a5b2208.system.entry.js +0 -4
- package/dist/ionic/p-7f0902d7.entry.js +0 -4
- package/dist/ionic/p-82f8788c.entry.js +0 -4
- package/dist/ionic/p-93b5cb0b.system.entry.js +0 -4
- package/dist/ionic/p-95ec964c.system.entry.js +0 -4
- package/dist/ionic/p-96e62ff0.system.entry.js +0 -4
- package/dist/ionic/p-97a8b662.entry.js +0 -4
- package/dist/ionic/p-9b140722.system.entry.js +0 -4
- package/dist/ionic/p-9de0a704.system.entry.js +0 -4
- package/dist/ionic/p-a5e26574.entry.js +0 -4
- package/dist/ionic/p-a75351a2.entry.js +0 -4
- package/dist/ionic/p-a7cc56e4.entry.js +0 -4
- package/dist/ionic/p-ac72c570.js +0 -4
- package/dist/ionic/p-b7c5d202.system.entry.js +0 -4
- package/dist/ionic/p-b80c4bce.system.entry.js +0 -4
- package/dist/ionic/p-bbd10afd.entry.js +0 -4
- package/dist/ionic/p-c2b0e9ef.system.entry.js +0 -4
- package/dist/ionic/p-c32dcb2e.system.entry.js +0 -4
- package/dist/ionic/p-c3ad5ed3.system.entry.js +0 -4
- package/dist/ionic/p-ea71294c.entry.js +0 -4
- package/dist/ionic/p-f2aa87dd.js +0 -4
- package/dist/ionic/p-f2ea5f89.system.entry.js +0 -4
- package/dist/ionic/p-f496e482.system.entry.js +0 -4
- package/dist/ionic/p-f91ed421.system.entry.js +0 -4
- package/dist/ionic/p-f9b62cd4.system.entry.js +0 -4
- /package/dist/esm-es5/{index-c132c5f1.js → index-504b03f0.js} +0 -0
- /package/dist/ionic/{p-ea96fa73.js → p-15bae383.js} +0 -0
- /package/dist/ionic/{p-8050b9b9.system.js → p-3f919368.system.js} +0 -0
|
@@ -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 searchbar input
|
|
@@ -102,7 +69,6 @@
|
|
|
102
69
|
border-radius: var(--border-radius);
|
|
103
70
|
display: block;
|
|
104
71
|
width: 100%;
|
|
105
|
-
min-height: inherit;
|
|
106
72
|
border: 0;
|
|
107
73
|
outline: none;
|
|
108
74
|
background: var(--background);
|
|
@@ -181,39 +147,6 @@
|
|
|
181
147
|
pointer-events: none;
|
|
182
148
|
}
|
|
183
149
|
|
|
184
|
-
/**
|
|
185
|
-
* Convert a font size to a dynamic font size.
|
|
186
|
-
* Fonts that participate in Dynamic Type should use
|
|
187
|
-
* dynamic font sizes.
|
|
188
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
189
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
190
|
-
* convert to a unit other than $baselineUnit.
|
|
191
|
-
*/
|
|
192
|
-
/**
|
|
193
|
-
* Convert a font size to a dynamic font size but impose
|
|
194
|
-
* a maximum font size.
|
|
195
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
196
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
197
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
198
|
-
* convert to a unit other than $baselineUnit.
|
|
199
|
-
*/
|
|
200
|
-
/**
|
|
201
|
-
* Convert a font size to a dynamic font size but impose
|
|
202
|
-
* a minimum font size.
|
|
203
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
204
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
205
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
206
|
-
* convert to a unit other than $baselineUnit.
|
|
207
|
-
*/
|
|
208
|
-
/**
|
|
209
|
-
* Convert a font size to a dynamic font size but impose
|
|
210
|
-
* maximum and minimum font sizes.
|
|
211
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
212
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
213
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
214
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
215
|
-
* convert to a unit other than $baselineUnit.
|
|
216
|
-
*/
|
|
217
150
|
:host {
|
|
218
151
|
--background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);
|
|
219
152
|
--border-radius: 10px;
|
|
@@ -228,12 +161,12 @@
|
|
|
228
161
|
padding-inline-end: 12px;
|
|
229
162
|
padding-top: 12px;
|
|
230
163
|
padding-bottom: 12px;
|
|
231
|
-
|
|
232
|
-
contain:
|
|
164
|
+
height: 60px;
|
|
165
|
+
contain: strict;
|
|
233
166
|
}
|
|
234
167
|
|
|
235
168
|
.searchbar-input-container {
|
|
236
|
-
|
|
169
|
+
height: 36px;
|
|
237
170
|
}
|
|
238
171
|
|
|
239
172
|
.searchbar-search-icon {
|
|
@@ -241,7 +174,7 @@
|
|
|
241
174
|
margin-inline-start: calc(50% - 60px);
|
|
242
175
|
top: 0;
|
|
243
176
|
position: absolute;
|
|
244
|
-
width:
|
|
177
|
+
width: 22px;
|
|
245
178
|
height: 100%;
|
|
246
179
|
contain: strict;
|
|
247
180
|
}
|
|
@@ -274,35 +207,23 @@
|
|
|
274
207
|
}
|
|
275
208
|
|
|
276
209
|
.searchbar-input {
|
|
277
|
-
-webkit-padding-start:
|
|
278
|
-
padding-inline-start:
|
|
279
|
-
-webkit-padding-end:
|
|
280
|
-
padding-inline-end:
|
|
281
|
-
padding-top:
|
|
282
|
-
padding-bottom:
|
|
210
|
+
-webkit-padding-start: 28px;
|
|
211
|
+
padding-inline-start: 28px;
|
|
212
|
+
-webkit-padding-end: 28px;
|
|
213
|
+
padding-inline-end: 28px;
|
|
214
|
+
padding-top: 0;
|
|
215
|
+
padding-bottom: 0;
|
|
283
216
|
height: 100%;
|
|
284
|
-
font-size:
|
|
217
|
+
font-size: 17px;
|
|
285
218
|
font-weight: 400;
|
|
286
219
|
contain: strict;
|
|
287
220
|
}
|
|
288
221
|
|
|
289
|
-
/**
|
|
290
|
-
* We should only account for the clear button
|
|
291
|
-
* if the clear button is actually visible. Otherwise
|
|
292
|
-
* long text in an input can get cut off when it does not need to.
|
|
293
|
-
*/
|
|
294
|
-
:host(.searchbar-has-value.searchbar-should-show-clear) .searchbar-input {
|
|
295
|
-
-webkit-padding-start: 1.75rem;
|
|
296
|
-
padding-inline-start: 1.75rem;
|
|
297
|
-
-webkit-padding-end: 1.75rem;
|
|
298
|
-
padding-inline-end: 1.75rem;
|
|
299
|
-
}
|
|
300
|
-
|
|
301
222
|
.searchbar-clear-button {
|
|
302
223
|
top: 0;
|
|
303
224
|
background-position: center;
|
|
304
225
|
position: absolute;
|
|
305
|
-
width:
|
|
226
|
+
width: 30px;
|
|
306
227
|
height: 100%;
|
|
307
228
|
border: 0;
|
|
308
229
|
background-color: transparent;
|
|
@@ -336,7 +257,7 @@
|
|
|
336
257
|
}
|
|
337
258
|
|
|
338
259
|
.searchbar-clear-icon {
|
|
339
|
-
width:
|
|
260
|
+
width: 18px;
|
|
340
261
|
height: 100%;
|
|
341
262
|
}
|
|
342
263
|
|
|
@@ -358,8 +279,8 @@
|
|
|
358
279
|
}
|
|
359
280
|
|
|
360
281
|
:host(.searchbar-left-aligned) .searchbar-input {
|
|
361
|
-
-webkit-padding-start:
|
|
362
|
-
padding-inline-start:
|
|
282
|
+
-webkit-padding-start: 30px;
|
|
283
|
+
padding-inline-start: 30px;
|
|
363
284
|
}
|
|
364
285
|
|
|
365
286
|
:host(.searchbar-has-focus) .searchbar-cancel-button,
|
|
@@ -406,7 +327,7 @@
|
|
|
406
327
|
:host-context(ion-toolbar) {
|
|
407
328
|
padding-top: 1px;
|
|
408
329
|
padding-bottom: 15px;
|
|
409
|
-
|
|
330
|
+
height: 52px;
|
|
410
331
|
}
|
|
411
332
|
|
|
412
333
|
:host-context(ion-toolbar.ion-color):not(.ion-color) {
|
|
@@ -260,13 +260,7 @@ export class Searchbar {
|
|
|
260
260
|
// Calculate the input padding
|
|
261
261
|
const inputLeft = 'calc(50% - ' + textWidth / 2 + 'px)';
|
|
262
262
|
// Calculate the icon margin
|
|
263
|
-
|
|
264
|
-
* We take the icon width to account
|
|
265
|
-
* for any text scales applied to the icon
|
|
266
|
-
* such as Dynamic Type on iOS as well as 8px
|
|
267
|
-
* of padding.
|
|
268
|
-
*/
|
|
269
|
-
const iconLeft = 'calc(50% - ' + (textWidth / 2 + iconEl.clientWidth + 8) + 'px)';
|
|
263
|
+
const iconLeft = 'calc(50% - ' + (textWidth / 2 + 30) + 'px)';
|
|
270
264
|
// Set the input padding start and icon margin start
|
|
271
265
|
if (rtl) {
|
|
272
266
|
inputEl.style.paddingRight = inputLeft;
|
|
@@ -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 searchbar input
|
|
@@ -102,7 +69,6 @@
|
|
|
102
69
|
border-radius: var(--border-radius);
|
|
103
70
|
display: block;
|
|
104
71
|
width: 100%;
|
|
105
|
-
min-height: inherit;
|
|
106
72
|
border: 0;
|
|
107
73
|
outline: none;
|
|
108
74
|
background: var(--background);
|
|
@@ -181,39 +147,6 @@
|
|
|
181
147
|
pointer-events: none;
|
|
182
148
|
}
|
|
183
149
|
|
|
184
|
-
/**
|
|
185
|
-
* Convert a font size to a dynamic font size.
|
|
186
|
-
* Fonts that participate in Dynamic Type should use
|
|
187
|
-
* dynamic font sizes.
|
|
188
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
189
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
190
|
-
* convert to a unit other than $baselineUnit.
|
|
191
|
-
*/
|
|
192
|
-
/**
|
|
193
|
-
* Convert a font size to a dynamic font size but impose
|
|
194
|
-
* a maximum font size.
|
|
195
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
196
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
197
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
198
|
-
* convert to a unit other than $baselineUnit.
|
|
199
|
-
*/
|
|
200
|
-
/**
|
|
201
|
-
* Convert a font size to a dynamic font size but impose
|
|
202
|
-
* a minimum font size.
|
|
203
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
204
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
205
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
206
|
-
* convert to a unit other than $baselineUnit.
|
|
207
|
-
*/
|
|
208
|
-
/**
|
|
209
|
-
* Convert a font size to a dynamic font size but impose
|
|
210
|
-
* maximum and minimum font sizes.
|
|
211
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
212
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
213
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
214
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
215
|
-
* convert to a unit other than $baselineUnit.
|
|
216
|
-
*/
|
|
217
150
|
:host {
|
|
218
151
|
--background: var(--ion-background-color, #fff);
|
|
219
152
|
--border-radius: 2px;
|
|
@@ -233,8 +166,8 @@
|
|
|
233
166
|
|
|
234
167
|
.searchbar-search-icon {
|
|
235
168
|
top: 11px;
|
|
236
|
-
width:
|
|
237
|
-
height:
|
|
169
|
+
width: 21px;
|
|
170
|
+
height: 21px;
|
|
238
171
|
}
|
|
239
172
|
@supports (inset-inline-start: 0) {
|
|
240
173
|
.searchbar-search-icon {
|
|
@@ -308,15 +241,15 @@
|
|
|
308
241
|
}
|
|
309
242
|
|
|
310
243
|
.searchbar-input {
|
|
311
|
-
-webkit-padding-start:
|
|
312
|
-
padding-inline-start:
|
|
313
|
-
-webkit-padding-end:
|
|
314
|
-
padding-inline-end:
|
|
315
|
-
padding-top:
|
|
316
|
-
padding-bottom:
|
|
244
|
+
-webkit-padding-start: 55px;
|
|
245
|
+
padding-inline-start: 55px;
|
|
246
|
+
-webkit-padding-end: 55px;
|
|
247
|
+
padding-inline-end: 55px;
|
|
248
|
+
padding-top: 6px;
|
|
249
|
+
padding-bottom: 6px;
|
|
317
250
|
background-position: left 8px center;
|
|
318
251
|
height: auto;
|
|
319
|
-
font-size:
|
|
252
|
+
font-size: 16px;
|
|
320
253
|
font-weight: 400;
|
|
321
254
|
line-height: 30px;
|
|
322
255
|
}
|
|
@@ -378,7 +311,7 @@
|
|
|
378
311
|
}
|
|
379
312
|
|
|
380
313
|
.searchbar-clear-icon {
|
|
381
|
-
width:
|
|
314
|
+
width: 22px;
|
|
382
315
|
height: 100%;
|
|
383
316
|
}
|
|
384
317
|
|
|
@@ -116,21 +116,3 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
|
|
|
116
116
|
});
|
|
117
117
|
});
|
|
118
118
|
});
|
|
119
|
-
configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
|
|
120
|
-
test.describe(title('searchbar: ios clear button text cut off'), () => {
|
|
121
|
-
test('text should not be cut off when clear button is hidden', async ({ page }) => {
|
|
122
|
-
await page.setContent(`
|
|
123
|
-
<ion-searchbar show-clear-button="focus" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce non metus vel velit sollicitudin suscipit quis sed lectus. "></ion-searchbar>
|
|
124
|
-
`, config);
|
|
125
|
-
const searchbar = page.locator('ion-searchbar');
|
|
126
|
-
await expect(searchbar).toHaveScreenshot(screenshot(`searchbar-text-clear-hidden`));
|
|
127
|
-
});
|
|
128
|
-
test('text should be cut off when clear button is visible', async ({ page }) => {
|
|
129
|
-
await page.setContent(`
|
|
130
|
-
<ion-searchbar show-clear-button="always" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce non metus vel velit sollicitudin suscipit quis sed lectus. "></ion-searchbar>
|
|
131
|
-
`, config);
|
|
132
|
-
const searchbar = page.locator('ion-searchbar');
|
|
133
|
-
await expect(searchbar).toHaveScreenshot(screenshot(`searchbar-text-clear-visible`));
|
|
134
|
-
});
|
|
135
|
-
});
|
|
136
|
-
});
|
|
@@ -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 segment button
|
|
@@ -62,72 +29,6 @@
|
|
|
62
29
|
display: none;
|
|
63
30
|
}
|
|
64
31
|
|
|
65
|
-
/**
|
|
66
|
-
* Convert a font size to a dynamic font size.
|
|
67
|
-
* Fonts that participate in Dynamic Type should use
|
|
68
|
-
* dynamic font sizes.
|
|
69
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
70
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
71
|
-
* convert to a unit other than $baselineUnit.
|
|
72
|
-
*/
|
|
73
|
-
/**
|
|
74
|
-
* Convert a font size to a dynamic font size but impose
|
|
75
|
-
* a maximum font size.
|
|
76
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
77
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
78
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
79
|
-
* convert to a unit other than $baselineUnit.
|
|
80
|
-
*/
|
|
81
|
-
/**
|
|
82
|
-
* Convert a font size to a dynamic font size but impose
|
|
83
|
-
* a minimum font size.
|
|
84
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
85
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
86
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
87
|
-
* convert to a unit other than $baselineUnit.
|
|
88
|
-
*/
|
|
89
|
-
/**
|
|
90
|
-
* Convert a font size to a dynamic font size but impose
|
|
91
|
-
* maximum and minimum font sizes.
|
|
92
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
93
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
94
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
95
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
96
|
-
* convert to a unit other than $baselineUnit.
|
|
97
|
-
*/
|
|
98
|
-
/**
|
|
99
|
-
* Convert a font size to a dynamic font size.
|
|
100
|
-
* Fonts that participate in Dynamic Type should use
|
|
101
|
-
* dynamic font sizes.
|
|
102
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
103
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
104
|
-
* convert to a unit other than $baselineUnit.
|
|
105
|
-
*/
|
|
106
|
-
/**
|
|
107
|
-
* Convert a font size to a dynamic font size but impose
|
|
108
|
-
* a maximum font size.
|
|
109
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
110
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
111
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
112
|
-
* convert to a unit other than $baselineUnit.
|
|
113
|
-
*/
|
|
114
|
-
/**
|
|
115
|
-
* Convert a font size to a dynamic font size but impose
|
|
116
|
-
* a minimum font size.
|
|
117
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
118
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
119
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
120
|
-
* convert to a unit other than $baselineUnit.
|
|
121
|
-
*/
|
|
122
|
-
/**
|
|
123
|
-
* Convert a font size to a dynamic font size but impose
|
|
124
|
-
* maximum and minimum font sizes.
|
|
125
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
126
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
127
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
128
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
129
|
-
* convert to a unit other than $baselineUnit.
|
|
130
|
-
*/
|
|
131
32
|
:host {
|
|
132
33
|
--background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);
|
|
133
34
|
border-radius: 8px;
|
|
@@ -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 segment button
|
|
@@ -62,72 +29,6 @@
|
|
|
62
29
|
display: none;
|
|
63
30
|
}
|
|
64
31
|
|
|
65
|
-
/**
|
|
66
|
-
* Convert a font size to a dynamic font size.
|
|
67
|
-
* Fonts that participate in Dynamic Type should use
|
|
68
|
-
* dynamic font sizes.
|
|
69
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
70
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
71
|
-
* convert to a unit other than $baselineUnit.
|
|
72
|
-
*/
|
|
73
|
-
/**
|
|
74
|
-
* Convert a font size to a dynamic font size but impose
|
|
75
|
-
* a maximum font size.
|
|
76
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
77
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
78
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
79
|
-
* convert to a unit other than $baselineUnit.
|
|
80
|
-
*/
|
|
81
|
-
/**
|
|
82
|
-
* Convert a font size to a dynamic font size but impose
|
|
83
|
-
* a minimum font size.
|
|
84
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
85
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
86
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
87
|
-
* convert to a unit other than $baselineUnit.
|
|
88
|
-
*/
|
|
89
|
-
/**
|
|
90
|
-
* Convert a font size to a dynamic font size but impose
|
|
91
|
-
* maximum and minimum font sizes.
|
|
92
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
93
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
94
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
95
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
96
|
-
* convert to a unit other than $baselineUnit.
|
|
97
|
-
*/
|
|
98
|
-
/**
|
|
99
|
-
* Convert a font size to a dynamic font size.
|
|
100
|
-
* Fonts that participate in Dynamic Type should use
|
|
101
|
-
* dynamic font sizes.
|
|
102
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
103
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
104
|
-
* convert to a unit other than $baselineUnit.
|
|
105
|
-
*/
|
|
106
|
-
/**
|
|
107
|
-
* Convert a font size to a dynamic font size but impose
|
|
108
|
-
* a maximum font size.
|
|
109
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
110
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
111
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
112
|
-
* convert to a unit other than $baselineUnit.
|
|
113
|
-
*/
|
|
114
|
-
/**
|
|
115
|
-
* Convert a font size to a dynamic font size but impose
|
|
116
|
-
* a minimum font size.
|
|
117
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
118
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
119
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
120
|
-
* convert to a unit other than $baselineUnit.
|
|
121
|
-
*/
|
|
122
|
-
/**
|
|
123
|
-
* Convert a font size to a dynamic font size but impose
|
|
124
|
-
* maximum and minimum font sizes.
|
|
125
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
126
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
127
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
128
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
129
|
-
* convert to a unit other than $baselineUnit.
|
|
130
|
-
*/
|
|
131
32
|
:host {
|
|
132
33
|
--background: transparent;
|
|
133
34
|
grid-auto-columns: minmax(auto, 360px);
|
|
@@ -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 segment button
|
|
@@ -276,39 +243,6 @@ ion-ripple-effect {
|
|
|
276
243
|
transition: none;
|
|
277
244
|
}
|
|
278
245
|
}
|
|
279
|
-
/**
|
|
280
|
-
* Convert a font size to a dynamic font size.
|
|
281
|
-
* Fonts that participate in Dynamic Type should use
|
|
282
|
-
* dynamic font sizes.
|
|
283
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
284
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
285
|
-
* convert to a unit other than $baselineUnit.
|
|
286
|
-
*/
|
|
287
|
-
/**
|
|
288
|
-
* Convert a font size to a dynamic font size but impose
|
|
289
|
-
* a maximum font size.
|
|
290
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
291
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
292
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
293
|
-
* convert to a unit other than $baselineUnit.
|
|
294
|
-
*/
|
|
295
|
-
/**
|
|
296
|
-
* Convert a font size to a dynamic font size but impose
|
|
297
|
-
* a minimum font size.
|
|
298
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
299
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
300
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
301
|
-
* convert to a unit other than $baselineUnit.
|
|
302
|
-
*/
|
|
303
|
-
/**
|
|
304
|
-
* Convert a font size to a dynamic font size but impose
|
|
305
|
-
* maximum and minimum font sizes.
|
|
306
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
307
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
308
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
309
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
310
|
-
* convert to a unit other than $baselineUnit.
|
|
311
|
-
*/
|
|
312
246
|
:host {
|
|
313
247
|
--background: none;
|
|
314
248
|
--background-checked: none;
|