@ionic/core 9.0.3-dev.11788456135.1ab1d6cd → 9.0.3-dev.11790116791.11c9cd1e
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/index.js +1 -1
- package/components/ion-accordion-group.js +1 -1
- package/components/ion-accordion.js +1 -1
- package/components/ion-action-sheet.js +1 -1
- package/components/ion-alert.js +1 -1
- package/components/ion-app.js +1 -1
- package/components/ion-avatar.js +1 -1
- package/components/ion-back-button.js +1 -1
- package/components/ion-backdrop.js +1 -1
- package/components/ion-badge.js +1 -1
- package/components/ion-breadcrumb.js +1 -1
- package/components/ion-breadcrumbs.js +1 -1
- package/components/ion-button.js +1 -1
- package/components/ion-buttons.js +1 -1
- package/components/ion-card-content.js +1 -1
- package/components/ion-card-header.js +1 -1
- package/components/ion-card-subtitle.js +1 -1
- package/components/ion-card-title.js +1 -1
- package/components/ion-card.js +1 -1
- package/components/ion-checkbox.js +1 -1
- package/components/ion-chip.js +1 -1
- package/components/ion-col.js +1 -1
- package/components/ion-content.js +1 -1
- package/components/ion-datetime-button.js +1 -1
- package/components/ion-datetime.js +1 -1
- package/components/ion-divider.js +1 -1
- package/components/ion-fab-button.js +1 -1
- package/components/ion-fab-list.js +1 -1
- package/components/ion-fab.js +1 -1
- package/components/ion-footer.js +1 -1
- package/components/ion-gallery-item.js +1 -1
- package/components/ion-gallery.js +1 -1
- package/components/ion-grid.js +1 -1
- package/components/ion-header.js +1 -1
- package/components/ion-img.js +1 -1
- package/components/ion-infinite-scroll-content.js +1 -1
- package/components/ion-infinite-scroll.js +1 -1
- package/components/ion-input-otp.js +1 -1
- package/components/ion-input-password-toggle.js +1 -1
- package/components/ion-input.js +1 -1
- package/components/ion-item-divider.js +1 -1
- package/components/ion-item-group.js +1 -1
- package/components/ion-item-option.js +1 -1
- package/components/ion-item-options.js +1 -1
- package/components/ion-item-sliding.js +1 -1
- package/components/ion-item.js +1 -1
- package/components/ion-label.js +1 -1
- package/components/ion-list-header.js +1 -1
- package/components/ion-list.js +1 -1
- package/components/ion-loading.js +1 -1
- package/components/ion-menu-button.js +1 -1
- package/components/ion-menu-toggle.js +1 -1
- package/components/ion-menu.js +1 -1
- package/components/ion-modal.js +1 -1
- package/components/ion-nav.js +1 -1
- package/components/ion-note.js +1 -1
- package/components/ion-picker-column-option.js +1 -1
- package/components/ion-picker-column.js +1 -1
- package/components/ion-picker.js +1 -1
- package/components/ion-popover.js +1 -1
- package/components/ion-progress-bar.js +1 -1
- package/components/ion-radio-group.js +1 -1
- package/components/ion-radio.js +1 -1
- package/components/ion-range.js +1 -1
- package/components/ion-refresher-content.js +1 -1
- package/components/ion-refresher.js +1 -1
- package/components/ion-reorder-group.js +1 -1
- package/components/ion-reorder.js +1 -1
- package/components/ion-ripple-effect.js +1 -1
- package/components/ion-router-link.js +1 -1
- package/components/ion-router-outlet.js +1 -1
- package/components/ion-router.js +1 -1
- package/components/ion-row.js +1 -1
- package/components/ion-searchbar.js +1 -1
- package/components/ion-segment-button.js +1 -1
- package/components/ion-segment.js +1 -1
- package/components/ion-select-modal.js +1 -1
- package/components/ion-select-option.js +1 -1
- package/components/ion-select-popover.js +1 -1
- package/components/ion-select.js +1 -1
- package/components/ion-skeleton-text.js +1 -1
- package/components/ion-spinner.js +1 -1
- package/components/ion-split-pane.js +1 -1
- package/components/ion-tab-bar.js +1 -1
- package/components/ion-tab-button.js +1 -1
- package/components/ion-tab.js +1 -1
- package/components/ion-text.js +1 -1
- package/components/ion-textarea.js +1 -1
- package/components/ion-thumbnail.js +1 -1
- package/components/ion-title.js +1 -1
- package/components/ion-toast.js +1 -1
- package/components/ion-toggle.js +1 -1
- package/components/ion-toolbar.js +1 -1
- package/components/p-0Zqw1uai.js +4 -0
- package/{dist/ionic/p-BqQ15K9a.js → components/p-0rXxxCTt.js} +1 -1
- package/components/{p-CTTmpA7l.js → p-3cjGQppH.js} +1 -1
- package/components/{p-W8Yq_OMR.js → p-B5AgguuG.js} +1 -1
- package/components/{p-BZmR0M4X.js → p-BNEGSmbp.js} +1 -1
- package/components/p-BSIw8XlU.js +4 -0
- package/components/{p-ZxET9sbA.js → p-BW5EN2Xi.js} +1 -1
- package/components/p-BYk20Mf5.js +4 -0
- package/components/p-BYnI-EJn.js +4 -0
- package/components/p-B_aT3oAQ.js +4 -0
- package/components/{p-CPXKIYkL.js → p-BkZBiLB3.js} +1 -1
- package/components/p-BouoWyEU.js +4 -0
- package/components/p-BqvZYIdI.js +4 -0
- package/components/p-BrRaGlll.js +4 -0
- package/components/{p-BBz0jPCg.js → p-C2CD_fhN.js} +1 -1
- package/components/{p-CsQsFkwO.js → p-C4xXkVID.js} +1 -1
- package/components/{p-VLn2Ytmp.js → p-CEKVY_H-.js} +1 -1
- package/components/{p-DkQNAyg8.js → p-CGj2vPt5.js} +1 -1
- package/components/{p-DgIAZUGe.js → p-CJp2AnUY.js} +1 -1
- package/components/p-CO6vPcgh.js +4 -0
- package/components/{p-DhBOoebx.js → p-Ce2nAsLZ.js} +1 -1
- package/components/{p-JAFy4ZHv.js → p-Cf8Sc9qN.js} +1 -1
- package/components/p-Cfk7czUn.js +4 -0
- package/components/{p-DNrr6r3I.js → p-CiRvXVG4.js} +1 -1
- package/components/p-Cl4FcpPX.js +4 -0
- package/components/{p-CtLeQL1G.js → p-CmZn5IDl.js} +1 -1
- package/components/p-D8HKWBJm.js +4 -0
- package/components/{p-EayFnjkU.js → p-D9UifuBV.js} +1 -1
- package/components/p-DBFO9oVW.js +4 -0
- package/components/{p-BGP1kR6j.js → p-DCpIv6ib.js} +1 -1
- package/components/p-DKWIsI1o.js +4 -0
- package/components/p-DQKxHcJi.js +4 -0
- package/components/p-DT2MRyId.js +4 -0
- package/components/{p-DWBpR7SJ.js → p-DdEyFcAR.js} +1 -1
- package/components/{p-DOdd_Inr.js → p-DrnBmDva.js} +1 -1
- package/components/{p-DGfjyB0v.js → p-Dsp7VCux.js} +1 -1
- package/components/p-DwTxdFPM.js +4 -0
- package/components/p-DxjhU4Lj.js +4 -0
- package/components/p-HWerNWEa.js +4 -0
- package/components/{p-D5lFNdff.js → p-M-IrAJS3.js} +1 -1
- package/components/p-Xl2x2-Ol.js +4 -0
- package/components/p-YP5ydNow.js +4 -0
- package/components/p-_FtneEj3.js +4 -0
- package/components/{p-C9cwz4xv.js → p-eDabxF6I.js} +1 -1
- package/components/p-fKHu5GWX.js +4 -0
- package/components/p-gGbm4ACs.js +4 -0
- package/components/p-hJBybumI.js +4 -0
- package/components/{p-Be00fpKV.js → p-jG41Us4a.js} +1 -1
- package/components/{p-CvRAtS4n.js → p-ndDJHQew.js} +1 -1
- package/components/p-oaWlbHN_.js +4 -0
- package/{dist/ionic/p-DpE9LgN6.js → components/p-oe85PI7E.js} +1 -1
- package/components/p-tglOeKd7.js +4 -0
- package/css/ionic/bundle.ionic.css +1 -1
- package/css/ionic/bundle.ionic.css.map +1 -1
- package/css/ionic/core.ionic.css +1 -1
- package/css/ionic/core.ionic.css.map +1 -1
- package/css/ionic/global.bundle.ionic.css +1 -1
- package/css/ionic/global.bundle.ionic.css.map +1 -1
- package/css/ionic/ionic-swiper.ionic.css +1 -1
- package/css/ionic/ionic-swiper.ionic.css.map +1 -1
- package/css/ionic/link.ionic.css +1 -1
- package/css/ionic/link.ionic.css.map +1 -1
- package/css/ionic/typography.ionic.css +1 -1
- package/css/ionic/typography.ionic.css.map +1 -1
- package/dist/cjs/{animation-DVrkairK.js → animation-Dfev6yFW.js} +1 -1
- package/dist/cjs/{app-globals-CTxe9MxF.js → app-globals-BwOspzE5.js} +1 -1
- package/dist/cjs/{button-active-B8t6YMNb.js → button-active-DfzJC914.js} +1 -1
- package/dist/cjs/{capacitor-w_r4U-_S.js → capacitor-B7dK21VK.js} +1 -1
- package/dist/cjs/{clear-button-press-controller-BKSn-dVq.js → clear-button-press-controller-B49x92PF.js} +1 -1
- package/dist/cjs/{focus-visible-BIj-I3-C.js → focus-visible-DGPRKkcx.js} +52 -2
- package/dist/cjs/{framework-delegate-Dmce7iqZ.js → framework-delegate-BKYAwcZK.js} +1 -1
- package/dist/cjs/{haptic-DZEv3V5s.js → haptic-CMs5ejXB.js} +1 -1
- package/dist/cjs/{helpers-DFJMw-qZ.js → helpers-D5NVnu5x.js} +16 -1
- package/dist/cjs/{index-DN51-BQl.js → index-6hDA5UlZ.js} +3 -3
- package/dist/cjs/{index-BoQA7njo.js → index-Byoi861q.js} +3 -3
- package/dist/cjs/{index-DWP810QI.js → index-CutlvfR4.js} +1 -1
- package/dist/cjs/{index-Bm6y0Ibt.js → index-Y8n2FvXS.js} +3 -3
- package/dist/cjs/index.cjs.js +10 -10
- package/dist/cjs/{input-shims-BFGH5o2Z.js → input-shims-SVR_4pAX.js} +6 -6
- package/dist/cjs/ion-accordion_2.cjs.entry.js +14 -19
- package/dist/cjs/ion-action-sheet.cjs.entry.js +10 -10
- package/dist/cjs/ion-alert.cjs.entry.js +13 -13
- package/dist/cjs/ion-app_8.cjs.entry.js +14 -14
- package/dist/cjs/ion-avatar_3.cjs.entry.js +3 -3
- package/dist/cjs/ion-back-button.cjs.entry.js +14 -16
- package/dist/cjs/ion-backdrop.cjs.entry.js +2 -2
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +19 -32
- package/dist/cjs/ion-button_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-card_5.cjs.entry.js +6 -6
- package/dist/cjs/ion-checkbox.cjs.entry.js +26 -18
- package/dist/cjs/ion-chip.cjs.entry.js +2 -2
- package/dist/cjs/ion-col_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-datetime-button.cjs.entry.js +3 -3
- package/dist/cjs/ion-datetime.cjs.entry.js +20 -56
- package/dist/cjs/ion-divider.cjs.entry.js +2 -2
- package/dist/cjs/ion-fab_3.cjs.entry.js +12 -17
- package/dist/cjs/ion-gallery-item.cjs.entry.js +1 -1
- package/dist/cjs/ion-gallery.cjs.entry.js +3 -3
- package/dist/cjs/ion-img.cjs.entry.js +3 -3
- package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-input-otp.cjs.entry.js +4 -4
- package/dist/cjs/ion-input-password-toggle.cjs.entry.js +19 -31
- package/dist/cjs/ion-input.cjs.entry.js +17 -33
- package/dist/cjs/ion-item-option_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-item_8.cjs.entry.js +15 -20
- package/dist/cjs/ion-loading.cjs.entry.js +6 -6
- package/dist/cjs/ion-menu_3.cjs.entry.js +16 -19
- package/dist/cjs/ion-modal.cjs.entry.js +12 -12
- package/dist/cjs/ion-nav_2.cjs.entry.js +6 -6
- package/dist/cjs/ion-picker-column-option.cjs.entry.js +3 -3
- package/dist/cjs/ion-picker-column.cjs.entry.js +5 -5
- package/dist/cjs/ion-picker.cjs.entry.js +2 -2
- package/dist/cjs/ion-popover.cjs.entry.js +8 -8
- package/dist/cjs/ion-progress-bar.cjs.entry.js +4 -4
- package/dist/cjs/ion-radio_2.cjs.entry.js +5 -5
- package/dist/cjs/ion-range.cjs.entry.js +5 -5
- package/dist/cjs/ion-refresher_2.cjs.entry.js +17 -12
- package/dist/cjs/ion-reorder_2.cjs.entry.js +11 -19
- package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
- package/dist/cjs/ion-route_4.cjs.entry.js +4 -4
- package/dist/cjs/ion-searchbar.cjs.entry.js +13 -42
- package/dist/cjs/ion-segment_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-select-modal.cjs.entry.js +17 -16
- package/dist/cjs/ion-select_3.cjs.entry.js +20 -44
- package/dist/cjs/ion-spinner.cjs.entry.js +2 -2
- package/dist/cjs/ion-split-pane.cjs.entry.js +1 -1
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +9 -9
- package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-text.cjs.entry.js +1 -1
- package/dist/cjs/ion-textarea.cjs.entry.js +17 -25
- package/dist/cjs/ion-toast.cjs.entry.js +7 -7
- package/dist/cjs/ion-toggle.cjs.entry.js +18 -34
- package/dist/cjs/{ionic-global-BaVLW54G.js → ionic-global-CRAqTE7M.js} +5 -5
- package/dist/cjs/ionic.cjs.js +2 -2
- package/dist/cjs/{ios.transition-Bm4N3WK1.js → ios.transition-BluJBTN6.js} +5 -5
- package/dist/cjs/{keyboard-9uOUQmB-.js → keyboard-B44EnZyJ.js} +1 -1
- package/dist/cjs/{keyboard-5cEsoK5l.js → keyboard-CR7Eg8u3.js} +3 -3
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{md.transition-Z-7hu2x1.js → md.transition-TBHPCec3.js} +5 -5
- package/dist/cjs/{overlays-Jn6TNpc3.js → overlays-B5YzPlbv.js} +5 -5
- package/dist/cjs/{scroll-hide-controller-DQ9ulQ11.js → scroll-hide-controller-Bht8yQkC.js} +3 -3
- package/dist/cjs/{slot-mutation-controller-C9i1ymbP.js → slot-mutation-controller-CinDJgCY.js} +2 -2
- package/dist/cjs/{status-tap-DT7J4fZQ.js → status-tap-Aq-o5Csp.js} +3 -3
- package/dist/cjs/{swipe-back-BIbF7bVy.js → swipe-back-Byqp-bJI.js} +2 -2
- package/dist/collection/components/accordion/accordion.ionic.css +10 -12
- package/dist/collection/components/accordion/accordion.js +9 -14
- package/dist/collection/components/accordion-group/accordion-group.ionic.css +6 -6
- package/dist/collection/components/action-sheet/action-sheet.ionic.css +22 -26
- package/dist/collection/components/alert/alert.ionic.css +46 -54
- package/dist/collection/components/alert/alert.js +3 -3
- package/dist/collection/components/avatar/avatar.ionic.css +29 -35
- package/dist/collection/components/back-button/back-button.js +11 -13
- package/dist/collection/components/backdrop/backdrop.ionic.css +1 -1
- package/dist/collection/components/badge/badge.ionic.css +15 -18
- package/dist/collection/components/breadcrumb/breadcrumb.js +16 -28
- package/dist/collection/components/button/button.ionic.css +22 -26
- package/dist/collection/components/buttons/buttons.ionic.css +1 -1
- package/dist/collection/components/card/card.ionic.css +7 -7
- package/dist/collection/components/card-content/card-content.ionic.css +3 -4
- package/dist/collection/components/card-subtitle/card-subtitle.ionic.css +4 -5
- package/dist/collection/components/checkbox/checkbox.ionic.css +51 -59
- package/dist/collection/components/checkbox/checkbox.ios.css +33 -29
- package/dist/collection/components/checkbox/checkbox.js +23 -13
- package/dist/collection/components/checkbox/checkbox.md.css +33 -29
- package/dist/collection/components/chip/chip.ionic.css +12 -13
- package/dist/collection/components/datetime/datetime.ionic.css +43 -49
- package/dist/collection/components/datetime/datetime.ios.css +5 -10
- package/dist/collection/components/datetime/datetime.js +12 -48
- package/dist/collection/components/datetime/datetime.md.css +5 -10
- package/dist/collection/components/divider/divider.ionic.css +1 -1
- package/dist/collection/components/fab-button/fab-button.js +9 -14
- package/dist/collection/components/header/header.ionic.css +1 -1
- package/dist/collection/components/input/input.ionic.css +142 -122
- package/dist/collection/components/input/input.js +11 -27
- package/dist/collection/components/input-otp/input-otp.ionic.css +29 -31
- package/dist/collection/components/input-password-toggle/input-password-toggle.ionic.css +1 -1
- package/dist/collection/components/input-password-toggle/input-password-toggle.js +18 -28
- package/dist/collection/components/item/item.ionic.css +9 -10
- package/dist/collection/components/item/item.js +10 -15
- package/dist/collection/components/item-option/item-option.ionic.css +5 -6
- package/dist/collection/components/item-sliding/item-sliding.ionic.css +1 -1
- package/dist/collection/components/list-header/list-header.ionic.css +4 -5
- package/dist/collection/components/menu-button/menu-button.js +9 -12
- package/dist/collection/components/modal/modal.ionic.css +3 -3
- package/dist/collection/components/popover/popover.ionic.css +1 -1
- package/dist/collection/components/progress-bar/progress-bar.ionic.css +3 -3
- package/dist/collection/components/radio/radio.ionic.css +9 -10
- package/dist/collection/components/radio-group/radio-group.ionic.css +5 -6
- package/dist/collection/components/range/range.ionic.css +11 -12
- package/dist/collection/components/refresher-content/refresher-content.js +10 -4
- package/dist/collection/components/reorder/reorder.js +5 -13
- package/dist/collection/components/searchbar/searchbar.ionic.css +17 -18
- package/dist/collection/components/searchbar/searchbar.js +8 -35
- package/dist/collection/components/segment-button/segment-button.ionic.css +8 -9
- package/dist/collection/components/select/select.ionic.css +213 -105
- package/dist/collection/components/select/select.js +14 -39
- package/dist/collection/components/select-modal/select-modal.ionic.css +13 -16
- package/dist/collection/components/select-modal/select-modal.js +12 -10
- package/dist/collection/components/select-popover/select-popover.ionic.css +11 -13
- package/dist/collection/components/spinner/spinner.ionic.css +2 -2
- package/dist/collection/components/tab-bar/tab-bar.ionic.css +6 -6
- package/dist/collection/components/tab-button/tab-button.ionic.css +4 -5
- package/dist/collection/components/textarea/textarea.ionic.css +173 -128
- package/dist/collection/components/textarea/textarea.ios.css +0 -4
- package/dist/collection/components/textarea/textarea.js +13 -18
- package/dist/collection/components/textarea/textarea.md.css +0 -4
- package/dist/collection/components/title/title.ionic.css +6 -8
- package/dist/collection/components/toast/toast.ionic.css +16 -19
- package/dist/collection/components/toggle/toggle.ionic.css +14 -16
- package/dist/collection/components/toggle/toggle.js +12 -26
- package/dist/collection/components/toolbar/toolbar.ionic.css +1 -1
- package/dist/collection/utils/focus-trap.js +2 -2
- package/dist/collection/utils/focus-visible.js +51 -2
- package/dist/collection/utils/helpers.js +15 -1
- package/dist/collection/utils/overlays.js +2 -2
- package/dist/collection/utils/test/playwright/field-geometry.js +34 -0
- package/dist/collection/utils/test/playwright/index.js +1 -0
- package/dist/docs.json +60 -25
- package/dist/esm/{animation-DXpoXT3G.js → animation-CSQV6dzD.js} +1 -1
- package/dist/esm/{app-globals-gnMsODWu.js → app-globals-PWSz-l_N.js} +1 -1
- package/dist/esm/{button-active-DtDlu9-d.js → button-active-C57xZQjg.js} +1 -1
- package/dist/esm/{capacitor-CMyaZHxy.js → capacitor-DBIFQa2o.js} +1 -1
- package/dist/esm/{clear-button-press-controller-CWOPHFBc.js → clear-button-press-controller-Dd5_yhOF.js} +1 -1
- package/dist/esm/{focus-visible-vXpMhGrs.js → focus-visible-BYk20Mf5.js} +52 -3
- package/dist/esm/{framework-delegate-DUQ69ajj.js → framework-delegate-BGk11dmh.js} +1 -1
- package/dist/esm/{haptic-Dal3yCq6.js → haptic-PEF9NVXM.js} +1 -1
- package/dist/esm/{helpers-DTqW6MzS.js → helpers-COVHAPv8.js} +16 -2
- package/dist/esm/{index-CpKLzrYn.js → index-B7Bz5x4m.js} +1 -1
- package/dist/esm/{index-BqQ15K9a.js → index-BkJpfpXI.js} +1 -1
- package/dist/esm/{index-C2QkTAgc.js → index-DHp8pAEm.js} +3 -3
- package/dist/esm/{index-D_YUqPZN.js → index-Detgiv22.js} +3 -3
- package/dist/esm/{index-D76uuG8P.js → index-MCAWImIY.js} +3 -3
- package/dist/esm/index.js +10 -10
- package/dist/esm/{input-shims-DgFi_b6v.js → input-shims-rVCP_KOP.js} +6 -6
- package/dist/esm/ion-accordion_2.entry.js +15 -20
- package/dist/esm/ion-action-sheet.entry.js +10 -10
- package/dist/esm/ion-alert.entry.js +13 -13
- package/dist/esm/ion-app_8.entry.js +14 -14
- package/dist/esm/ion-avatar_3.entry.js +3 -3
- package/dist/esm/ion-back-button.entry.js +15 -17
- package/dist/esm/ion-backdrop.entry.js +2 -2
- package/dist/esm/ion-breadcrumb_2.entry.js +20 -33
- package/dist/esm/ion-button_2.entry.js +4 -4
- package/dist/esm/ion-card_5.entry.js +6 -6
- package/dist/esm/ion-checkbox.entry.js +27 -19
- package/dist/esm/ion-chip.entry.js +2 -2
- package/dist/esm/ion-col_3.entry.js +1 -1
- package/dist/esm/ion-datetime-button.entry.js +3 -3
- package/dist/esm/ion-datetime.entry.js +21 -57
- package/dist/esm/ion-divider.entry.js +2 -2
- package/dist/esm/ion-fab_3.entry.js +13 -18
- package/dist/esm/ion-gallery-item.entry.js +1 -1
- package/dist/esm/ion-gallery.entry.js +3 -3
- package/dist/esm/ion-img.entry.js +3 -3
- package/dist/esm/ion-infinite-scroll_2.entry.js +4 -4
- package/dist/esm/ion-input-otp.entry.js +4 -4
- package/dist/esm/ion-input-password-toggle.entry.js +20 -32
- package/dist/esm/ion-input.entry.js +18 -34
- package/dist/esm/ion-item-option_3.entry.js +6 -6
- package/dist/esm/ion-item_8.entry.js +16 -21
- package/dist/esm/ion-loading.entry.js +6 -6
- package/dist/esm/ion-menu_3.entry.js +17 -20
- package/dist/esm/ion-modal.entry.js +12 -12
- package/dist/esm/ion-nav_2.entry.js +6 -6
- package/dist/esm/ion-picker-column-option.entry.js +3 -3
- package/dist/esm/ion-picker-column.entry.js +5 -5
- package/dist/esm/ion-picker.entry.js +2 -2
- package/dist/esm/ion-popover.entry.js +8 -8
- package/dist/esm/ion-progress-bar.entry.js +4 -4
- package/dist/esm/ion-radio_2.entry.js +5 -5
- package/dist/esm/ion-range.entry.js +5 -5
- package/dist/esm/ion-refresher_2.entry.js +18 -13
- package/dist/esm/ion-reorder_2.entry.js +12 -20
- package/dist/esm/ion-ripple-effect.entry.js +1 -1
- package/dist/esm/ion-route_4.entry.js +4 -4
- package/dist/esm/ion-searchbar.entry.js +14 -43
- package/dist/esm/ion-segment_2.entry.js +4 -4
- package/dist/esm/ion-select-modal.entry.js +19 -18
- package/dist/esm/ion-select_3.entry.js +21 -45
- package/dist/esm/ion-spinner.entry.js +2 -2
- package/dist/esm/ion-split-pane.entry.js +1 -1
- package/dist/esm/ion-tab-bar_2.entry.js +9 -9
- package/dist/esm/ion-tab_2.entry.js +3 -3
- package/dist/esm/ion-text.entry.js +1 -1
- package/dist/esm/ion-textarea.entry.js +17 -25
- package/dist/esm/ion-toast.entry.js +7 -7
- package/dist/esm/ion-toggle.entry.js +19 -35
- package/dist/esm/{ionic-global-oK2heABF.js → ionic-global-DPSBlusf.js} +5 -5
- package/dist/esm/ionic.js +2 -2
- package/dist/esm/{ios.transition-D6rsx0aJ.js → ios.transition-Dg02Css6.js} +5 -5
- package/dist/esm/{keyboard-YBye__Ay.js → keyboard-0MlGMI-U.js} +3 -3
- package/dist/esm/{keyboard-Dzp50ozz.js → keyboard-C09oMZsY.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{md.transition-0y4So3tu.js → md.transition-DWmGdm6c.js} +5 -5
- package/dist/esm/{overlays-CLlfG_qy.js → overlays-Bv7M5ll5.js} +5 -5
- package/dist/esm/{scroll-hide-controller-BUZm0jSI.js → scroll-hide-controller-Tp5xjq2E.js} +3 -3
- package/dist/esm/{slot-mutation-controller-C5Vj7Od7.js → slot-mutation-controller-PS17pZ-_.js} +2 -2
- package/dist/esm/{status-tap-VmNhEOZr.js → status-tap-_VvGTiUU.js} +3 -3
- package/dist/esm/{swipe-back-BHHiqew-.js → swipe-back-D2R5S8HL.js} +2 -2
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-3bb43e22.entry.js → p-054bdefd.entry.js} +1 -1
- package/dist/ionic/p-155f3baf.entry.js +4 -0
- package/dist/ionic/{p-2e3acd77.entry.js → p-18d55baa.entry.js} +1 -1
- package/dist/ionic/p-1d40a19c.entry.js +4 -0
- package/dist/ionic/p-221d7b0b.entry.js +4 -0
- package/dist/ionic/p-30858188.entry.js +4 -0
- package/dist/ionic/{p-924182fc.entry.js → p-3111972e.entry.js} +1 -1
- package/dist/ionic/p-323b7322.entry.js +4 -0
- package/dist/ionic/p-32ed09fe.entry.js +4 -0
- package/dist/ionic/{p-d0368d31.entry.js → p-343f72d0.entry.js} +1 -1
- package/dist/ionic/{p-db011674.entry.js → p-37faa244.entry.js} +1 -1
- package/dist/ionic/p-3966cd77.entry.js +4 -0
- package/dist/ionic/p-4030db68.entry.js +4 -0
- package/dist/ionic/p-42a054ee.entry.js +4 -0
- package/dist/ionic/{p-fdb940e3.entry.js → p-42cfdcb7.entry.js} +1 -1
- package/dist/ionic/p-44cd6a88.entry.js +4 -0
- package/dist/ionic/{p-886236f0.entry.js → p-6589a3f6.entry.js} +1 -1
- package/dist/ionic/p-68ffe393.entry.js +4 -0
- package/dist/ionic/p-6b9b6175.entry.js +4 -0
- package/dist/ionic/{p-84b5eafe.entry.js → p-6c99f6c8.entry.js} +1 -1
- package/dist/ionic/{p-dc000de0.entry.js → p-6c9d8e84.entry.js} +1 -1
- package/dist/ionic/p-6fe03c66.entry.js +4 -0
- package/dist/ionic/p-747c4c1e.entry.js +4 -0
- package/dist/ionic/p-7b769a8c.entry.js +4 -0
- package/dist/ionic/p-7e07f60d.entry.js +4 -0
- package/dist/ionic/p-7e9a0222.entry.js +4 -0
- package/dist/ionic/p-8f052ddf.entry.js +4 -0
- package/dist/ionic/p-8fb06684.entry.js +4 -0
- package/dist/ionic/p-91a7e3df.entry.js +4 -0
- package/dist/ionic/p-9344a53d.entry.js +4 -0
- package/dist/ionic/{p-55e13406.entry.js → p-93c69512.entry.js} +1 -1
- package/dist/ionic/{p-b83de44e.entry.js → p-96f73def.entry.js} +1 -1
- package/dist/ionic/p-9c0cae6a.entry.js +4 -0
- package/dist/ionic/{p-CsmXfOZY.js → p-B3Kiljjq.js} +1 -1
- package/dist/ionic/p-BN5wKnhU.js +4 -0
- package/dist/ionic/p-BQmJoNKC.js +4 -0
- package/dist/ionic/p-BYk20Mf5.js +4 -0
- package/{components/p-Cc3oC60a.js → dist/ionic/p-BkJpfpXI.js} +1 -1
- package/{components/p-CN41sVGB.js → dist/ionic/p-Bp2Gog3I.js} +1 -1
- package/dist/ionic/p-Br2aTSXv.js +4 -0
- package/dist/ionic/{p-D8HyO4-0.js → p-BxyvWHWp.js} +1 -1
- package/dist/ionic/p-C-5bbxTv.js +4 -0
- package/dist/ionic/p-CalV2EFO.js +4 -0
- package/dist/ionic/p-Ck7LvynN.js +4 -0
- package/dist/ionic/{p-BnRvdoDY.js → p-CpbV2dkG.js} +1 -1
- package/dist/ionic/p-CyqXbsry.js +4 -0
- package/dist/ionic/{p-Izgzy5eB.js → p-DAdCwTwc.js} +1 -1
- package/dist/ionic/{p-DAFzmzMJ.js → p-DWu51GL8.js} +1 -1
- package/dist/ionic/p-DYl9g-Nn.js +4 -0
- package/dist/ionic/p-DhRGeAiB.js +4 -0
- package/dist/ionic/{p-BdqFx5km.js → p-Dynoer0Z.js} +1 -1
- package/dist/ionic/p-HzpJgzPY.js +4 -0
- package/dist/ionic/{p-Cs5kzNVE.js → p-PrbehP8l.js} +1 -1
- package/dist/ionic/p-XIxYRztg.js +4 -0
- package/dist/ionic/{p-B3L20Lav.js → p-_RfHVD7s.js} +1 -1
- package/dist/ionic/{p-8a7bf6c7.entry.js → p-a69ccce3.entry.js} +1 -1
- package/dist/ionic/p-a8bce8c2.entry.js +4 -0
- package/dist/ionic/p-aa658bb9.entry.js +4 -0
- package/dist/ionic/p-ada3f6b9.entry.js +4 -0
- package/dist/ionic/p-b2d4bb26.entry.js +4 -0
- package/dist/ionic/p-b9f0ce4c.entry.js +4 -0
- package/dist/ionic/{p-30c4458b.entry.js → p-be5bc00a.entry.js} +1 -1
- package/dist/ionic/p-bfe9bfae.entry.js +4 -0
- package/dist/ionic/p-c85c7436.entry.js +4 -0
- package/dist/ionic/p-caa7801f.entry.js +4 -0
- package/dist/ionic/{p-46709a42.entry.js → p-d97fabaa.entry.js} +1 -1
- package/dist/ionic/p-da319993.entry.js +4 -0
- package/dist/ionic/p-df1c1199.entry.js +4 -0
- package/dist/ionic/{p-2c3704b9.entry.js → p-e02e6d2b.entry.js} +1 -1
- package/dist/ionic/{p-6b23289a.entry.js → p-e10326b5.entry.js} +1 -1
- package/dist/ionic/{p-d1d3048b.entry.js → p-e8e3b85f.entry.js} +1 -1
- package/dist/ionic/p-ec90ddaf.entry.js +4 -0
- package/dist/ionic/{p-cd05447f.entry.js → p-ee6708ce.entry.js} +1 -1
- package/dist/ionic/{p-e939adf3.entry.js → p-f301235c.entry.js} +1 -1
- package/dist/ionic/p-fd0666a5.entry.js +4 -0
- package/dist/ionic/{p-CP5-2cXj.js → p-j9My4oCO.js} +1 -1
- package/dist/ionic/p-pQdkMmul.js +4 -0
- package/dist/ionic/p-sXOU046_.js +4 -0
- package/dist/types/components/accordion/accordion.d.ts +7 -1
- package/dist/types/components/back-button/back-button.d.ts +8 -2
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +12 -2
- package/dist/types/components/checkbox/checkbox.d.ts +12 -1
- package/dist/types/components/datetime/datetime.d.ts +4 -4
- package/dist/types/components/fab-button/fab-button.d.ts +7 -1
- package/dist/types/components/input/input.d.ts +7 -10
- package/dist/types/components/input-password-toggle/input-password-toggle.d.ts +14 -2
- package/dist/types/components/item/item.d.ts +7 -1
- package/dist/types/components/menu-button/menu-button.d.ts +6 -1
- package/dist/types/components/refresher-content/refresher-content.d.ts +6 -0
- package/dist/types/components/reorder/reorder.d.ts +1 -1
- package/dist/types/components/select/select.d.ts +7 -12
- package/dist/types/components/select-modal/select-modal.d.ts +6 -1
- package/dist/types/components/textarea/textarea.d.ts +8 -8
- package/dist/types/components/toggle/toggle.d.ts +5 -2
- package/dist/types/utils/config.d.ts +22 -2
- package/dist/types/utils/focus-visible.d.ts +20 -0
- package/dist/types/utils/helpers.d.ts +7 -0
- package/dist/types/utils/test/playwright/field-geometry.d.ts +13 -0
- package/dist/types/utils/test/playwright/index.d.ts +1 -0
- package/hydrate/index.js +318 -417
- package/hydrate/index.mjs +318 -417
- package/package.json +4 -5
- package/components/p-B1AK6oR-.js +0 -4
- package/components/p-B8dfyFoB.js +0 -4
- package/components/p-B9UT2JwK.js +0 -4
- package/components/p-BDqjX7Z_.js +0 -4
- package/components/p-BQUTtt8S.js +0 -4
- package/components/p-BYSs-jZz.js +0 -4
- package/components/p-BZtGrrX4.js +0 -4
- package/components/p-BdAOHgnb.js +0 -4
- package/components/p-C8aonLbo.js +0 -4
- package/components/p-CDmCFFLL.js +0 -4
- package/components/p-CPdOdJa7.js +0 -4
- package/components/p-CksPhDEa.js +0 -4
- package/components/p-Cm78Kk79.js +0 -4
- package/components/p-CmEe-Llj.js +0 -4
- package/components/p-D1t981Ih.js +0 -4
- package/components/p-D9jEKvVd.js +0 -4
- package/components/p-DG-ZC7Js.js +0 -4
- package/components/p-DJkuoL4u.js +0 -4
- package/components/p-DOoxQDxg.js +0 -4
- package/components/p-DcOWEjmv.js +0 -4
- package/components/p-DgEOEy6x.js +0 -4
- package/components/p-Dhi5xtNS.js +0 -4
- package/components/p-DtPgvez6.js +0 -4
- package/components/p-DwAij6DN.js +0 -4
- package/components/p-DzaPYdjZ.js +0 -4
- package/components/p-Dzuh_AKJ.js +0 -4
- package/components/p-Uo-TYRpE.js +0 -4
- package/components/p-cKiRADSB.js +0 -4
- package/components/p-e73ca-aN.js +0 -4
- package/components/p-fIOYmaqA.js +0 -4
- package/components/p-fh4o6dKR.js +0 -4
- package/components/p-vXpMhGrs.js +0 -4
- package/dist/cjs/caret-down-vtVgfXIs.js +0 -8
- package/dist/cjs/caret-left-CxZXLRv5.js +0 -8
- package/dist/cjs/caret-right-CRCgv98E.js +0 -8
- package/dist/cjs/list-a-7GSA6K.js +0 -8
- package/dist/cjs/x-BTF99yFH.js +0 -8
- package/dist/esm/caret-down-D1t981Ih.js +0 -6
- package/dist/esm/caret-left-fIOYmaqA.js +0 -6
- package/dist/esm/caret-right-BYSs-jZz.js +0 -6
- package/dist/esm/list-Dhi5xtNS.js +0 -6
- package/dist/esm/x-BDqjX7Z_.js +0 -6
- package/dist/ionic/p-04d96dad.entry.js +0 -4
- package/dist/ionic/p-08f20edc.entry.js +0 -4
- package/dist/ionic/p-0a924e6a.entry.js +0 -4
- package/dist/ionic/p-0f268972.entry.js +0 -4
- package/dist/ionic/p-18c6af89.entry.js +0 -4
- package/dist/ionic/p-1cc2a196.entry.js +0 -4
- package/dist/ionic/p-201f484e.entry.js +0 -4
- package/dist/ionic/p-26efcc45.entry.js +0 -4
- package/dist/ionic/p-2da21af7.entry.js +0 -4
- package/dist/ionic/p-2fc1521f.entry.js +0 -4
- package/dist/ionic/p-32be916d.entry.js +0 -4
- package/dist/ionic/p-384fb50d.entry.js +0 -4
- package/dist/ionic/p-4QzQhqmw.js +0 -4
- package/dist/ionic/p-5217eb00.entry.js +0 -4
- package/dist/ionic/p-73309d35.entry.js +0 -4
- package/dist/ionic/p-74ab5f49.entry.js +0 -4
- package/dist/ionic/p-7d2f3242.entry.js +0 -4
- package/dist/ionic/p-7e28cc53.entry.js +0 -4
- package/dist/ionic/p-83d13d56.entry.js +0 -4
- package/dist/ionic/p-854b95f9.entry.js +0 -4
- package/dist/ionic/p-8NLG9fne.js +0 -4
- package/dist/ionic/p-8dcd18cf.entry.js +0 -4
- package/dist/ionic/p-92f21db6.entry.js +0 -4
- package/dist/ionic/p-9ca59419.entry.js +0 -4
- package/dist/ionic/p-B6aOaV_m.js +0 -4
- package/dist/ionic/p-BDqjX7Z_.js +0 -4
- package/dist/ionic/p-BVv5nqxG.js +0 -4
- package/dist/ionic/p-BYSs-jZz.js +0 -4
- package/dist/ionic/p-CD4Mty1V.js +0 -4
- package/dist/ionic/p-CLVGlNRl.js +0 -4
- package/dist/ionic/p-CRbXZpID.js +0 -4
- package/dist/ionic/p-CZ-V4tB0.js +0 -4
- package/dist/ionic/p-CyXL8sF6.js +0 -4
- package/dist/ionic/p-D1ej8PMz.js +0 -4
- package/dist/ionic/p-D1t981Ih.js +0 -4
- package/dist/ionic/p-Dhi5xtNS.js +0 -4
- package/dist/ionic/p-DvXo4Ng9.js +0 -4
- package/dist/ionic/p-ac4ea8db.entry.js +0 -4
- package/dist/ionic/p-b10dc124.entry.js +0 -4
- package/dist/ionic/p-b411d90d.entry.js +0 -4
- package/dist/ionic/p-b7ce4a50.entry.js +0 -4
- package/dist/ionic/p-c7035f3f.entry.js +0 -4
- package/dist/ionic/p-c91fc9d4.entry.js +0 -4
- package/dist/ionic/p-cd4791d5.entry.js +0 -4
- package/dist/ionic/p-ce1ab874.entry.js +0 -4
- package/dist/ionic/p-e9480e7f.entry.js +0 -4
- package/dist/ionic/p-e9fdff49.entry.js +0 -4
- package/dist/ionic/p-f29b784f.entry.js +0 -4
- package/dist/ionic/p-f82b13a6.entry.js +0 -4
- package/dist/ionic/p-fIOYmaqA.js +0 -4
- package/dist/ionic/p-psKsVoNI.js +0 -4
- package/dist/ionic/p-si7ttuvL.js +0 -4
- package/dist/ionic/p-vXpMhGrs.js +0 -4
|
@@ -74,19 +74,18 @@
|
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
.select-option-description {
|
|
77
|
+
font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
|
|
77
78
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
78
79
|
font-weight: var(--token-font-weight-regular, 400);
|
|
79
|
-
letter-spacing: var(--token-font-letter-spacing-0, 0
|
|
80
|
-
line-height: var(--token-font-line-height-600,
|
|
81
|
-
text-decoration: none;
|
|
82
|
-
text-transform: none;
|
|
80
|
+
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
81
|
+
line-height: var(--token-font-line-height-600, 1.5rem);
|
|
83
82
|
-webkit-padding-start: var(--token-space-0, var(--token-scale-0, 0px));
|
|
84
83
|
padding-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
|
|
85
84
|
-webkit-padding-end: var(--token-space-0, var(--token-scale-0, 0px));
|
|
86
85
|
padding-inline-end: var(--token-space-0, var(--token-scale-0, 0px));
|
|
87
86
|
padding-top: var(--token-space-0, var(--token-scale-0, 0px));
|
|
88
87
|
padding-bottom: var(--token-space-0, var(--token-scale-0, 0px));
|
|
89
|
-
color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #
|
|
88
|
+
color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));
|
|
90
89
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
91
90
|
}
|
|
92
91
|
|
|
@@ -454,28 +453,28 @@ textarea.alert-input {
|
|
|
454
453
|
|
|
455
454
|
.alert-wrapper {
|
|
456
455
|
border-radius: var(--token-border-radius-200, var(--token-scale-200, 8px));
|
|
457
|
-
box-shadow: var(--token-elevation-4, 0px
|
|
456
|
+
box-shadow: var(--token-elevation-4, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-15, 15px) var(--token-shadow-blur-48, 48px) var(--token-shadow-spread-0, 0px) var(--token-shadow-7, rgba(0, 0, 0, 0.1803921569)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-3, 3px) var(--token-shadow-blur-12, 12px) var(--token-shadow-spread-0, 0px) var(--token-shadow-5, rgba(0, 0, 0, 0.1215686275)));
|
|
458
457
|
z-index: 10;
|
|
459
458
|
}
|
|
460
459
|
|
|
461
460
|
.alert-button.ion-focused {
|
|
462
461
|
outline-offset: var(--token-border-size-050, var(--token-scale-050, 2px));
|
|
463
|
-
outline: var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-
|
|
462
|
+
outline: var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
|
|
464
463
|
}
|
|
465
464
|
|
|
466
465
|
.alert-tappable.ion-focused {
|
|
467
466
|
outline-offset: var(--token-border-size-050, var(--token-scale-050, 2px));
|
|
468
|
-
outline: var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-
|
|
467
|
+
outline: var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
|
|
469
468
|
outline-offset: calc(var(--token-border-size-050, var(--token-scale-050, 2px)) * -1);
|
|
470
469
|
}
|
|
471
470
|
|
|
472
471
|
.alert-tappable.ion-activated,
|
|
473
472
|
.alert-tappable:not(:disabled):hover {
|
|
474
|
-
background: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #
|
|
473
|
+
background: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));
|
|
475
474
|
}
|
|
476
475
|
|
|
477
476
|
.alert-tappable[aria-checked=true] {
|
|
478
|
-
background: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #
|
|
477
|
+
background: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)));
|
|
479
478
|
}
|
|
480
479
|
|
|
481
480
|
.alert-head {
|
|
@@ -489,40 +488,37 @@ textarea.alert-input {
|
|
|
489
488
|
}
|
|
490
489
|
|
|
491
490
|
.alert-title {
|
|
491
|
+
font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
|
|
492
492
|
font-size: var(--token-font-size-450, 1.125rem);
|
|
493
493
|
font-weight: var(--token-font-weight-medium, 500);
|
|
494
|
-
letter-spacing: var(--token-font-letter-spacing-0, 0
|
|
495
|
-
line-height: var(--token-font-line-height-700,
|
|
496
|
-
text-
|
|
497
|
-
text-transform: none;
|
|
498
|
-
color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
|
|
494
|
+
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
495
|
+
line-height: var(--token-font-line-height-700, 1.75rem);
|
|
496
|
+
color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
|
|
499
497
|
}
|
|
500
498
|
|
|
501
499
|
.alert-sub-title {
|
|
500
|
+
font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
|
|
502
501
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
503
502
|
font-weight: var(--token-font-weight-regular, 400);
|
|
504
|
-
letter-spacing: var(--token-font-letter-spacing-0, 0
|
|
505
|
-
line-height: var(--token-font-line-height-600,
|
|
506
|
-
text-
|
|
507
|
-
text-transform: none;
|
|
508
|
-
color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
|
|
503
|
+
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
504
|
+
line-height: var(--token-font-line-height-600, 1.5rem);
|
|
505
|
+
color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
|
|
509
506
|
}
|
|
510
507
|
|
|
511
508
|
.alert-message,
|
|
512
509
|
.alert-input-group {
|
|
510
|
+
font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
|
|
513
511
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
514
512
|
font-weight: var(--token-font-weight-regular, 400);
|
|
515
|
-
letter-spacing: var(--token-font-letter-spacing-0, 0
|
|
516
|
-
line-height: var(--token-font-line-height-600,
|
|
517
|
-
text-decoration: none;
|
|
518
|
-
text-transform: none;
|
|
513
|
+
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
514
|
+
line-height: var(--token-font-line-height-600, 1.5rem);
|
|
519
515
|
-webkit-padding-start: var(--token-space-400, var(--token-scale-400, 16px));
|
|
520
516
|
padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
|
|
521
517
|
-webkit-padding-end: var(--token-space-400, var(--token-scale-400, 16px));
|
|
522
518
|
padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
|
|
523
519
|
padding-top: var(--token-space-400, var(--token-scale-400, 16px));
|
|
524
520
|
padding-bottom: var(--token-space-400, var(--token-scale-400, 16px));
|
|
525
|
-
color: var(--token-text-default, var(--token-primitives-neutral-1200, #
|
|
521
|
+
color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
|
|
526
522
|
}
|
|
527
523
|
|
|
528
524
|
/**
|
|
@@ -553,11 +549,11 @@ textarea.alert-input {
|
|
|
553
549
|
margin-right: 0;
|
|
554
550
|
margin-top: var(--token-space-150, var(--token-scale-150, 6px));
|
|
555
551
|
margin-bottom: var(--token-space-150, var(--token-scale-150, 6px));
|
|
556
|
-
border-bottom: var(--token-border-size-025, var(--token-scale-025, 1px))
|
|
557
|
-
color: var(--token-text-default, var(--token-primitives-neutral-1200, #
|
|
552
|
+
border-bottom: var(--token-border-size-025, var(--token-scale-025, 1px)) solid var(--token-border-input-default, var(--token-primitives-neutral-400, #d0d7df));
|
|
553
|
+
color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
|
|
558
554
|
}
|
|
559
555
|
.alert-input::placeholder {
|
|
560
|
-
color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #
|
|
556
|
+
color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
|
|
561
557
|
font-family: inherit;
|
|
562
558
|
font-weight: inherit;
|
|
563
559
|
}
|
|
@@ -567,14 +563,14 @@ textarea.alert-input {
|
|
|
567
563
|
|
|
568
564
|
.alert-input:focus {
|
|
569
565
|
margin-bottom: var(--token-scale-100, 4px);
|
|
570
|
-
border-bottom: var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-
|
|
566
|
+
border-bottom: var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
|
|
571
567
|
}
|
|
572
568
|
|
|
573
569
|
.alert-radio-group,
|
|
574
570
|
.alert-checkbox-group {
|
|
575
571
|
position: relative;
|
|
576
|
-
border-top: var(--token-border-size-025, var(--token-scale-025, 1px))
|
|
577
|
-
border-bottom: var(--token-border-size-025, var(--token-scale-025, 1px))
|
|
572
|
+
border-top: var(--token-border-size-025, var(--token-scale-025, 1px)) solid var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));
|
|
573
|
+
border-bottom: var(--token-border-size-025, var(--token-scale-025, 1px)) solid var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));
|
|
578
574
|
overflow: auto;
|
|
579
575
|
}
|
|
580
576
|
|
|
@@ -595,16 +591,15 @@ textarea.alert-input {
|
|
|
595
591
|
}
|
|
596
592
|
|
|
597
593
|
.alert-radio-label {
|
|
594
|
+
font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
|
|
598
595
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
599
596
|
font-weight: var(--token-font-weight-regular, 400);
|
|
600
|
-
letter-spacing: var(--token-font-letter-spacing-0, 0
|
|
601
|
-
line-height: var(--token-font-line-height-600,
|
|
602
|
-
text-decoration: none;
|
|
603
|
-
text-transform: none;
|
|
597
|
+
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
598
|
+
line-height: var(--token-font-line-height-600, 1.5rem);
|
|
604
599
|
padding-top: var(--token-space-200, var(--token-scale-200, 8px));
|
|
605
600
|
padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
|
|
606
601
|
max-width: calc(100% - var(--token-space-400, var(--token-scale-400, 16px)));
|
|
607
|
-
color: var(--token-text-default, var(--token-primitives-neutral-1200, #
|
|
602
|
+
color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
|
|
608
603
|
}
|
|
609
604
|
|
|
610
605
|
.radio-label-placement-start .alert-radio-label {
|
|
@@ -642,8 +637,8 @@ textarea.alert-input {
|
|
|
642
637
|
width: var(--token-scale-600, 24px);
|
|
643
638
|
height: var(--token-scale-600, 24px);
|
|
644
639
|
border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
|
|
645
|
-
border-style:
|
|
646
|
-
border-color: var(--token-border-input-default, var(--token-primitives-neutral-
|
|
640
|
+
border-style: solid;
|
|
641
|
+
border-color: var(--token-border-input-default, var(--token-primitives-neutral-400, #d0d7df));
|
|
647
642
|
background-color: var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));
|
|
648
643
|
box-sizing: border-box;
|
|
649
644
|
}
|
|
@@ -670,12 +665,11 @@ textarea.alert-input {
|
|
|
670
665
|
}
|
|
671
666
|
|
|
672
667
|
.alert-checkbox-label {
|
|
668
|
+
font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
|
|
673
669
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
674
670
|
font-weight: var(--token-font-weight-regular, 400);
|
|
675
|
-
letter-spacing: var(--token-font-letter-spacing-0, 0
|
|
676
|
-
line-height: var(--token-font-line-height-600,
|
|
677
|
-
text-decoration: none;
|
|
678
|
-
text-transform: none;
|
|
671
|
+
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
672
|
+
line-height: var(--token-font-line-height-600, 1.5rem);
|
|
679
673
|
-webkit-padding-start: var(--token-space-800, var(--token-scale-800, 32px));
|
|
680
674
|
padding-inline-start: var(--token-space-800, var(--token-scale-800, 32px));
|
|
681
675
|
-webkit-padding-end: var(--token-space-400, var(--token-scale-400, 16px));
|
|
@@ -683,7 +677,7 @@ textarea.alert-input {
|
|
|
683
677
|
padding-top: var(--token-space-200, var(--token-scale-200, 8px));
|
|
684
678
|
padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
|
|
685
679
|
max-width: calc(100% - var(--token-space-400, var(--token-scale-400, 16px)));
|
|
686
|
-
color: var(--token-text-default, var(--token-primitives-neutral-1200, #
|
|
680
|
+
color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
|
|
687
681
|
}
|
|
688
682
|
|
|
689
683
|
.checkbox-label-placement-start .alert-checkbox-label {
|
|
@@ -709,8 +703,8 @@ textarea.alert-input {
|
|
|
709
703
|
width: var(--token-scale-600, 24px);
|
|
710
704
|
height: var(--token-scale-600, 24px);
|
|
711
705
|
border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
|
|
712
|
-
border-style:
|
|
713
|
-
border-color: var(--token-primitives-neutral-800, #
|
|
706
|
+
border-style: solid;
|
|
707
|
+
border-color: var(--token-primitives-neutral-800, #6c727a);
|
|
714
708
|
background-color: var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));
|
|
715
709
|
box-sizing: border-box;
|
|
716
710
|
}
|
|
@@ -723,20 +717,18 @@ textarea.alert-input {
|
|
|
723
717
|
inset-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
|
|
724
718
|
}
|
|
725
719
|
|
|
726
|
-
.alert-checkbox-inner {
|
|
727
|
-
width: var(--token-scale-400, 16px);
|
|
728
|
-
height: var(--token-scale-400, 16px);
|
|
729
|
-
}
|
|
730
|
-
|
|
731
|
-
.alert-checkbox-inner path {
|
|
732
|
-
fill: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
|
|
733
|
-
}
|
|
734
|
-
|
|
735
720
|
[aria-checked=true] .alert-checkbox-icon {
|
|
736
721
|
border-color: var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));
|
|
737
722
|
background-color: var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));
|
|
738
723
|
}
|
|
739
724
|
|
|
725
|
+
[aria-checked=true] .alert-checkbox-inner {
|
|
726
|
+
width: var(--token-scale-400, 16px);
|
|
727
|
+
height: var(--token-scale-400, 16px);
|
|
728
|
+
background-color: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
|
|
729
|
+
clip-path: polygon(2.79% 58.21%, 33.75% 89.17%, 99.38% 23.54%, 90.54% 14.71%, 33.75% 71.49%, 11.63% 49.37%);
|
|
730
|
+
}
|
|
731
|
+
|
|
740
732
|
.alert-button-group {
|
|
741
733
|
-webkit-padding-start: 8px;
|
|
742
734
|
padding-inline-start: 8px;
|
|
@@ -427,7 +427,7 @@ export class Alert {
|
|
|
427
427
|
'alert-button-inner': true,
|
|
428
428
|
[`checkbox-label-placement-${richInput.labelPlacement ?? defaultLabelPlacement}`]: true,
|
|
429
429
|
[`checkbox-justify-${richInput.justify ?? defaultJustify}`]: true,
|
|
430
|
-
} }, h("div", { class: "alert-checkbox-icon" },
|
|
430
|
+
} }, h("div", { class: "alert-checkbox-icon" }, h("div", { class: "alert-checkbox-inner" })), renderOptionLabel(optionLabelOptions, 'alert-checkbox-label')), theme === 'md' && h("ion-ripple-effect", null)));
|
|
431
431
|
})));
|
|
432
432
|
}
|
|
433
433
|
renderRadio() {
|
|
@@ -565,14 +565,14 @@ export class Alert {
|
|
|
565
565
|
* If neither are defined, do not set aria-labelledby.
|
|
566
566
|
*/
|
|
567
567
|
const ariaLabelledBy = header && subHeader ? `${hdrId} ${subHdrId}` : header ? hdrId : subHeader ? subHdrId : null;
|
|
568
|
-
return (h(Host, { key: '
|
|
568
|
+
return (h(Host, { key: '607c6f27d3764f68110cf2ebd46e0829aaa432c7', tabindex: "-1", style: {
|
|
569
569
|
zIndex: `${20000 + overlayIndex}`,
|
|
570
570
|
}, class: {
|
|
571
571
|
...getClassMap(this.cssClass),
|
|
572
572
|
[theme]: true,
|
|
573
573
|
'overlay-hidden': true,
|
|
574
574
|
'alert-translucent': this.translucent,
|
|
575
|
-
}, onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, h("ion-backdrop", { key: '
|
|
575
|
+
}, onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, h("ion-backdrop", { key: '263cdccbefb3a5ff2afe3184320988ae4cc10e7b', tappable: this.backdropDismiss }), h("div", { key: 'd5d67340a83500955d894865864da7cbb11a31df', tabindex: "0", "aria-hidden": "true" }), h("div", { key: 'bdc4d4f198d81a8901d08d68106bd8bf1ae3e9e2', class: "alert-wrapper ion-overlay-wrapper", role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "0", ref: (el) => (this.wrapperEl = el), ...htmlAttributes }, h("div", { key: '79a9cda2d299b36fa4e1ac9abc501b5f324b3ddf', class: "alert-head" }, header && (h("h2", { key: '8d2ec86a3c0958822819b702d6957f8b703eba1e', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (h("h2", { key: '27f2982dbe925379e07fd71dbcf995db197d6f4c', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (h("h3", { key: '6dde6c5d31748e13d5c0dcbf10107d71af4bcf91', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), h("div", { key: '0e5c2403ab6d04d84945b9375f99d29d7e6b67cc', tabindex: "0", "aria-hidden": "true" })));
|
|
576
576
|
}
|
|
577
577
|
static get is() { return "ion-alert"; }
|
|
578
578
|
static get encapsulation() { return "scoped"; }
|
|
@@ -102,17 +102,16 @@
|
|
|
102
102
|
:host {
|
|
103
103
|
--padding-top: var(--token-space-0, var(--token-scale-0, 0px));
|
|
104
104
|
--padding-bottom: var(--token-space-0, var(--token-scale-0, 0px));
|
|
105
|
+
font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
|
|
105
106
|
font-size: var(--token-font-size-450, 1.125rem);
|
|
106
107
|
font-weight: var(--token-font-weight-medium, 500);
|
|
107
|
-
letter-spacing: var(--token-font-letter-spacing-0, 0
|
|
108
|
-
line-height: var(--token-font-line-height-700,
|
|
109
|
-
text-decoration: none;
|
|
110
|
-
text-transform: none;
|
|
108
|
+
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
109
|
+
line-height: var(--token-font-line-height-700, 1.75rem);
|
|
111
110
|
display: flex;
|
|
112
111
|
align-items: center;
|
|
113
112
|
justify-content: center;
|
|
114
|
-
background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-
|
|
115
|
-
color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #
|
|
113
|
+
background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa));
|
|
114
|
+
color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
|
|
116
115
|
}
|
|
117
116
|
|
|
118
117
|
:host(:not(.avatar-image)) {
|
|
@@ -128,12 +127,11 @@
|
|
|
128
127
|
:host(.avatar-xxsmall) {
|
|
129
128
|
--padding-end: var(--token-space-050, var(--token-scale-050, 2px));
|
|
130
129
|
--padding-start: var(--token-space-050, var(--token-scale-050, 2px));
|
|
130
|
+
font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
|
|
131
131
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
132
132
|
font-weight: var(--token-font-weight-medium, 500);
|
|
133
|
-
letter-spacing: var(--token-font-letter-spacing-0, 0
|
|
134
|
-
line-height: var(--token-font-line-height-500,
|
|
135
|
-
text-decoration: none;
|
|
136
|
-
text-transform: none;
|
|
133
|
+
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
134
|
+
line-height: var(--token-font-line-height-500, 1.25rem);
|
|
137
135
|
width: var(--token-scale-400, 16px);
|
|
138
136
|
height: var(--token-scale-400, 16px);
|
|
139
137
|
}
|
|
@@ -142,12 +140,11 @@
|
|
|
142
140
|
:host(.avatar-xsmall) {
|
|
143
141
|
--padding-end: var(--token-space-050, var(--token-scale-050, 2px));
|
|
144
142
|
--padding-start: var(--token-space-050, var(--token-scale-050, 2px));
|
|
143
|
+
font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
|
|
145
144
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
146
145
|
font-weight: var(--token-font-weight-medium, 500);
|
|
147
|
-
letter-spacing: var(--token-font-letter-spacing-0, 0
|
|
148
|
-
line-height: var(--token-font-line-height-500,
|
|
149
|
-
text-decoration: none;
|
|
150
|
-
text-transform: none;
|
|
146
|
+
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
147
|
+
line-height: var(--token-font-line-height-500, 1.25rem);
|
|
151
148
|
width: var(--token-scale-600, 24px);
|
|
152
149
|
height: var(--token-scale-600, 24px);
|
|
153
150
|
}
|
|
@@ -156,12 +153,11 @@
|
|
|
156
153
|
:host(.avatar-small) {
|
|
157
154
|
--padding-end: var(--token-space-150, var(--token-scale-150, 6px));
|
|
158
155
|
--padding-start: var(--token-space-150, var(--token-scale-150, 6px));
|
|
156
|
+
font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
|
|
159
157
|
font-size: var(--token-font-size-400, 1rem);
|
|
160
158
|
font-weight: var(--token-font-weight-medium, 500);
|
|
161
|
-
letter-spacing: var(--token-font-letter-spacing-0, 0
|
|
162
|
-
line-height: var(--token-font-line-height-600,
|
|
163
|
-
text-decoration: none;
|
|
164
|
-
text-transform: none;
|
|
159
|
+
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
160
|
+
line-height: var(--token-font-line-height-600, 1.5rem);
|
|
165
161
|
width: var(--token-scale-800, 32px);
|
|
166
162
|
height: var(--token-scale-800, 32px);
|
|
167
163
|
}
|
|
@@ -178,12 +174,11 @@
|
|
|
178
174
|
:host(.avatar-large) {
|
|
179
175
|
--padding-end: var(--token-space-250, var(--token-scale-250, 10px));
|
|
180
176
|
--padding-start: var(--token-space-250, var(--token-scale-250, 10px));
|
|
177
|
+
font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
|
|
181
178
|
font-size: var(--token-font-size-500, 1.25rem);
|
|
182
179
|
font-weight: var(--token-font-weight-medium, 500);
|
|
183
|
-
letter-spacing: var(--token-font-letter-spacing-0, 0
|
|
184
|
-
line-height: var(--token-font-line-height-700,
|
|
185
|
-
text-decoration: none;
|
|
186
|
-
text-transform: none;
|
|
180
|
+
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
181
|
+
line-height: var(--token-font-line-height-700, 1.75rem);
|
|
187
182
|
width: var(--token-scale-1200, 48px);
|
|
188
183
|
height: var(--token-scale-1200, 48px);
|
|
189
184
|
}
|
|
@@ -192,12 +187,11 @@
|
|
|
192
187
|
:host(.avatar-xlarge) {
|
|
193
188
|
--padding-end: var(--token-space-300, var(--token-scale-300, 12px));
|
|
194
189
|
--padding-start: var(--token-space-300, var(--token-scale-300, 12px));
|
|
190
|
+
font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
|
|
195
191
|
font-size: var(--token-font-size-550, 1.375rem);
|
|
196
192
|
font-weight: var(--token-font-weight-medium, 500);
|
|
197
|
-
letter-spacing: var(--token-font-letter-spacing-0, 0
|
|
198
|
-
line-height: var(--token-font-line-height-700,
|
|
199
|
-
text-decoration: none;
|
|
200
|
-
text-transform: none;
|
|
193
|
+
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
194
|
+
line-height: var(--token-font-line-height-700, 1.75rem);
|
|
201
195
|
width: var(--token-scale-1400, 56px);
|
|
202
196
|
height: var(--token-scale-1400, 56px);
|
|
203
197
|
}
|
|
@@ -205,46 +199,46 @@
|
|
|
205
199
|
:host(.avatar-xxsmall.avatar-soft),
|
|
206
200
|
:host(.avatar-xsmall.avatar-soft),
|
|
207
201
|
:host(.avatar-small.avatar-soft) {
|
|
208
|
-
--border-radius: var(--token-soft-2xs,
|
|
202
|
+
--border-radius: var(--token-shape-soft-2xs, 4px);
|
|
209
203
|
}
|
|
210
204
|
|
|
211
205
|
:host(.avatar-medium.avatar-soft) {
|
|
212
|
-
--border-radius: var(--token-soft-xs,
|
|
206
|
+
--border-radius: var(--token-shape-soft-xs, 8px);
|
|
213
207
|
}
|
|
214
208
|
|
|
215
209
|
:host(.avatar-large.avatar-soft),
|
|
216
210
|
:host(.avatar-xlarge.avatar-soft) {
|
|
217
|
-
--border-radius: var(--token-soft-md,
|
|
211
|
+
--border-radius: var(--token-shape-soft-md, 16px);
|
|
218
212
|
}
|
|
219
213
|
|
|
220
214
|
:host(.avatar-xxsmall.avatar-round),
|
|
221
215
|
:host(.avatar-xsmall.avatar-round),
|
|
222
216
|
:host(.avatar-small.avatar-round) {
|
|
223
|
-
--border-radius: var(--token-round-2xs,
|
|
217
|
+
--border-radius: var(--token-shape-round-2xs, 999px);
|
|
224
218
|
}
|
|
225
219
|
|
|
226
220
|
:host(.avatar-medium.avatar-round) {
|
|
227
|
-
--border-radius: var(--token-round-xs,
|
|
221
|
+
--border-radius: var(--token-shape-round-xs, 999px);
|
|
228
222
|
}
|
|
229
223
|
|
|
230
224
|
:host(.avatar-large.avatar-round),
|
|
231
225
|
:host(.avatar-xlarge.avatar-round) {
|
|
232
|
-
--border-radius: var(--token-round-md,
|
|
226
|
+
--border-radius: var(--token-shape-round-md, 999px);
|
|
233
227
|
}
|
|
234
228
|
|
|
235
229
|
:host(.avatar-xxsmall.avatar-rectangular),
|
|
236
230
|
:host(.avatar-xsmall.avatar-rectangular),
|
|
237
231
|
:host(.avatar-small.avatar-rectangular) {
|
|
238
|
-
--border-radius: var(--token-rectangular-2xs,
|
|
232
|
+
--border-radius: var(--token-shape-rectangular-2xs, 0px);
|
|
239
233
|
}
|
|
240
234
|
|
|
241
235
|
:host(.avatar-medium.avatar-rectangular) {
|
|
242
|
-
--border-radius: var(--token-rectangular-xs,
|
|
236
|
+
--border-radius: var(--token-shape-rectangular-xs, 0px);
|
|
243
237
|
}
|
|
244
238
|
|
|
245
239
|
:host(.avatar-large.avatar-rectangular),
|
|
246
240
|
:host(.avatar-xlarge.avatar-rectangular) {
|
|
247
|
-
--border-radius: var(--token-rectangular-md,
|
|
241
|
+
--border-radius: var(--token-shape-rectangular-md, 0px);
|
|
248
242
|
}
|
|
249
243
|
|
|
250
244
|
:host(.avatar-icon) {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import caretLeftRegular from "@phosphor-icons/core/assets/regular/caret-left.svg";
|
|
5
4
|
import { Host, h } from "@stencil/core";
|
|
6
5
|
import { inheritAriaAttributes } from "../../utils/helpers";
|
|
7
6
|
import { createColorClasses, hostContext, openURL } from "../../utils/theme";
|
|
@@ -42,21 +41,20 @@ export class BackButton {
|
|
|
42
41
|
this.defaultHref = config.get('backButtonDefaultHref');
|
|
43
42
|
}
|
|
44
43
|
}
|
|
44
|
+
/**
|
|
45
|
+
* Get the icon to use for the back button icon.
|
|
46
|
+
* If an icon is set on the component, use that.
|
|
47
|
+
* Otherwise, use the icon set in the config.
|
|
48
|
+
* If no icon is set in the config, use the default icon.
|
|
49
|
+
*/
|
|
45
50
|
get backButtonIcon() {
|
|
46
51
|
// Return the icon if it is explicitly set
|
|
47
52
|
if (this.icon != null) {
|
|
48
53
|
return this.icon;
|
|
49
54
|
}
|
|
50
|
-
// Determine the theme and map to default
|
|
55
|
+
// Determine the theme and map to the default icon
|
|
51
56
|
const theme = getIonTheme(this);
|
|
52
|
-
const
|
|
53
|
-
ios: chevronBack,
|
|
54
|
-
ionic: caretLeftRegular,
|
|
55
|
-
md: arrowBackSharp,
|
|
56
|
-
};
|
|
57
|
-
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
58
|
-
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
59
|
-
// Return the configured back button icon or the default icon
|
|
57
|
+
const defaultIcon = theme === 'ios' ? chevronBack : arrowBackSharp;
|
|
60
58
|
return config.get('backButtonIcon', defaultIcon);
|
|
61
59
|
}
|
|
62
60
|
get backButtonText() {
|
|
@@ -64,7 +62,7 @@ export class BackButton {
|
|
|
64
62
|
return this.text != null ? this.text : config.get('backButtonText', defaultBackButtonText);
|
|
65
63
|
}
|
|
66
64
|
get hasIconOnly() {
|
|
67
|
-
return this.backButtonIcon && !this.backButtonText;
|
|
65
|
+
return !!this.backButtonIcon && !this.backButtonText;
|
|
68
66
|
}
|
|
69
67
|
get rippleType() {
|
|
70
68
|
// If the button only has an icon we use the unbounded
|
|
@@ -79,7 +77,7 @@ export class BackButton {
|
|
|
79
77
|
const showBackButton = defaultHref !== undefined;
|
|
80
78
|
const theme = getIonTheme(this);
|
|
81
79
|
const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
|
|
82
|
-
return (h(Host, { key: '
|
|
80
|
+
return (h(Host, { key: '76fb1f3b149f64429efb34ba245e2a823e040890', onClick: this.onClick, class: createColorClasses(color, {
|
|
83
81
|
[theme]: true,
|
|
84
82
|
button: true, // ion-buttons target .button
|
|
85
83
|
'back-button-disabled': disabled,
|
|
@@ -89,7 +87,7 @@ export class BackButton {
|
|
|
89
87
|
'ion-activatable': true,
|
|
90
88
|
'ion-focusable': true,
|
|
91
89
|
'show-back-button': showBackButton,
|
|
92
|
-
}) }, h("button", { key: '
|
|
90
|
+
}) }, h("button", { key: '756332a61b212e4466ee45e7b7bf76a9e55d203f', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, h("span", { key: '2af18172b063251d103b92d28f5a0437cad3206e', class: "button-inner" }, backButtonIcon && (h("ion-icon", { key: 'd82c57dbfafbeeef019d42b3febcdbd045cc468a', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (h("span", { key: 'd26836eb3ab34e95cbc0663971b7be66757ebee5', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), theme === 'md' && h("ion-ripple-effect", { key: '28d049f7aaeab3320f6d0254c0f65721a8fcc43e', type: this.rippleType }))));
|
|
93
91
|
}
|
|
94
92
|
static get is() { return "ion-back-button"; }
|
|
95
93
|
static get encapsulation() { return "shadow"; }
|
|
@@ -128,12 +128,11 @@
|
|
|
128
128
|
--padding-end: var(--token-space-200, var(--token-scale-200, 8px));
|
|
129
129
|
--padding-top: var(--token-space-0, var(--token-scale-0, 0px));
|
|
130
130
|
--padding-bottom: var(--token-space-0, var(--token-scale-0, 0px));
|
|
131
|
+
font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
|
|
131
132
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
132
133
|
font-weight: var(--token-font-weight-medium, 500);
|
|
133
|
-
letter-spacing: var(--token-font-letter-spacing-0, 0
|
|
134
|
-
line-height: var(--token-font-line-height-500,
|
|
135
|
-
text-decoration: none;
|
|
136
|
-
text-transform: none;
|
|
134
|
+
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
135
|
+
line-height: var(--token-font-line-height-500, 1.25rem);
|
|
137
136
|
display: inline-flex;
|
|
138
137
|
align-items: center;
|
|
139
138
|
justify-content: center;
|
|
@@ -151,8 +150,8 @@
|
|
|
151
150
|
}
|
|
152
151
|
|
|
153
152
|
:host(.badge-subtle) {
|
|
154
|
-
--background: var(--ion-color-primary-subtle, var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #
|
|
155
|
-
--color: var(--ion-color-primary-subtle-contrast, var(--token-
|
|
153
|
+
--background: var(--ion-color-primary-subtle, var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff))));
|
|
154
|
+
--color: var(--ion-color-primary-subtle-contrast, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)));
|
|
156
155
|
}
|
|
157
156
|
|
|
158
157
|
:host(.badge-subtle.ion-color) {
|
|
@@ -162,21 +161,21 @@
|
|
|
162
161
|
|
|
163
162
|
/* Soft Badge */
|
|
164
163
|
:host(.badge-soft) {
|
|
165
|
-
border-radius: var(--token-soft-xs,
|
|
164
|
+
border-radius: var(--token-shape-soft-xs, 8px);
|
|
166
165
|
}
|
|
167
166
|
|
|
168
167
|
:host(.badge-small.badge-soft) {
|
|
169
|
-
border-radius: var(--token-soft-2xs,
|
|
168
|
+
border-radius: var(--token-shape-soft-2xs, 4px);
|
|
170
169
|
}
|
|
171
170
|
|
|
172
171
|
/* Round Badge */
|
|
173
172
|
:host(.badge-round) {
|
|
174
|
-
border-radius: var(--token-round-sm,
|
|
173
|
+
border-radius: var(--token-shape-round-sm, 999px);
|
|
175
174
|
}
|
|
176
175
|
|
|
177
176
|
/* Rectangular Badge */
|
|
178
177
|
:host(.badge-rectangular) {
|
|
179
|
-
border-radius: var(--token-rectangular-sm,
|
|
178
|
+
border-radius: var(--token-shape-rectangular-sm, 0px);
|
|
180
179
|
}
|
|
181
180
|
|
|
182
181
|
/* Small Badge */
|
|
@@ -197,12 +196,11 @@
|
|
|
197
196
|
:host(.badge-large) {
|
|
198
197
|
--padding-start: var(--token-space-100, var(--token-scale-100, 4px));
|
|
199
198
|
--padding-end: var(--token-space-100, var(--token-scale-100, 4px));
|
|
199
|
+
font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
|
|
200
200
|
font-size: var(--token-font-size-350, 0.875rem);
|
|
201
201
|
font-weight: var(--token-font-weight-medium, 500);
|
|
202
|
-
letter-spacing: var(--token-font-letter-spacing-0, 0
|
|
203
|
-
line-height: var(--token-font-line-height-600,
|
|
204
|
-
text-decoration: none;
|
|
205
|
-
text-transform: none;
|
|
202
|
+
letter-spacing: var(--token-font-letter-spacing-0, 0);
|
|
203
|
+
line-height: var(--token-font-line-height-600, 1.5rem);
|
|
206
204
|
min-width: var(--token-scale-600, 24px);
|
|
207
205
|
height: var(--token-scale-600, 24px);
|
|
208
206
|
}
|
|
@@ -258,12 +256,11 @@
|
|
|
258
256
|
:host(:not(:empty).in-button) {
|
|
259
257
|
--padding-start: var(--token-scale-050, 2px);
|
|
260
258
|
--padding-end: var(--token-scale-050, 2px);
|
|
259
|
+
font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
|
|
261
260
|
font-size: var(--token-font-size-300, 0.75rem);
|
|
262
261
|
font-weight: var(--token-font-weight-medium, 500);
|
|
263
|
-
letter-spacing: var(--token-font-letter-spacing-
|
|
264
|
-
line-height: var(--token-font-line-height-500,
|
|
265
|
-
text-decoration: none;
|
|
266
|
-
text-transform: none;
|
|
262
|
+
letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
|
|
263
|
+
line-height: var(--token-font-line-height-500, 1.25rem);
|
|
267
264
|
min-width: var(--token-scale-400, 16px);
|
|
268
265
|
height: var(--token-scale-400, 16px);
|
|
269
266
|
}
|