@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 --color: Color of the radio
|
|
@@ -268,72 +235,6 @@ input {
|
|
|
268
235
|
min-width: 100px;
|
|
269
236
|
}
|
|
270
237
|
|
|
271
|
-
/**
|
|
272
|
-
* Convert a font size to a dynamic font size.
|
|
273
|
-
* Fonts that participate in Dynamic Type should use
|
|
274
|
-
* dynamic font sizes.
|
|
275
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
276
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
277
|
-
* convert to a unit other than $baselineUnit.
|
|
278
|
-
*/
|
|
279
|
-
/**
|
|
280
|
-
* Convert a font size to a dynamic font size but impose
|
|
281
|
-
* a maximum font size.
|
|
282
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
283
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
284
|
-
* @param unit (optional) - The unit to convert the initial font size 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 minimum font size.
|
|
290
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
291
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% 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
|
-
* maximum and minimum font sizes.
|
|
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 maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
301
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
302
|
-
* convert to a unit other than $baselineUnit.
|
|
303
|
-
*/
|
|
304
|
-
/**
|
|
305
|
-
* Convert a font size to a dynamic font size.
|
|
306
|
-
* Fonts that participate in Dynamic Type should use
|
|
307
|
-
* dynamic font sizes.
|
|
308
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
309
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
310
|
-
* convert to a unit other than $baselineUnit.
|
|
311
|
-
*/
|
|
312
|
-
/**
|
|
313
|
-
* Convert a font size to a dynamic font size but impose
|
|
314
|
-
* a maximum font size.
|
|
315
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
316
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
317
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
318
|
-
* convert to a unit other than $baselineUnit.
|
|
319
|
-
*/
|
|
320
|
-
/**
|
|
321
|
-
* Convert a font size to a dynamic font size but impose
|
|
322
|
-
* a minimum font size.
|
|
323
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
324
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
325
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
326
|
-
* convert to a unit other than $baselineUnit.
|
|
327
|
-
*/
|
|
328
|
-
/**
|
|
329
|
-
* Convert a font size to a dynamic font size but impose
|
|
330
|
-
* maximum and minimum font sizes.
|
|
331
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
332
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
333
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
334
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
335
|
-
* convert to a unit other than $baselineUnit.
|
|
336
|
-
*/
|
|
337
238
|
:host {
|
|
338
239
|
--color-checked: var(--ion-color-primary, #3880ff);
|
|
339
240
|
}
|
|
@@ -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 --color: Color of the radio
|
|
@@ -268,72 +235,6 @@ input {
|
|
|
268
235
|
min-width: 100px;
|
|
269
236
|
}
|
|
270
237
|
|
|
271
|
-
/**
|
|
272
|
-
* Convert a font size to a dynamic font size.
|
|
273
|
-
* Fonts that participate in Dynamic Type should use
|
|
274
|
-
* dynamic font sizes.
|
|
275
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
276
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
277
|
-
* convert to a unit other than $baselineUnit.
|
|
278
|
-
*/
|
|
279
|
-
/**
|
|
280
|
-
* Convert a font size to a dynamic font size but impose
|
|
281
|
-
* a maximum font size.
|
|
282
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
283
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
284
|
-
* @param unit (optional) - The unit to convert the initial font size 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 minimum font size.
|
|
290
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
291
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% 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
|
-
* maximum and minimum font sizes.
|
|
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 maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
301
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
302
|
-
* convert to a unit other than $baselineUnit.
|
|
303
|
-
*/
|
|
304
|
-
/**
|
|
305
|
-
* Convert a font size to a dynamic font size.
|
|
306
|
-
* Fonts that participate in Dynamic Type should use
|
|
307
|
-
* dynamic font sizes.
|
|
308
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
309
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
310
|
-
* convert to a unit other than $baselineUnit.
|
|
311
|
-
*/
|
|
312
|
-
/**
|
|
313
|
-
* Convert a font size to a dynamic font size but impose
|
|
314
|
-
* a maximum font size.
|
|
315
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
316
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
317
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
318
|
-
* convert to a unit other than $baselineUnit.
|
|
319
|
-
*/
|
|
320
|
-
/**
|
|
321
|
-
* Convert a font size to a dynamic font size but impose
|
|
322
|
-
* a minimum font size.
|
|
323
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
324
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
325
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
326
|
-
* convert to a unit other than $baselineUnit.
|
|
327
|
-
*/
|
|
328
|
-
/**
|
|
329
|
-
* Convert a font size to a dynamic font size but impose
|
|
330
|
-
* maximum and minimum font sizes.
|
|
331
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
332
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
333
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
334
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
335
|
-
* convert to a unit other than $baselineUnit.
|
|
336
|
-
*/
|
|
337
238
|
:host {
|
|
338
239
|
--color: rgb(var(--ion-text-color-rgb, 0, 0, 0), 0.6);
|
|
339
240
|
--color-checked: var(--ion-color-primary, #3880ff);
|
|
@@ -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 --bar-background: Background of the range bar
|
|
@@ -93,9 +60,7 @@
|
|
|
93
60
|
top: calc((var(--height) - var(--knob-handle-size)) / 2);
|
|
94
61
|
-webkit-margin-start: calc(0px - var(--knob-handle-size) / 2);
|
|
95
62
|
margin-inline-start: calc(0px - var(--knob-handle-size) / 2);
|
|
96
|
-
display: flex;
|
|
97
63
|
position: absolute;
|
|
98
|
-
justify-content: center;
|
|
99
64
|
width: var(--knob-handle-size);
|
|
100
65
|
height: var(--knob-handle-size);
|
|
101
66
|
text-align: center;
|
|
@@ -398,39 +363,6 @@
|
|
|
398
363
|
max-width: 200px;
|
|
399
364
|
}
|
|
400
365
|
|
|
401
|
-
/**
|
|
402
|
-
* Convert a font size to a dynamic font size.
|
|
403
|
-
* Fonts that participate in Dynamic Type should use
|
|
404
|
-
* dynamic font sizes.
|
|
405
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
406
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
407
|
-
* convert to a unit other than $baselineUnit.
|
|
408
|
-
*/
|
|
409
|
-
/**
|
|
410
|
-
* Convert a font size to a dynamic font size but impose
|
|
411
|
-
* a maximum font size.
|
|
412
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
413
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
414
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
415
|
-
* convert to a unit other than $baselineUnit.
|
|
416
|
-
*/
|
|
417
|
-
/**
|
|
418
|
-
* Convert a font size to a dynamic font size but impose
|
|
419
|
-
* a minimum font size.
|
|
420
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
421
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
422
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
423
|
-
* convert to a unit other than $baselineUnit.
|
|
424
|
-
*/
|
|
425
|
-
/**
|
|
426
|
-
* Convert a font size to a dynamic font size but impose
|
|
427
|
-
* maximum and minimum font sizes.
|
|
428
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
429
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
430
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
431
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
432
|
-
* convert to a unit other than $baselineUnit.
|
|
433
|
-
*/
|
|
434
366
|
:host {
|
|
435
367
|
--knob-border-radius: 50%;
|
|
436
368
|
--knob-background: #ffffff;
|
|
@@ -476,7 +408,7 @@
|
|
|
476
408
|
}
|
|
477
409
|
|
|
478
410
|
:host(.range-has-pin) {
|
|
479
|
-
padding-top:
|
|
411
|
+
padding-top: 20px;
|
|
480
412
|
}
|
|
481
413
|
|
|
482
414
|
.range-bar-active {
|
|
@@ -509,33 +441,27 @@
|
|
|
509
441
|
}
|
|
510
442
|
|
|
511
443
|
.range-pin {
|
|
512
|
-
transform: translate3d(0,
|
|
444
|
+
transform: translate3d(0, 28px, 0) scale(0.01);
|
|
513
445
|
-webkit-padding-start: 8px;
|
|
514
446
|
padding-inline-start: 8px;
|
|
515
447
|
-webkit-padding-end: 8px;
|
|
516
448
|
padding-inline-end: 8px;
|
|
517
449
|
padding-top: 8px;
|
|
518
450
|
padding-bottom: 8px;
|
|
451
|
+
display: inline-block;
|
|
452
|
+
position: relative;
|
|
453
|
+
top: -20px;
|
|
519
454
|
min-width: 28px;
|
|
520
455
|
transition: transform 120ms ease;
|
|
521
456
|
background: transparent;
|
|
522
457
|
color: var(--ion-text-color, #000);
|
|
523
|
-
font-size:
|
|
458
|
+
font-size: 12px;
|
|
524
459
|
text-align: center;
|
|
525
460
|
}
|
|
526
461
|
|
|
527
|
-
/**
|
|
528
|
-
* The -100% ensures the pin sits on top
|
|
529
|
-
* of the range-knob-handle container.
|
|
530
|
-
* We apply 11px so that the pin
|
|
531
|
-
* text is closer to the knob inside of the container.
|
|
532
|
-
* We also apply the 11px here instead of using "top"
|
|
533
|
-
* otherwise the pin text will translate below the knob
|
|
534
|
-
* when the text is scaled.
|
|
535
|
-
*/
|
|
536
462
|
.range-knob-pressed .range-pin,
|
|
537
463
|
.range-knob-handle.ion-focused .range-pin {
|
|
538
|
-
transform: translate3d(0,
|
|
464
|
+
transform: translate3d(0, 0, 0) scale(1);
|
|
539
465
|
}
|
|
540
466
|
|
|
541
467
|
:host(.range-disabled) {
|
|
@@ -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 --bar-background: Background of the range bar
|
|
@@ -93,9 +60,7 @@
|
|
|
93
60
|
top: calc((var(--height) - var(--knob-handle-size)) / 2);
|
|
94
61
|
-webkit-margin-start: calc(0px - var(--knob-handle-size) / 2);
|
|
95
62
|
margin-inline-start: calc(0px - var(--knob-handle-size) / 2);
|
|
96
|
-
display: flex;
|
|
97
63
|
position: absolute;
|
|
98
|
-
justify-content: center;
|
|
99
64
|
width: var(--knob-handle-size);
|
|
100
65
|
height: var(--knob-handle-size);
|
|
101
66
|
text-align: center;
|
|
@@ -398,39 +363,6 @@
|
|
|
398
363
|
max-width: 200px;
|
|
399
364
|
}
|
|
400
365
|
|
|
401
|
-
/**
|
|
402
|
-
* Convert a font size to a dynamic font size.
|
|
403
|
-
* Fonts that participate in Dynamic Type should use
|
|
404
|
-
* dynamic font sizes.
|
|
405
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
406
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
407
|
-
* convert to a unit other than $baselineUnit.
|
|
408
|
-
*/
|
|
409
|
-
/**
|
|
410
|
-
* Convert a font size to a dynamic font size but impose
|
|
411
|
-
* a maximum font size.
|
|
412
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
413
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
414
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
415
|
-
* convert to a unit other than $baselineUnit.
|
|
416
|
-
*/
|
|
417
|
-
/**
|
|
418
|
-
* Convert a font size to a dynamic font size but impose
|
|
419
|
-
* a minimum font size.
|
|
420
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
421
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
422
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
423
|
-
* convert to a unit other than $baselineUnit.
|
|
424
|
-
*/
|
|
425
|
-
/**
|
|
426
|
-
* Convert a font size to a dynamic font size but impose
|
|
427
|
-
* maximum and minimum font sizes.
|
|
428
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
429
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
430
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
431
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
432
|
-
* convert to a unit other than $baselineUnit.
|
|
433
|
-
*/
|
|
434
366
|
:host {
|
|
435
367
|
--knob-border-radius: 50%;
|
|
436
368
|
--knob-background: var(--bar-background-active);
|
|
@@ -443,18 +375,13 @@
|
|
|
443
375
|
--height: 42px;
|
|
444
376
|
--pin-background: var(--ion-color-primary, #3880ff);
|
|
445
377
|
--pin-color: var(--ion-color-primary-contrast, #fff);
|
|
378
|
+
font-size: 12px;
|
|
446
379
|
}
|
|
447
380
|
|
|
448
|
-
|
|
381
|
+
::slotted([slot=label]), .label-text {
|
|
449
382
|
font-size: initial;
|
|
450
383
|
}
|
|
451
384
|
|
|
452
|
-
:host(:not(.legacy-range)) ::slotted(:not(ion-icon)[slot=start]),
|
|
453
|
-
:host(:not(.legacy-range)) ::slotted(:not(ion-icon)[slot=end]),
|
|
454
|
-
:host(:not(.legacy-range)) .native-wrapper {
|
|
455
|
-
font-size: 0.75rem;
|
|
456
|
-
}
|
|
457
|
-
|
|
458
385
|
:host(.legacy-range) {
|
|
459
386
|
-webkit-padding-start: 14px;
|
|
460
387
|
padding-inline-start: 14px;
|
|
@@ -462,7 +389,6 @@
|
|
|
462
389
|
padding-inline-end: 14px;
|
|
463
390
|
padding-top: 8px;
|
|
464
391
|
padding-bottom: 8px;
|
|
465
|
-
font-size: 0.75rem;
|
|
466
392
|
}
|
|
467
393
|
|
|
468
394
|
:host(.ion-color) .range-bar {
|
|
@@ -498,7 +424,7 @@
|
|
|
498
424
|
}
|
|
499
425
|
|
|
500
426
|
:host(.range-has-pin) {
|
|
501
|
-
padding-top:
|
|
427
|
+
padding-top: 28px;
|
|
502
428
|
}
|
|
503
429
|
|
|
504
430
|
.range-bar-active {
|
|
@@ -575,26 +501,17 @@
|
|
|
575
501
|
padding-bottom: 8px;
|
|
576
502
|
border-radius: 50%;
|
|
577
503
|
transform: translate3d(0, 0, 0) scale(0.01);
|
|
578
|
-
display:
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
* The dimensions of the range need
|
|
583
|
-
* to scale with the size of the text
|
|
584
|
-
* which is why we use dynamic dimensions here.
|
|
585
|
-
*/
|
|
586
|
-
width: 1.75rem;
|
|
587
|
-
height: 1.75rem;
|
|
504
|
+
display: inline-block;
|
|
505
|
+
position: relative;
|
|
506
|
+
min-width: 28px;
|
|
507
|
+
height: 28px;
|
|
588
508
|
transition: transform 120ms ease, background 120ms ease;
|
|
589
509
|
background: var(--pin-background);
|
|
590
510
|
color: var(--pin-color);
|
|
511
|
+
text-align: center;
|
|
591
512
|
}
|
|
592
513
|
.range-pin::before {
|
|
593
|
-
|
|
594
|
-
* The -1px here moves the ::before
|
|
595
|
-
* psuedo-element down to create a uniform pin shape.
|
|
596
|
-
*/
|
|
597
|
-
bottom: -1px;
|
|
514
|
+
top: 3px;
|
|
598
515
|
-webkit-margin-start: -13px;
|
|
599
516
|
margin-inline-start: -13px;
|
|
600
517
|
/* stylelint-disable-next-line property-disallowed-list */
|
|
@@ -652,14 +569,9 @@
|
|
|
652
569
|
}
|
|
653
570
|
}
|
|
654
571
|
|
|
655
|
-
/**
|
|
656
|
-
* Move the pin up by its full height
|
|
657
|
-
* plus a few pixels so the tip is above
|
|
658
|
-
* (but not touching) the knob.
|
|
659
|
-
*/
|
|
660
572
|
.range-knob-pressed .range-pin,
|
|
661
573
|
.range-knob-handle.ion-focused .range-pin {
|
|
662
|
-
transform: translate3d(0,
|
|
574
|
+
transform: translate3d(0, -24px, 0) scale(1);
|
|
663
575
|
}
|
|
664
576
|
|
|
665
577
|
@media (any-hover: hover) {
|
|
@@ -54,26 +54,4 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
|
|
|
54
54
|
await expect(range).toHaveScreenshot(screenshot(`range-focus-with-pin`));
|
|
55
55
|
});
|
|
56
56
|
});
|
|
57
|
-
test.describe(title('range: font scaling'), () => {
|
|
58
|
-
test('should scale text on larger font sizes', async ({ page }) => {
|
|
59
|
-
// Capture both icons and text in the start/end slots
|
|
60
|
-
await page.setContent(`
|
|
61
|
-
<style>
|
|
62
|
-
html {
|
|
63
|
-
font-size: 310%;
|
|
64
|
-
}
|
|
65
|
-
</style>
|
|
66
|
-
<ion-range value="50" label="Label" pin="true">
|
|
67
|
-
<ion-icon name="snow" slot="start" aria-hidden="true"></ion-icon>
|
|
68
|
-
<div name="snow" slot="end" aria-hidden="true">Warm</div>
|
|
69
|
-
</ion-range>
|
|
70
|
-
`, config);
|
|
71
|
-
const range = page.locator('ion-range');
|
|
72
|
-
const rangeHandle = range.locator('.range-knob-handle');
|
|
73
|
-
// Capture the range pin in screenshots
|
|
74
|
-
await rangeHandle.evaluate((el) => el.classList.add('ion-focused'));
|
|
75
|
-
await page.waitForChanges();
|
|
76
|
-
await expect(range).toHaveScreenshot(screenshot(`range-scale`));
|
|
77
|
-
});
|
|
78
|
-
});
|
|
79
57
|
});
|
|
@@ -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
|
ion-refresher {
|
|
35
2
|
top: 0;
|
|
36
3
|
display: none;
|
|
@@ -148,39 +115,6 @@ ion-refresher-content .arrow-container {
|
|
|
148
115
|
display: none;
|
|
149
116
|
}
|
|
150
117
|
|
|
151
|
-
/**
|
|
152
|
-
* Convert a font size to a dynamic font size.
|
|
153
|
-
* Fonts that participate in Dynamic Type should use
|
|
154
|
-
* dynamic font sizes.
|
|
155
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
156
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
157
|
-
* convert to a unit other than $baselineUnit.
|
|
158
|
-
*/
|
|
159
|
-
/**
|
|
160
|
-
* Convert a font size to a dynamic font size but impose
|
|
161
|
-
* a maximum font size.
|
|
162
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
163
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
164
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
165
|
-
* convert to a unit other than $baselineUnit.
|
|
166
|
-
*/
|
|
167
|
-
/**
|
|
168
|
-
* Convert a font size to a dynamic font size but impose
|
|
169
|
-
* a minimum font size.
|
|
170
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
171
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
172
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
173
|
-
* convert to a unit other than $baselineUnit.
|
|
174
|
-
*/
|
|
175
|
-
/**
|
|
176
|
-
* Convert a font size to a dynamic font size but impose
|
|
177
|
-
* maximum and minimum font sizes.
|
|
178
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
179
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
180
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
181
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
182
|
-
* convert to a unit other than $baselineUnit.
|
|
183
|
-
*/
|
|
184
118
|
.refresher-ios .refresher-pulling-icon,
|
|
185
119
|
.refresher-ios .refresher-refreshing-icon {
|
|
186
120
|
color: var(--ion-text-color, #000);
|