diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml index c16756cf00..e44acd3137 100644 --- a/.github/ISSUE_TEMPLATE/bug_report.yml +++ b/.github/ISSUE_TEMPLATE/bug_report.yml @@ -9,7 +9,7 @@ body: label: Prerequisites description: Please ensure you have completed all of the following. options: - - label: I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue). + - label: I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue). required: true - label: I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct). required: true diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml index 536ce1540c..788d41e3a2 100644 --- a/.github/ISSUE_TEMPLATE/feature_request.yml +++ b/.github/ISSUE_TEMPLATE/feature_request.yml @@ -9,7 +9,7 @@ body: label: Prerequisites description: Please ensure you have completed all of the following. options: - - label: I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue). + - label: I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue). required: true - label: I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct). required: true diff --git a/CHANGELOG.md b/CHANGELOG.md index c004b4dece..6b177f8fc0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,18 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [8.1.2](https://github.com/ionic-team/ionic-framework/compare/v8.1.1...v8.1.2) (2024-05-15) + + +### Bug Fixes + +* **many:** do not grow slotted checkboxes, radios, selects and toggles ([#29501](https://github.com/ionic-team/ionic-framework/issues/29501)) ([c63d07b](https://github.com/ionic-team/ionic-framework/commit/c63d07bdd0c4d9939474c52b03a3f2535511933f)), closes [#29423](https://github.com/ionic-team/ionic-framework/issues/29423) +* **picker:** update keyboard navigation ([#29497](https://github.com/ionic-team/ionic-framework/issues/29497)) ([32bc681](https://github.com/ionic-team/ionic-framework/commit/32bc681192b1833f1c897e692d2d36ba90c6af53)) + + + + + ## [8.1.1](https://github.com/ionic-team/ionic-framework/compare/v8.1.0...v8.1.1) (2024-05-08) diff --git a/core/CHANGELOG.md b/core/CHANGELOG.md index cd7310d422..9f472c510c 100644 --- a/core/CHANGELOG.md +++ b/core/CHANGELOG.md @@ -3,6 +3,18 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [8.1.2](https://github.com/ionic-team/ionic-framework/compare/v8.1.1...v8.1.2) (2024-05-15) + + +### Bug Fixes + +* **many:** do not grow slotted checkboxes, radios, selects and toggles ([#29501](https://github.com/ionic-team/ionic-framework/issues/29501)) ([c63d07b](https://github.com/ionic-team/ionic-framework/commit/c63d07bdd0c4d9939474c52b03a3f2535511933f)), closes [#29423](https://github.com/ionic-team/ionic-framework/issues/29423) +* **picker:** update keyboard navigation ([#29497](https://github.com/ionic-team/ionic-framework/issues/29497)) ([32bc681](https://github.com/ionic-team/ionic-framework/commit/32bc681192b1833f1c897e692d2d36ba90c6af53)) + + + + + ## [8.1.1](https://github.com/ionic-team/ionic-framework/compare/v8.1.0...v8.1.1) (2024-05-08) diff --git a/core/README.md b/core/README.md index 23dbfc1c2f..9fcdd4ff29 100644 --- a/core/README.md +++ b/core/README.md @@ -96,7 +96,7 @@ const showModal = async () => { ## How to contribute -[Check out the CONTRIBUTE guide](/.github/CONTRIBUTING.md) +[Check out the CONTRIBUTE guide](/docs/CONTRIBUTING.md) ## Related diff --git a/core/api.txt b/core/api.txt index 65124d53ce..e32db14e5b 100644 --- a/core/api.txt +++ b/core/api.txt @@ -50,30 +50,78 @@ ion-action-sheet,event,ionActionSheetWillDismiss,OverlayEventDetail,true ion-action-sheet,event,ionActionSheetWillPresent,void,true ion-action-sheet,event,willDismiss,OverlayEventDetail,true ion-action-sheet,event,willPresent,void,true -ion-action-sheet,css-prop,--backdrop-opacity -ion-action-sheet,css-prop,--background -ion-action-sheet,css-prop,--button-background -ion-action-sheet,css-prop,--button-background-activated -ion-action-sheet,css-prop,--button-background-activated-opacity -ion-action-sheet,css-prop,--button-background-focused -ion-action-sheet,css-prop,--button-background-focused-opacity -ion-action-sheet,css-prop,--button-background-hover -ion-action-sheet,css-prop,--button-background-hover-opacity -ion-action-sheet,css-prop,--button-background-selected -ion-action-sheet,css-prop,--button-background-selected-opacity -ion-action-sheet,css-prop,--button-color -ion-action-sheet,css-prop,--button-color-activated -ion-action-sheet,css-prop,--button-color-disabled -ion-action-sheet,css-prop,--button-color-focused -ion-action-sheet,css-prop,--button-color-hover -ion-action-sheet,css-prop,--button-color-selected -ion-action-sheet,css-prop,--color -ion-action-sheet,css-prop,--height -ion-action-sheet,css-prop,--max-height -ion-action-sheet,css-prop,--max-width -ion-action-sheet,css-prop,--min-height -ion-action-sheet,css-prop,--min-width -ion-action-sheet,css-prop,--width +ion-action-sheet,css-prop,--backdrop-opacity,ionic +ion-action-sheet,css-prop,--backdrop-opacity,ios +ion-action-sheet,css-prop,--backdrop-opacity,md +ion-action-sheet,css-prop,--background,ionic +ion-action-sheet,css-prop,--background,ios +ion-action-sheet,css-prop,--background,md +ion-action-sheet,css-prop,--button-background,ionic +ion-action-sheet,css-prop,--button-background,ios +ion-action-sheet,css-prop,--button-background,md +ion-action-sheet,css-prop,--button-background-activated,ionic +ion-action-sheet,css-prop,--button-background-activated,ios +ion-action-sheet,css-prop,--button-background-activated,md +ion-action-sheet,css-prop,--button-background-activated-opacity,ionic +ion-action-sheet,css-prop,--button-background-activated-opacity,ios +ion-action-sheet,css-prop,--button-background-activated-opacity,md +ion-action-sheet,css-prop,--button-background-focused,ionic +ion-action-sheet,css-prop,--button-background-focused,ios +ion-action-sheet,css-prop,--button-background-focused,md +ion-action-sheet,css-prop,--button-background-focused-opacity,ionic +ion-action-sheet,css-prop,--button-background-focused-opacity,ios +ion-action-sheet,css-prop,--button-background-focused-opacity,md +ion-action-sheet,css-prop,--button-background-hover,ionic +ion-action-sheet,css-prop,--button-background-hover,ios +ion-action-sheet,css-prop,--button-background-hover,md +ion-action-sheet,css-prop,--button-background-hover-opacity,ionic +ion-action-sheet,css-prop,--button-background-hover-opacity,ios +ion-action-sheet,css-prop,--button-background-hover-opacity,md +ion-action-sheet,css-prop,--button-background-selected,ionic +ion-action-sheet,css-prop,--button-background-selected,ios +ion-action-sheet,css-prop,--button-background-selected,md +ion-action-sheet,css-prop,--button-background-selected-opacity,ionic +ion-action-sheet,css-prop,--button-background-selected-opacity,ios +ion-action-sheet,css-prop,--button-background-selected-opacity,md +ion-action-sheet,css-prop,--button-color,ionic +ion-action-sheet,css-prop,--button-color,ios +ion-action-sheet,css-prop,--button-color,md +ion-action-sheet,css-prop,--button-color-activated,ionic +ion-action-sheet,css-prop,--button-color-activated,ios +ion-action-sheet,css-prop,--button-color-activated,md +ion-action-sheet,css-prop,--button-color-disabled,ionic +ion-action-sheet,css-prop,--button-color-disabled,ios +ion-action-sheet,css-prop,--button-color-disabled,md +ion-action-sheet,css-prop,--button-color-focused,ionic +ion-action-sheet,css-prop,--button-color-focused,ios +ion-action-sheet,css-prop,--button-color-focused,md +ion-action-sheet,css-prop,--button-color-hover,ionic +ion-action-sheet,css-prop,--button-color-hover,ios +ion-action-sheet,css-prop,--button-color-hover,md +ion-action-sheet,css-prop,--button-color-selected,ionic +ion-action-sheet,css-prop,--button-color-selected,ios +ion-action-sheet,css-prop,--button-color-selected,md +ion-action-sheet,css-prop,--color,ionic +ion-action-sheet,css-prop,--color,ios +ion-action-sheet,css-prop,--color,md +ion-action-sheet,css-prop,--height,ionic +ion-action-sheet,css-prop,--height,ios +ion-action-sheet,css-prop,--height,md +ion-action-sheet,css-prop,--max-height,ionic +ion-action-sheet,css-prop,--max-height,ios +ion-action-sheet,css-prop,--max-height,md +ion-action-sheet,css-prop,--max-width,ionic +ion-action-sheet,css-prop,--max-width,ios +ion-action-sheet,css-prop,--max-width,md +ion-action-sheet,css-prop,--min-height,ionic +ion-action-sheet,css-prop,--min-height,ios +ion-action-sheet,css-prop,--min-height,md +ion-action-sheet,css-prop,--min-width,ionic +ion-action-sheet,css-prop,--min-width,ios +ion-action-sheet,css-prop,--min-width,md +ion-action-sheet,css-prop,--width,ionic +ion-action-sheet,css-prop,--width,ios +ion-action-sheet,css-prop,--width,md ion-alert,scoped ion-alert,prop,animated,boolean,true,false,false @@ -105,14 +153,30 @@ ion-alert,event,ionAlertWillDismiss,OverlayEventDetail,true ion-alert,event,ionAlertWillPresent,void,true ion-alert,event,willDismiss,OverlayEventDetail,true ion-alert,event,willPresent,void,true -ion-alert,css-prop,--backdrop-opacity -ion-alert,css-prop,--background -ion-alert,css-prop,--height -ion-alert,css-prop,--max-height -ion-alert,css-prop,--max-width -ion-alert,css-prop,--min-height -ion-alert,css-prop,--min-width -ion-alert,css-prop,--width +ion-alert,css-prop,--backdrop-opacity,ionic +ion-alert,css-prop,--backdrop-opacity,ios +ion-alert,css-prop,--backdrop-opacity,md +ion-alert,css-prop,--background,ionic +ion-alert,css-prop,--background,ios +ion-alert,css-prop,--background,md +ion-alert,css-prop,--height,ionic +ion-alert,css-prop,--height,ios +ion-alert,css-prop,--height,md +ion-alert,css-prop,--max-height,ionic +ion-alert,css-prop,--max-height,ios +ion-alert,css-prop,--max-height,md +ion-alert,css-prop,--max-width,ionic +ion-alert,css-prop,--max-width,ios +ion-alert,css-prop,--max-width,md +ion-alert,css-prop,--min-height,ionic +ion-alert,css-prop,--min-height,ios +ion-alert,css-prop,--min-height,md +ion-alert,css-prop,--min-width,ionic +ion-alert,css-prop,--min-width,ios +ion-alert,css-prop,--min-width,md +ion-alert,css-prop,--width,ionic +ion-alert,css-prop,--width,ios +ion-alert,css-prop,--width,md ion-app,none ion-app,prop,mode,"ios" | "md",undefined,false,false @@ -121,7 +185,9 @@ ion-app,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,shadow ion-avatar,prop,mode,"ios" | "md",undefined,false,false ion-avatar,prop,theme,"ios" | "md" | "ionic",undefined,false,false -ion-avatar,css-prop,--border-radius +ion-avatar,css-prop,--border-radius,ionic +ion-avatar,css-prop,--border-radius,ios +ion-avatar,css-prop,--border-radius,md ion-back-button,shadow ion-back-button,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record | undefined,undefined,false,true @@ -133,38 +199,102 @@ ion-back-button,prop,routerAnimation,((baseEl: any, opts?: any) => Animation) | ion-back-button,prop,text,null | string | undefined,undefined,false,false ion-back-button,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-back-button,prop,type,"button" | "reset" | "submit",'button',false,false -ion-back-button,css-prop,--background -ion-back-button,css-prop,--background-focused -ion-back-button,css-prop,--background-focused-opacity -ion-back-button,css-prop,--background-hover -ion-back-button,css-prop,--background-hover-opacity -ion-back-button,css-prop,--border-radius -ion-back-button,css-prop,--color -ion-back-button,css-prop,--color-focused -ion-back-button,css-prop,--color-hover -ion-back-button,css-prop,--icon-font-size -ion-back-button,css-prop,--icon-font-weight -ion-back-button,css-prop,--icon-margin-bottom -ion-back-button,css-prop,--icon-margin-end -ion-back-button,css-prop,--icon-margin-start -ion-back-button,css-prop,--icon-margin-top -ion-back-button,css-prop,--icon-padding-bottom -ion-back-button,css-prop,--icon-padding-end -ion-back-button,css-prop,--icon-padding-start -ion-back-button,css-prop,--icon-padding-top -ion-back-button,css-prop,--margin-bottom -ion-back-button,css-prop,--margin-end -ion-back-button,css-prop,--margin-start -ion-back-button,css-prop,--margin-top -ion-back-button,css-prop,--min-height -ion-back-button,css-prop,--min-width -ion-back-button,css-prop,--opacity -ion-back-button,css-prop,--padding-bottom -ion-back-button,css-prop,--padding-end -ion-back-button,css-prop,--padding-start -ion-back-button,css-prop,--padding-top -ion-back-button,css-prop,--ripple-color -ion-back-button,css-prop,--transition +ion-back-button,css-prop,--background,ionic +ion-back-button,css-prop,--background,ios +ion-back-button,css-prop,--background,md +ion-back-button,css-prop,--background-focused,ionic +ion-back-button,css-prop,--background-focused,ios +ion-back-button,css-prop,--background-focused,md +ion-back-button,css-prop,--background-focused-opacity,ionic +ion-back-button,css-prop,--background-focused-opacity,ios +ion-back-button,css-prop,--background-focused-opacity,md +ion-back-button,css-prop,--background-hover,ionic +ion-back-button,css-prop,--background-hover,ios +ion-back-button,css-prop,--background-hover,md +ion-back-button,css-prop,--background-hover-opacity,ionic +ion-back-button,css-prop,--background-hover-opacity,ios +ion-back-button,css-prop,--background-hover-opacity,md +ion-back-button,css-prop,--border-radius,ionic +ion-back-button,css-prop,--border-radius,ios +ion-back-button,css-prop,--border-radius,md +ion-back-button,css-prop,--color,ionic +ion-back-button,css-prop,--color,ios +ion-back-button,css-prop,--color,md +ion-back-button,css-prop,--color-focused,ionic +ion-back-button,css-prop,--color-focused,ios +ion-back-button,css-prop,--color-focused,md +ion-back-button,css-prop,--color-hover,ionic +ion-back-button,css-prop,--color-hover,ios +ion-back-button,css-prop,--color-hover,md +ion-back-button,css-prop,--icon-font-size,ionic +ion-back-button,css-prop,--icon-font-size,ios +ion-back-button,css-prop,--icon-font-size,md +ion-back-button,css-prop,--icon-font-weight,ionic +ion-back-button,css-prop,--icon-font-weight,ios +ion-back-button,css-prop,--icon-font-weight,md +ion-back-button,css-prop,--icon-margin-bottom,ionic +ion-back-button,css-prop,--icon-margin-bottom,ios +ion-back-button,css-prop,--icon-margin-bottom,md +ion-back-button,css-prop,--icon-margin-end,ionic +ion-back-button,css-prop,--icon-margin-end,ios +ion-back-button,css-prop,--icon-margin-end,md +ion-back-button,css-prop,--icon-margin-start,ionic +ion-back-button,css-prop,--icon-margin-start,ios +ion-back-button,css-prop,--icon-margin-start,md +ion-back-button,css-prop,--icon-margin-top,ionic +ion-back-button,css-prop,--icon-margin-top,ios +ion-back-button,css-prop,--icon-margin-top,md +ion-back-button,css-prop,--icon-padding-bottom,ionic +ion-back-button,css-prop,--icon-padding-bottom,ios +ion-back-button,css-prop,--icon-padding-bottom,md +ion-back-button,css-prop,--icon-padding-end,ionic +ion-back-button,css-prop,--icon-padding-end,ios +ion-back-button,css-prop,--icon-padding-end,md +ion-back-button,css-prop,--icon-padding-start,ionic +ion-back-button,css-prop,--icon-padding-start,ios +ion-back-button,css-prop,--icon-padding-start,md +ion-back-button,css-prop,--icon-padding-top,ionic +ion-back-button,css-prop,--icon-padding-top,ios +ion-back-button,css-prop,--icon-padding-top,md +ion-back-button,css-prop,--margin-bottom,ionic +ion-back-button,css-prop,--margin-bottom,ios +ion-back-button,css-prop,--margin-bottom,md +ion-back-button,css-prop,--margin-end,ionic +ion-back-button,css-prop,--margin-end,ios +ion-back-button,css-prop,--margin-end,md +ion-back-button,css-prop,--margin-start,ionic +ion-back-button,css-prop,--margin-start,ios +ion-back-button,css-prop,--margin-start,md +ion-back-button,css-prop,--margin-top,ionic +ion-back-button,css-prop,--margin-top,ios +ion-back-button,css-prop,--margin-top,md +ion-back-button,css-prop,--min-height,ionic +ion-back-button,css-prop,--min-height,ios +ion-back-button,css-prop,--min-height,md +ion-back-button,css-prop,--min-width,ionic +ion-back-button,css-prop,--min-width,ios +ion-back-button,css-prop,--min-width,md +ion-back-button,css-prop,--opacity,ionic +ion-back-button,css-prop,--opacity,ios +ion-back-button,css-prop,--opacity,md +ion-back-button,css-prop,--padding-bottom,ionic +ion-back-button,css-prop,--padding-bottom,ios +ion-back-button,css-prop,--padding-bottom,md +ion-back-button,css-prop,--padding-end,ionic +ion-back-button,css-prop,--padding-end,ios +ion-back-button,css-prop,--padding-end,md +ion-back-button,css-prop,--padding-start,ionic +ion-back-button,css-prop,--padding-start,ios +ion-back-button,css-prop,--padding-start,md +ion-back-button,css-prop,--padding-top,ionic +ion-back-button,css-prop,--padding-top,ios +ion-back-button,css-prop,--padding-top,md +ion-back-button,css-prop,--ripple-color,ionic +ion-back-button,css-prop,--ripple-color,ios +ion-back-button,css-prop,--ripple-color,md +ion-back-button,css-prop,--transition,ionic +ion-back-button,css-prop,--transition,ios +ion-back-button,css-prop,--transition,md ion-back-button,part,icon ion-back-button,part,native ion-back-button,part,text @@ -181,12 +311,24 @@ ion-badge,shadow ion-badge,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record | undefined,undefined,false,true ion-badge,prop,mode,"ios" | "md",undefined,false,false ion-badge,prop,theme,"ios" | "md" | "ionic",undefined,false,false -ion-badge,css-prop,--background -ion-badge,css-prop,--color -ion-badge,css-prop,--padding-bottom -ion-badge,css-prop,--padding-end -ion-badge,css-prop,--padding-start -ion-badge,css-prop,--padding-top +ion-badge,css-prop,--background,ionic +ion-badge,css-prop,--background,ios +ion-badge,css-prop,--background,md +ion-badge,css-prop,--color,ionic +ion-badge,css-prop,--color,ios +ion-badge,css-prop,--color,md +ion-badge,css-prop,--padding-bottom,ionic +ion-badge,css-prop,--padding-bottom,ios +ion-badge,css-prop,--padding-bottom,md +ion-badge,css-prop,--padding-end,ionic +ion-badge,css-prop,--padding-end,ios +ion-badge,css-prop,--padding-end,md +ion-badge,css-prop,--padding-start,ionic +ion-badge,css-prop,--padding-start,ios +ion-badge,css-prop,--padding-start,md +ion-badge,css-prop,--padding-top,ionic +ion-badge,css-prop,--padding-top,ios +ion-badge,css-prop,--padding-top,md ion-breadcrumb,shadow ion-breadcrumb,prop,active,boolean,false,false,false @@ -203,11 +345,21 @@ ion-breadcrumb,prop,target,string | undefined,undefined,false,false ion-breadcrumb,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-breadcrumb,event,ionBlur,void,true ion-breadcrumb,event,ionFocus,void,true -ion-breadcrumb,css-prop,--background-focused -ion-breadcrumb,css-prop,--color -ion-breadcrumb,css-prop,--color-active -ion-breadcrumb,css-prop,--color-focused -ion-breadcrumb,css-prop,--color-hover +ion-breadcrumb,css-prop,--background-focused,ionic +ion-breadcrumb,css-prop,--background-focused,ios +ion-breadcrumb,css-prop,--background-focused,md +ion-breadcrumb,css-prop,--color,ionic +ion-breadcrumb,css-prop,--color,ios +ion-breadcrumb,css-prop,--color,md +ion-breadcrumb,css-prop,--color-active,ionic +ion-breadcrumb,css-prop,--color-active,ios +ion-breadcrumb,css-prop,--color-active,md +ion-breadcrumb,css-prop,--color-focused,ionic +ion-breadcrumb,css-prop,--color-focused,ios +ion-breadcrumb,css-prop,--color-focused,md +ion-breadcrumb,css-prop,--color-hover,ionic +ion-breadcrumb,css-prop,--color-hover,ios +ion-breadcrumb,css-prop,--color-hover,md ion-breadcrumb,part,collapsed-indicator ion-breadcrumb,part,native ion-breadcrumb,part,separator @@ -242,29 +394,75 @@ ion-button,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-button,prop,type,"button" | "reset" | "submit",'button',false,false ion-button,event,ionBlur,void,true ion-button,event,ionFocus,void,true -ion-button,css-prop,--background -ion-button,css-prop,--background-activated -ion-button,css-prop,--background-activated-opacity -ion-button,css-prop,--background-focused -ion-button,css-prop,--background-focused-opacity -ion-button,css-prop,--background-hover -ion-button,css-prop,--background-hover-opacity -ion-button,css-prop,--border-color -ion-button,css-prop,--border-radius -ion-button,css-prop,--border-style -ion-button,css-prop,--border-width -ion-button,css-prop,--box-shadow -ion-button,css-prop,--color -ion-button,css-prop,--color-activated -ion-button,css-prop,--color-focused -ion-button,css-prop,--color-hover -ion-button,css-prop,--opacity -ion-button,css-prop,--padding-bottom -ion-button,css-prop,--padding-end -ion-button,css-prop,--padding-start -ion-button,css-prop,--padding-top -ion-button,css-prop,--ripple-color -ion-button,css-prop,--transition +ion-button,css-prop,--background,ionic +ion-button,css-prop,--background,ios +ion-button,css-prop,--background,md +ion-button,css-prop,--background-activated,ionic +ion-button,css-prop,--background-activated,ios +ion-button,css-prop,--background-activated,md +ion-button,css-prop,--background-activated-opacity,ionic +ion-button,css-prop,--background-activated-opacity,ios +ion-button,css-prop,--background-activated-opacity,md +ion-button,css-prop,--background-focused,ionic +ion-button,css-prop,--background-focused,ios +ion-button,css-prop,--background-focused,md +ion-button,css-prop,--background-focused-opacity,ionic +ion-button,css-prop,--background-focused-opacity,ios +ion-button,css-prop,--background-focused-opacity,md +ion-button,css-prop,--background-hover,ionic +ion-button,css-prop,--background-hover,ios +ion-button,css-prop,--background-hover,md +ion-button,css-prop,--background-hover-opacity,ionic +ion-button,css-prop,--background-hover-opacity,ios +ion-button,css-prop,--background-hover-opacity,md +ion-button,css-prop,--border-color,ionic +ion-button,css-prop,--border-color,ios +ion-button,css-prop,--border-color,md +ion-button,css-prop,--border-radius,ionic +ion-button,css-prop,--border-radius,ios +ion-button,css-prop,--border-radius,md +ion-button,css-prop,--border-style,ionic +ion-button,css-prop,--border-style,ios +ion-button,css-prop,--border-style,md +ion-button,css-prop,--border-width,ionic +ion-button,css-prop,--border-width,ios +ion-button,css-prop,--border-width,md +ion-button,css-prop,--box-shadow,ionic +ion-button,css-prop,--box-shadow,ios +ion-button,css-prop,--box-shadow,md +ion-button,css-prop,--color,ionic +ion-button,css-prop,--color,ios +ion-button,css-prop,--color,md +ion-button,css-prop,--color-activated,ionic +ion-button,css-prop,--color-activated,ios +ion-button,css-prop,--color-activated,md +ion-button,css-prop,--color-focused,ionic +ion-button,css-prop,--color-focused,ios +ion-button,css-prop,--color-focused,md +ion-button,css-prop,--color-hover,ionic +ion-button,css-prop,--color-hover,ios +ion-button,css-prop,--color-hover,md +ion-button,css-prop,--opacity,ionic +ion-button,css-prop,--opacity,ios +ion-button,css-prop,--opacity,md +ion-button,css-prop,--padding-bottom,ionic +ion-button,css-prop,--padding-bottom,ios +ion-button,css-prop,--padding-bottom,md +ion-button,css-prop,--padding-end,ionic +ion-button,css-prop,--padding-end,ios +ion-button,css-prop,--padding-end,md +ion-button,css-prop,--padding-start,ionic +ion-button,css-prop,--padding-start,ios +ion-button,css-prop,--padding-start,md +ion-button,css-prop,--padding-top,ionic +ion-button,css-prop,--padding-top,ios +ion-button,css-prop,--padding-top,md +ion-button,css-prop,--ripple-color,ionic +ion-button,css-prop,--ripple-color,ios +ion-button,css-prop,--ripple-color,md +ion-button,css-prop,--transition,ionic +ion-button,css-prop,--transition,ios +ion-button,css-prop,--transition,md ion-button,part,native ion-buttons,scoped @@ -286,8 +484,10 @@ ion-card,prop,shape,"rectangular" | "round" | undefined,undefined,false,true ion-card,prop,target,string | undefined,undefined,false,false ion-card,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-card,prop,type,"button" | "reset" | "submit",'button',false,false -ion-card,css-prop,--background -ion-card,css-prop,--color +ion-card,css-prop,--background,ios +ion-card,css-prop,--background,md +ion-card,css-prop,--color,ios +ion-card,css-prop,--color,md ion-card,part,native ion-card-content,none @@ -304,13 +504,17 @@ ion-card-subtitle,shadow ion-card-subtitle,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record | undefined,undefined,false,true ion-card-subtitle,prop,mode,"ios" | "md",undefined,false,false ion-card-subtitle,prop,theme,"ios" | "md" | "ionic",undefined,false,false -ion-card-subtitle,css-prop,--color +ion-card-subtitle,css-prop,--color,ionic +ion-card-subtitle,css-prop,--color,ios +ion-card-subtitle,css-prop,--color,md ion-card-title,shadow ion-card-title,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record | undefined,undefined,false,true ion-card-title,prop,mode,"ios" | "md",undefined,false,false ion-card-title,prop,theme,"ios" | "md" | "ionic",undefined,false,false -ion-card-title,css-prop,--color +ion-card-title,css-prop,--color,ionic +ion-card-title,css-prop,--color,ios +ion-card-title,css-prop,--color,md ion-checkbox,shadow ion-checkbox,prop,alignment,"center" | "start",'center',false,false @@ -329,17 +533,39 @@ ion-checkbox,prop,value,any,'on',false,false ion-checkbox,event,ionBlur,void,true ion-checkbox,event,ionChange,CheckboxChangeEventDetail,true ion-checkbox,event,ionFocus,void,true -ion-checkbox,css-prop,--border-color -ion-checkbox,css-prop,--border-color-checked -ion-checkbox,css-prop,--border-radius -ion-checkbox,css-prop,--border-style -ion-checkbox,css-prop,--border-width -ion-checkbox,css-prop,--checkbox-background -ion-checkbox,css-prop,--checkbox-background-checked -ion-checkbox,css-prop,--checkmark-color -ion-checkbox,css-prop,--checkmark-width -ion-checkbox,css-prop,--size -ion-checkbox,css-prop,--transition +ion-checkbox,css-prop,--border-color,ionic +ion-checkbox,css-prop,--border-color,ios +ion-checkbox,css-prop,--border-color,md +ion-checkbox,css-prop,--border-color-checked,ionic +ion-checkbox,css-prop,--border-color-checked,ios +ion-checkbox,css-prop,--border-color-checked,md +ion-checkbox,css-prop,--border-radius,ionic +ion-checkbox,css-prop,--border-radius,ios +ion-checkbox,css-prop,--border-radius,md +ion-checkbox,css-prop,--border-style,ionic +ion-checkbox,css-prop,--border-style,ios +ion-checkbox,css-prop,--border-style,md +ion-checkbox,css-prop,--border-width,ionic +ion-checkbox,css-prop,--border-width,ios +ion-checkbox,css-prop,--border-width,md +ion-checkbox,css-prop,--checkbox-background,ionic +ion-checkbox,css-prop,--checkbox-background,ios +ion-checkbox,css-prop,--checkbox-background,md +ion-checkbox,css-prop,--checkbox-background-checked,ionic +ion-checkbox,css-prop,--checkbox-background-checked,ios +ion-checkbox,css-prop,--checkbox-background-checked,md +ion-checkbox,css-prop,--checkmark-color,ionic +ion-checkbox,css-prop,--checkmark-color,ios +ion-checkbox,css-prop,--checkmark-color,md +ion-checkbox,css-prop,--checkmark-width,ionic +ion-checkbox,css-prop,--checkmark-width,ios +ion-checkbox,css-prop,--checkmark-width,md +ion-checkbox,css-prop,--size,ionic +ion-checkbox,css-prop,--size,ios +ion-checkbox,css-prop,--size,md +ion-checkbox,css-prop,--transition,ionic +ion-checkbox,css-prop,--transition,ios +ion-checkbox,css-prop,--transition,md ion-checkbox,part,container ion-checkbox,part,label ion-checkbox,part,mark @@ -351,8 +577,10 @@ ion-chip,prop,mode,"ios" | "md",undefined,false,false ion-chip,prop,outline,boolean,false,false,false ion-chip,prop,shape,"rectangular" | "round" | undefined,undefined,false,false ion-chip,prop,theme,"ios" | "md" | "ionic",undefined,false,false -ion-chip,css-prop,--background -ion-chip,css-prop,--color +ion-chip,css-prop,--background,ios +ion-chip,css-prop,--background,md +ion-chip,css-prop,--color,ios +ion-chip,css-prop,--color,md ion-col,shadow ion-col,prop,mode,"ios" | "md",undefined,false,false @@ -459,12 +687,24 @@ ion-datetime,event,ionBlur,void,true ion-datetime,event,ionCancel,void,true ion-datetime,event,ionChange,DatetimeChangeEventDetail,true ion-datetime,event,ionFocus,void,true -ion-datetime,css-prop,--background -ion-datetime,css-prop,--background-rgb -ion-datetime,css-prop,--title-color -ion-datetime,css-prop,--wheel-fade-background-rgb -ion-datetime,css-prop,--wheel-highlight-background -ion-datetime,css-prop,--wheel-highlight-border-radius +ion-datetime,css-prop,--background,ionic +ion-datetime,css-prop,--background,ios +ion-datetime,css-prop,--background,md +ion-datetime,css-prop,--background-rgb,ionic +ion-datetime,css-prop,--background-rgb,ios +ion-datetime,css-prop,--background-rgb,md +ion-datetime,css-prop,--title-color,ionic +ion-datetime,css-prop,--title-color,ios +ion-datetime,css-prop,--title-color,md +ion-datetime,css-prop,--wheel-fade-background-rgb,ionic +ion-datetime,css-prop,--wheel-fade-background-rgb,ios +ion-datetime,css-prop,--wheel-fade-background-rgb,md +ion-datetime,css-prop,--wheel-highlight-background,ionic +ion-datetime,css-prop,--wheel-highlight-background,ios +ion-datetime,css-prop,--wheel-highlight-background,md +ion-datetime,css-prop,--wheel-highlight-border-radius,ionic +ion-datetime,css-prop,--wheel-highlight-border-radius,ios +ion-datetime,css-prop,--wheel-highlight-border-radius,md ion-datetime,part,calendar-day ion-datetime,part,calendar-day active ion-datetime,part,calendar-day disabled @@ -511,29 +751,75 @@ ion-fab-button,prop,translucent,boolean,false,false,false ion-fab-button,prop,type,"button" | "reset" | "submit",'button',false,false ion-fab-button,event,ionBlur,void,true ion-fab-button,event,ionFocus,void,true -ion-fab-button,css-prop,--background -ion-fab-button,css-prop,--background-activated -ion-fab-button,css-prop,--background-activated-opacity -ion-fab-button,css-prop,--background-focused -ion-fab-button,css-prop,--background-focused-opacity -ion-fab-button,css-prop,--background-hover -ion-fab-button,css-prop,--background-hover-opacity -ion-fab-button,css-prop,--border-color -ion-fab-button,css-prop,--border-radius -ion-fab-button,css-prop,--border-style -ion-fab-button,css-prop,--border-width -ion-fab-button,css-prop,--box-shadow -ion-fab-button,css-prop,--close-icon-font-size -ion-fab-button,css-prop,--color -ion-fab-button,css-prop,--color-activated -ion-fab-button,css-prop,--color-focused -ion-fab-button,css-prop,--color-hover -ion-fab-button,css-prop,--padding-bottom -ion-fab-button,css-prop,--padding-end -ion-fab-button,css-prop,--padding-start -ion-fab-button,css-prop,--padding-top -ion-fab-button,css-prop,--ripple-color -ion-fab-button,css-prop,--transition +ion-fab-button,css-prop,--background,ionic +ion-fab-button,css-prop,--background,ios +ion-fab-button,css-prop,--background,md +ion-fab-button,css-prop,--background-activated,ionic +ion-fab-button,css-prop,--background-activated,ios +ion-fab-button,css-prop,--background-activated,md +ion-fab-button,css-prop,--background-activated-opacity,ionic +ion-fab-button,css-prop,--background-activated-opacity,ios +ion-fab-button,css-prop,--background-activated-opacity,md +ion-fab-button,css-prop,--background-focused,ionic +ion-fab-button,css-prop,--background-focused,ios +ion-fab-button,css-prop,--background-focused,md +ion-fab-button,css-prop,--background-focused-opacity,ionic +ion-fab-button,css-prop,--background-focused-opacity,ios +ion-fab-button,css-prop,--background-focused-opacity,md +ion-fab-button,css-prop,--background-hover,ionic +ion-fab-button,css-prop,--background-hover,ios +ion-fab-button,css-prop,--background-hover,md +ion-fab-button,css-prop,--background-hover-opacity,ionic +ion-fab-button,css-prop,--background-hover-opacity,ios +ion-fab-button,css-prop,--background-hover-opacity,md +ion-fab-button,css-prop,--border-color,ionic +ion-fab-button,css-prop,--border-color,ios +ion-fab-button,css-prop,--border-color,md +ion-fab-button,css-prop,--border-radius,ionic +ion-fab-button,css-prop,--border-radius,ios +ion-fab-button,css-prop,--border-radius,md +ion-fab-button,css-prop,--border-style,ionic +ion-fab-button,css-prop,--border-style,ios +ion-fab-button,css-prop,--border-style,md +ion-fab-button,css-prop,--border-width,ionic +ion-fab-button,css-prop,--border-width,ios +ion-fab-button,css-prop,--border-width,md +ion-fab-button,css-prop,--box-shadow,ionic +ion-fab-button,css-prop,--box-shadow,ios +ion-fab-button,css-prop,--box-shadow,md +ion-fab-button,css-prop,--close-icon-font-size,ionic +ion-fab-button,css-prop,--close-icon-font-size,ios +ion-fab-button,css-prop,--close-icon-font-size,md +ion-fab-button,css-prop,--color,ionic +ion-fab-button,css-prop,--color,ios +ion-fab-button,css-prop,--color,md +ion-fab-button,css-prop,--color-activated,ionic +ion-fab-button,css-prop,--color-activated,ios +ion-fab-button,css-prop,--color-activated,md +ion-fab-button,css-prop,--color-focused,ionic +ion-fab-button,css-prop,--color-focused,ios +ion-fab-button,css-prop,--color-focused,md +ion-fab-button,css-prop,--color-hover,ionic +ion-fab-button,css-prop,--color-hover,ios +ion-fab-button,css-prop,--color-hover,md +ion-fab-button,css-prop,--padding-bottom,ionic +ion-fab-button,css-prop,--padding-bottom,ios +ion-fab-button,css-prop,--padding-bottom,md +ion-fab-button,css-prop,--padding-end,ionic +ion-fab-button,css-prop,--padding-end,ios +ion-fab-button,css-prop,--padding-end,md +ion-fab-button,css-prop,--padding-start,ionic +ion-fab-button,css-prop,--padding-start,ios +ion-fab-button,css-prop,--padding-start,md +ion-fab-button,css-prop,--padding-top,ionic +ion-fab-button,css-prop,--padding-top,ios +ion-fab-button,css-prop,--padding-top,md +ion-fab-button,css-prop,--ripple-color,ionic +ion-fab-button,css-prop,--ripple-color,ios +ion-fab-button,css-prop,--ripple-color,md +ion-fab-button,css-prop,--transition,ionic +ion-fab-button,css-prop,--transition,ios +ion-fab-button,css-prop,--transition,md ion-fab-button,part,close-icon ion-fab-button,part,native @@ -640,24 +926,60 @@ ion-input,event,ionBlur,FocusEvent,true ion-input,event,ionChange,InputChangeEventDetail,true ion-input,event,ionFocus,FocusEvent,true ion-input,event,ionInput,InputInputEventDetail,true -ion-input,css-prop,--background -ion-input,css-prop,--border-color -ion-input,css-prop,--border-radius -ion-input,css-prop,--border-style -ion-input,css-prop,--border-width -ion-input,css-prop,--color -ion-input,css-prop,--highlight-color-focused -ion-input,css-prop,--highlight-color-invalid -ion-input,css-prop,--highlight-color-valid -ion-input,css-prop,--highlight-height -ion-input,css-prop,--padding-bottom -ion-input,css-prop,--padding-end -ion-input,css-prop,--padding-start -ion-input,css-prop,--padding-top -ion-input,css-prop,--placeholder-color -ion-input,css-prop,--placeholder-font-style -ion-input,css-prop,--placeholder-font-weight -ion-input,css-prop,--placeholder-opacity +ion-input,css-prop,--background,ionic +ion-input,css-prop,--background,ios +ion-input,css-prop,--background,md +ion-input,css-prop,--border-color,ionic +ion-input,css-prop,--border-color,ios +ion-input,css-prop,--border-color,md +ion-input,css-prop,--border-radius,ionic +ion-input,css-prop,--border-radius,ios +ion-input,css-prop,--border-radius,md +ion-input,css-prop,--border-style,ionic +ion-input,css-prop,--border-style,ios +ion-input,css-prop,--border-style,md +ion-input,css-prop,--border-width,ionic +ion-input,css-prop,--border-width,ios +ion-input,css-prop,--border-width,md +ion-input,css-prop,--color,ionic +ion-input,css-prop,--color,ios +ion-input,css-prop,--color,md +ion-input,css-prop,--highlight-color-focused,ionic +ion-input,css-prop,--highlight-color-focused,ios +ion-input,css-prop,--highlight-color-focused,md +ion-input,css-prop,--highlight-color-invalid,ionic +ion-input,css-prop,--highlight-color-invalid,ios +ion-input,css-prop,--highlight-color-invalid,md +ion-input,css-prop,--highlight-color-valid,ionic +ion-input,css-prop,--highlight-color-valid,ios +ion-input,css-prop,--highlight-color-valid,md +ion-input,css-prop,--highlight-height,ionic +ion-input,css-prop,--highlight-height,ios +ion-input,css-prop,--highlight-height,md +ion-input,css-prop,--padding-bottom,ionic +ion-input,css-prop,--padding-bottom,ios +ion-input,css-prop,--padding-bottom,md +ion-input,css-prop,--padding-end,ionic +ion-input,css-prop,--padding-end,ios +ion-input,css-prop,--padding-end,md +ion-input,css-prop,--padding-start,ionic +ion-input,css-prop,--padding-start,ios +ion-input,css-prop,--padding-start,md +ion-input,css-prop,--padding-top,ionic +ion-input,css-prop,--padding-top,ios +ion-input,css-prop,--padding-top,md +ion-input,css-prop,--placeholder-color,ionic +ion-input,css-prop,--placeholder-color,ios +ion-input,css-prop,--placeholder-color,md +ion-input,css-prop,--placeholder-font-style,ionic +ion-input,css-prop,--placeholder-font-style,ios +ion-input,css-prop,--placeholder-font-style,md +ion-input,css-prop,--placeholder-font-weight,ionic +ion-input,css-prop,--placeholder-font-weight,ios +ion-input,css-prop,--placeholder-font-weight,md +ion-input,css-prop,--placeholder-opacity,ionic +ion-input,css-prop,--placeholder-opacity,ios +ion-input,css-prop,--placeholder-opacity,md ion-input-password-toggle,shadow ion-input-password-toggle,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record | undefined,undefined,false,true @@ -681,37 +1003,99 @@ ion-item,prop,routerDirection,"back" | "forward" | "root",'forward',false,false ion-item,prop,target,string | undefined,undefined,false,false ion-item,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-item,prop,type,"button" | "reset" | "submit",'button',false,false -ion-item,css-prop,--background -ion-item,css-prop,--background-activated -ion-item,css-prop,--background-activated-opacity -ion-item,css-prop,--background-focused -ion-item,css-prop,--background-focused-opacity -ion-item,css-prop,--background-hover -ion-item,css-prop,--background-hover-opacity -ion-item,css-prop,--border-color -ion-item,css-prop,--border-radius -ion-item,css-prop,--border-style -ion-item,css-prop,--border-width -ion-item,css-prop,--color -ion-item,css-prop,--color-activated -ion-item,css-prop,--color-focused -ion-item,css-prop,--color-hover -ion-item,css-prop,--detail-icon-color -ion-item,css-prop,--detail-icon-font-size -ion-item,css-prop,--detail-icon-opacity -ion-item,css-prop,--inner-border-width -ion-item,css-prop,--inner-box-shadow -ion-item,css-prop,--inner-padding-bottom -ion-item,css-prop,--inner-padding-end -ion-item,css-prop,--inner-padding-start -ion-item,css-prop,--inner-padding-top -ion-item,css-prop,--min-height -ion-item,css-prop,--padding-bottom -ion-item,css-prop,--padding-end -ion-item,css-prop,--padding-start -ion-item,css-prop,--padding-top -ion-item,css-prop,--ripple-color -ion-item,css-prop,--transition +ion-item,css-prop,--background,ionic +ion-item,css-prop,--background,ios +ion-item,css-prop,--background,md +ion-item,css-prop,--background-activated,ionic +ion-item,css-prop,--background-activated,ios +ion-item,css-prop,--background-activated,md +ion-item,css-prop,--background-activated-opacity,ionic +ion-item,css-prop,--background-activated-opacity,ios +ion-item,css-prop,--background-activated-opacity,md +ion-item,css-prop,--background-focused,ionic +ion-item,css-prop,--background-focused,ios +ion-item,css-prop,--background-focused,md +ion-item,css-prop,--background-focused-opacity,ionic +ion-item,css-prop,--background-focused-opacity,ios +ion-item,css-prop,--background-focused-opacity,md +ion-item,css-prop,--background-hover,ionic +ion-item,css-prop,--background-hover,ios +ion-item,css-prop,--background-hover,md +ion-item,css-prop,--background-hover-opacity,ionic +ion-item,css-prop,--background-hover-opacity,ios +ion-item,css-prop,--background-hover-opacity,md +ion-item,css-prop,--border-color,ionic +ion-item,css-prop,--border-color,ios +ion-item,css-prop,--border-color,md +ion-item,css-prop,--border-radius,ionic +ion-item,css-prop,--border-radius,ios +ion-item,css-prop,--border-radius,md +ion-item,css-prop,--border-style,ionic +ion-item,css-prop,--border-style,ios +ion-item,css-prop,--border-style,md +ion-item,css-prop,--border-width,ionic +ion-item,css-prop,--border-width,ios +ion-item,css-prop,--border-width,md +ion-item,css-prop,--color,ionic +ion-item,css-prop,--color,ios +ion-item,css-prop,--color,md +ion-item,css-prop,--color-activated,ionic +ion-item,css-prop,--color-activated,ios +ion-item,css-prop,--color-activated,md +ion-item,css-prop,--color-focused,ionic +ion-item,css-prop,--color-focused,ios +ion-item,css-prop,--color-focused,md +ion-item,css-prop,--color-hover,ionic +ion-item,css-prop,--color-hover,ios +ion-item,css-prop,--color-hover,md +ion-item,css-prop,--detail-icon-color,ionic +ion-item,css-prop,--detail-icon-color,ios +ion-item,css-prop,--detail-icon-color,md +ion-item,css-prop,--detail-icon-font-size,ionic +ion-item,css-prop,--detail-icon-font-size,ios +ion-item,css-prop,--detail-icon-font-size,md +ion-item,css-prop,--detail-icon-opacity,ionic +ion-item,css-prop,--detail-icon-opacity,ios +ion-item,css-prop,--detail-icon-opacity,md +ion-item,css-prop,--inner-border-width,ionic +ion-item,css-prop,--inner-border-width,ios +ion-item,css-prop,--inner-border-width,md +ion-item,css-prop,--inner-box-shadow,ionic +ion-item,css-prop,--inner-box-shadow,ios +ion-item,css-prop,--inner-box-shadow,md +ion-item,css-prop,--inner-padding-bottom,ionic +ion-item,css-prop,--inner-padding-bottom,ios +ion-item,css-prop,--inner-padding-bottom,md +ion-item,css-prop,--inner-padding-end,ionic +ion-item,css-prop,--inner-padding-end,ios +ion-item,css-prop,--inner-padding-end,md +ion-item,css-prop,--inner-padding-start,ionic +ion-item,css-prop,--inner-padding-start,ios +ion-item,css-prop,--inner-padding-start,md +ion-item,css-prop,--inner-padding-top,ionic +ion-item,css-prop,--inner-padding-top,ios +ion-item,css-prop,--inner-padding-top,md +ion-item,css-prop,--min-height,ionic +ion-item,css-prop,--min-height,ios +ion-item,css-prop,--min-height,md +ion-item,css-prop,--padding-bottom,ionic +ion-item,css-prop,--padding-bottom,ios +ion-item,css-prop,--padding-bottom,md +ion-item,css-prop,--padding-end,ionic +ion-item,css-prop,--padding-end,ios +ion-item,css-prop,--padding-end,md +ion-item,css-prop,--padding-start,ionic +ion-item,css-prop,--padding-start,ios +ion-item,css-prop,--padding-start,md +ion-item,css-prop,--padding-top,ionic +ion-item,css-prop,--padding-top,ios +ion-item,css-prop,--padding-top,md +ion-item,css-prop,--ripple-color,ionic +ion-item,css-prop,--ripple-color,ios +ion-item,css-prop,--ripple-color,md +ion-item,css-prop,--transition,ionic +ion-item,css-prop,--transition,ios +ion-item,css-prop,--transition,md ion-item,part,detail-icon ion-item,part,native @@ -720,16 +1104,36 @@ ion-item-divider,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | ion-item-divider,prop,mode,"ios" | "md",undefined,false,false ion-item-divider,prop,sticky,boolean,false,false,false ion-item-divider,prop,theme,"ios" | "md" | "ionic",undefined,false,false -ion-item-divider,css-prop,--background -ion-item-divider,css-prop,--color -ion-item-divider,css-prop,--inner-padding-bottom -ion-item-divider,css-prop,--inner-padding-end -ion-item-divider,css-prop,--inner-padding-start -ion-item-divider,css-prop,--inner-padding-top -ion-item-divider,css-prop,--padding-bottom -ion-item-divider,css-prop,--padding-end -ion-item-divider,css-prop,--padding-start -ion-item-divider,css-prop,--padding-top +ion-item-divider,css-prop,--background,ionic +ion-item-divider,css-prop,--background,ios +ion-item-divider,css-prop,--background,md +ion-item-divider,css-prop,--color,ionic +ion-item-divider,css-prop,--color,ios +ion-item-divider,css-prop,--color,md +ion-item-divider,css-prop,--inner-padding-bottom,ionic +ion-item-divider,css-prop,--inner-padding-bottom,ios +ion-item-divider,css-prop,--inner-padding-bottom,md +ion-item-divider,css-prop,--inner-padding-end,ionic +ion-item-divider,css-prop,--inner-padding-end,ios +ion-item-divider,css-prop,--inner-padding-end,md +ion-item-divider,css-prop,--inner-padding-start,ionic +ion-item-divider,css-prop,--inner-padding-start,ios +ion-item-divider,css-prop,--inner-padding-start,md +ion-item-divider,css-prop,--inner-padding-top,ionic +ion-item-divider,css-prop,--inner-padding-top,ios +ion-item-divider,css-prop,--inner-padding-top,md +ion-item-divider,css-prop,--padding-bottom,ionic +ion-item-divider,css-prop,--padding-bottom,ios +ion-item-divider,css-prop,--padding-bottom,md +ion-item-divider,css-prop,--padding-end,ionic +ion-item-divider,css-prop,--padding-end,ios +ion-item-divider,css-prop,--padding-end,md +ion-item-divider,css-prop,--padding-start,ionic +ion-item-divider,css-prop,--padding-start,ios +ion-item-divider,css-prop,--padding-start,md +ion-item-divider,css-prop,--padding-top,ionic +ion-item-divider,css-prop,--padding-top,ios +ion-item-divider,css-prop,--padding-top,md ion-item-group,none ion-item-group,prop,mode,"ios" | "md",undefined,false,false @@ -746,8 +1150,12 @@ ion-item-option,prop,rel,string | undefined,undefined,false,false ion-item-option,prop,target,string | undefined,undefined,false,false ion-item-option,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-item-option,prop,type,"button" | "reset" | "submit",'button',false,false -ion-item-option,css-prop,--background -ion-item-option,css-prop,--color +ion-item-option,css-prop,--background,ionic +ion-item-option,css-prop,--background,ios +ion-item-option,css-prop,--background,md +ion-item-option,css-prop,--color,ionic +ion-item-option,css-prop,--color,ios +ion-item-option,css-prop,--color,md ion-item-option,part,native ion-item-options,none @@ -772,7 +1180,9 @@ ion-label,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secon ion-label,prop,mode,"ios" | "md",undefined,false,false ion-label,prop,position,"fixed" | "floating" | "stacked" | undefined,undefined,false,false ion-label,prop,theme,"ios" | "md" | "ionic",undefined,false,false -ion-label,css-prop,--color +ion-label,css-prop,--color,ionic +ion-label,css-prop,--color,ios +ion-label,css-prop,--color,md ion-list,none ion-list,prop,inset,boolean,false,false,false @@ -786,12 +1196,24 @@ ion-list-header,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | ion-list-header,prop,lines,"full" | "inset" | "none" | undefined,undefined,false,false ion-list-header,prop,mode,"ios" | "md",undefined,false,false ion-list-header,prop,theme,"ios" | "md" | "ionic",undefined,false,false -ion-list-header,css-prop,--background -ion-list-header,css-prop,--border-color -ion-list-header,css-prop,--border-style -ion-list-header,css-prop,--border-width -ion-list-header,css-prop,--color -ion-list-header,css-prop,--inner-border-width +ion-list-header,css-prop,--background,ionic +ion-list-header,css-prop,--background,ios +ion-list-header,css-prop,--background,md +ion-list-header,css-prop,--border-color,ionic +ion-list-header,css-prop,--border-color,ios +ion-list-header,css-prop,--border-color,md +ion-list-header,css-prop,--border-style,ionic +ion-list-header,css-prop,--border-style,ios +ion-list-header,css-prop,--border-style,md +ion-list-header,css-prop,--border-width,ionic +ion-list-header,css-prop,--border-width,ios +ion-list-header,css-prop,--border-width,md +ion-list-header,css-prop,--color,ionic +ion-list-header,css-prop,--color,ios +ion-list-header,css-prop,--color,md +ion-list-header,css-prop,--inner-border-width,ionic +ion-list-header,css-prop,--inner-border-width,ios +ion-list-header,css-prop,--inner-border-width,md ion-loading,scoped ion-loading,prop,animated,boolean,true,false,false @@ -822,15 +1244,33 @@ ion-loading,event,ionLoadingWillDismiss,OverlayEventDetail,true ion-loading,event,ionLoadingWillPresent,void,true ion-loading,event,willDismiss,OverlayEventDetail,true ion-loading,event,willPresent,void,true -ion-loading,css-prop,--backdrop-opacity -ion-loading,css-prop,--background -ion-loading,css-prop,--height -ion-loading,css-prop,--max-height -ion-loading,css-prop,--max-width -ion-loading,css-prop,--min-height -ion-loading,css-prop,--min-width -ion-loading,css-prop,--spinner-color -ion-loading,css-prop,--width +ion-loading,css-prop,--backdrop-opacity,ionic +ion-loading,css-prop,--backdrop-opacity,ios +ion-loading,css-prop,--backdrop-opacity,md +ion-loading,css-prop,--background,ionic +ion-loading,css-prop,--background,ios +ion-loading,css-prop,--background,md +ion-loading,css-prop,--height,ionic +ion-loading,css-prop,--height,ios +ion-loading,css-prop,--height,md +ion-loading,css-prop,--max-height,ionic +ion-loading,css-prop,--max-height,ios +ion-loading,css-prop,--max-height,md +ion-loading,css-prop,--max-width,ionic +ion-loading,css-prop,--max-width,ios +ion-loading,css-prop,--max-width,md +ion-loading,css-prop,--min-height,ionic +ion-loading,css-prop,--min-height,ios +ion-loading,css-prop,--min-height,md +ion-loading,css-prop,--min-width,ionic +ion-loading,css-prop,--min-width,ios +ion-loading,css-prop,--min-width,md +ion-loading,css-prop,--spinner-color,ionic +ion-loading,css-prop,--spinner-color,ios +ion-loading,css-prop,--spinner-color,md +ion-loading,css-prop,--width,ionic +ion-loading,css-prop,--width,ios +ion-loading,css-prop,--width,md ion-menu,shadow ion-menu,prop,contentId,string | undefined,undefined,false,true @@ -852,13 +1292,27 @@ ion-menu,event,ionDidClose,void,true ion-menu,event,ionDidOpen,void,true ion-menu,event,ionWillClose,void,true ion-menu,event,ionWillOpen,void,true -ion-menu,css-prop,--background -ion-menu,css-prop,--height -ion-menu,css-prop,--max-height -ion-menu,css-prop,--max-width -ion-menu,css-prop,--min-height -ion-menu,css-prop,--min-width -ion-menu,css-prop,--width +ion-menu,css-prop,--background,ionic +ion-menu,css-prop,--background,ios +ion-menu,css-prop,--background,md +ion-menu,css-prop,--height,ionic +ion-menu,css-prop,--height,ios +ion-menu,css-prop,--height,md +ion-menu,css-prop,--max-height,ionic +ion-menu,css-prop,--max-height,ios +ion-menu,css-prop,--max-height,md +ion-menu,css-prop,--max-width,ionic +ion-menu,css-prop,--max-width,ios +ion-menu,css-prop,--max-width,md +ion-menu,css-prop,--min-height,ionic +ion-menu,css-prop,--min-height,ios +ion-menu,css-prop,--min-height,md +ion-menu,css-prop,--min-width,ionic +ion-menu,css-prop,--min-width,ios +ion-menu,css-prop,--min-width,md +ion-menu,css-prop,--width,ionic +ion-menu,css-prop,--width,ios +ion-menu,css-prop,--width,md ion-menu,part,backdrop ion-menu,part,container @@ -870,19 +1324,45 @@ ion-menu-button,prop,menu,string | undefined,undefined,false,false ion-menu-button,prop,mode,"ios" | "md",undefined,false,false ion-menu-button,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-menu-button,prop,type,"button" | "reset" | "submit",'button',false,false -ion-menu-button,css-prop,--background -ion-menu-button,css-prop,--background-focused -ion-menu-button,css-prop,--background-focused-opacity -ion-menu-button,css-prop,--background-hover -ion-menu-button,css-prop,--background-hover-opacity -ion-menu-button,css-prop,--border-radius -ion-menu-button,css-prop,--color -ion-menu-button,css-prop,--color-focused -ion-menu-button,css-prop,--color-hover -ion-menu-button,css-prop,--padding-bottom -ion-menu-button,css-prop,--padding-end -ion-menu-button,css-prop,--padding-start -ion-menu-button,css-prop,--padding-top +ion-menu-button,css-prop,--background,ionic +ion-menu-button,css-prop,--background,ios +ion-menu-button,css-prop,--background,md +ion-menu-button,css-prop,--background-focused,ionic +ion-menu-button,css-prop,--background-focused,ios +ion-menu-button,css-prop,--background-focused,md +ion-menu-button,css-prop,--background-focused-opacity,ionic +ion-menu-button,css-prop,--background-focused-opacity,ios +ion-menu-button,css-prop,--background-focused-opacity,md +ion-menu-button,css-prop,--background-hover,ionic +ion-menu-button,css-prop,--background-hover,ios +ion-menu-button,css-prop,--background-hover,md +ion-menu-button,css-prop,--background-hover-opacity,ionic +ion-menu-button,css-prop,--background-hover-opacity,ios +ion-menu-button,css-prop,--background-hover-opacity,md +ion-menu-button,css-prop,--border-radius,ionic +ion-menu-button,css-prop,--border-radius,ios +ion-menu-button,css-prop,--border-radius,md +ion-menu-button,css-prop,--color,ionic +ion-menu-button,css-prop,--color,ios +ion-menu-button,css-prop,--color,md +ion-menu-button,css-prop,--color-focused,ionic +ion-menu-button,css-prop,--color-focused,ios +ion-menu-button,css-prop,--color-focused,md +ion-menu-button,css-prop,--color-hover,ionic +ion-menu-button,css-prop,--color-hover,ios +ion-menu-button,css-prop,--color-hover,md +ion-menu-button,css-prop,--padding-bottom,ionic +ion-menu-button,css-prop,--padding-bottom,ios +ion-menu-button,css-prop,--padding-bottom,md +ion-menu-button,css-prop,--padding-end,ionic +ion-menu-button,css-prop,--padding-end,ios +ion-menu-button,css-prop,--padding-end,md +ion-menu-button,css-prop,--padding-start,ionic +ion-menu-button,css-prop,--padding-start,ios +ion-menu-button,css-prop,--padding-start,md +ion-menu-button,css-prop,--padding-top,ionic +ion-menu-button,css-prop,--padding-top,ios +ion-menu-button,css-prop,--padding-top,md ion-menu-button,part,icon ion-menu-button,part,native @@ -928,18 +1408,42 @@ ion-modal,event,ionModalWillDismiss,OverlayEventDetail,true ion-modal,event,ionModalWillPresent,void,true ion-modal,event,willDismiss,OverlayEventDetail,true ion-modal,event,willPresent,void,true -ion-modal,css-prop,--backdrop-opacity -ion-modal,css-prop,--background -ion-modal,css-prop,--border-color -ion-modal,css-prop,--border-radius -ion-modal,css-prop,--border-style -ion-modal,css-prop,--border-width -ion-modal,css-prop,--height -ion-modal,css-prop,--max-height -ion-modal,css-prop,--max-width -ion-modal,css-prop,--min-height -ion-modal,css-prop,--min-width -ion-modal,css-prop,--width +ion-modal,css-prop,--backdrop-opacity,ionic +ion-modal,css-prop,--backdrop-opacity,ios +ion-modal,css-prop,--backdrop-opacity,md +ion-modal,css-prop,--background,ionic +ion-modal,css-prop,--background,ios +ion-modal,css-prop,--background,md +ion-modal,css-prop,--border-color,ionic +ion-modal,css-prop,--border-color,ios +ion-modal,css-prop,--border-color,md +ion-modal,css-prop,--border-radius,ionic +ion-modal,css-prop,--border-radius,ios +ion-modal,css-prop,--border-radius,md +ion-modal,css-prop,--border-style,ionic +ion-modal,css-prop,--border-style,ios +ion-modal,css-prop,--border-style,md +ion-modal,css-prop,--border-width,ionic +ion-modal,css-prop,--border-width,ios +ion-modal,css-prop,--border-width,md +ion-modal,css-prop,--height,ionic +ion-modal,css-prop,--height,ios +ion-modal,css-prop,--height,md +ion-modal,css-prop,--max-height,ionic +ion-modal,css-prop,--max-height,ios +ion-modal,css-prop,--max-height,md +ion-modal,css-prop,--max-width,ionic +ion-modal,css-prop,--max-width,ios +ion-modal,css-prop,--max-width,md +ion-modal,css-prop,--min-height,ionic +ion-modal,css-prop,--min-height,ios +ion-modal,css-prop,--min-height,md +ion-modal,css-prop,--min-width,ionic +ion-modal,css-prop,--min-width,ios +ion-modal,css-prop,--min-width,md +ion-modal,css-prop,--width,ionic +ion-modal,css-prop,--width,ios +ion-modal,css-prop,--width,md ion-modal,part,backdrop ion-modal,part,content ion-modal,part,handle @@ -981,14 +1485,22 @@ ion-note,shadow ion-note,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record | undefined,undefined,false,true ion-note,prop,mode,"ios" | "md",undefined,false,false ion-note,prop,theme,"ios" | "md" | "ionic",undefined,false,false -ion-note,css-prop,--color +ion-note,css-prop,--color,ionic +ion-note,css-prop,--color,ios +ion-note,css-prop,--color,md ion-picker,shadow ion-picker,prop,mode,"ios" | "md",undefined,false,false ion-picker,prop,theme,"ios" | "md" | "ionic",undefined,false,false -ion-picker,css-prop,--fade-background-rgb -ion-picker,css-prop,--highlight-background -ion-picker,css-prop,--highlight-border-radius +ion-picker,css-prop,--fade-background-rgb,ionic +ion-picker,css-prop,--fade-background-rgb,ios +ion-picker,css-prop,--fade-background-rgb,md +ion-picker,css-prop,--highlight-background,ionic +ion-picker,css-prop,--highlight-background,ios +ion-picker,css-prop,--highlight-background,md +ion-picker,css-prop,--highlight-border-radius,ionic +ion-picker,css-prop,--highlight-border-radius,ios +ion-picker,css-prop,--highlight-border-radius,md ion-picker-column,shadow ion-picker-column,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record | undefined,'primary',false,true @@ -1035,19 +1547,32 @@ ion-picker-legacy,event,ionPickerWillDismiss,OverlayEventDetail,true ion-picker-legacy,event,ionPickerWillPresent,void,true ion-picker-legacy,event,willDismiss,OverlayEventDetail,true ion-picker-legacy,event,willPresent,void,true -ion-picker-legacy,css-prop,--backdrop-opacity -ion-picker-legacy,css-prop,--background -ion-picker-legacy,css-prop,--background-rgb -ion-picker-legacy,css-prop,--border-color -ion-picker-legacy,css-prop,--border-radius -ion-picker-legacy,css-prop,--border-style -ion-picker-legacy,css-prop,--border-width -ion-picker-legacy,css-prop,--height -ion-picker-legacy,css-prop,--max-height -ion-picker-legacy,css-prop,--max-width -ion-picker-legacy,css-prop,--min-height -ion-picker-legacy,css-prop,--min-width -ion-picker-legacy,css-prop,--width +ion-picker-legacy,css-prop,--backdrop-opacity,ios +ion-picker-legacy,css-prop,--backdrop-opacity,md +ion-picker-legacy,css-prop,--background,ios +ion-picker-legacy,css-prop,--background,md +ion-picker-legacy,css-prop,--background-rgb,ios +ion-picker-legacy,css-prop,--background-rgb,md +ion-picker-legacy,css-prop,--border-color,ios +ion-picker-legacy,css-prop,--border-color,md +ion-picker-legacy,css-prop,--border-radius,ios +ion-picker-legacy,css-prop,--border-radius,md +ion-picker-legacy,css-prop,--border-style,ios +ion-picker-legacy,css-prop,--border-style,md +ion-picker-legacy,css-prop,--border-width,ios +ion-picker-legacy,css-prop,--border-width,md +ion-picker-legacy,css-prop,--height,ios +ion-picker-legacy,css-prop,--height,md +ion-picker-legacy,css-prop,--max-height,ios +ion-picker-legacy,css-prop,--max-height,md +ion-picker-legacy,css-prop,--max-width,ios +ion-picker-legacy,css-prop,--max-width,md +ion-picker-legacy,css-prop,--min-height,ios +ion-picker-legacy,css-prop,--min-height,md +ion-picker-legacy,css-prop,--min-width,ios +ion-picker-legacy,css-prop,--min-width,md +ion-picker-legacy,css-prop,--width,ios +ion-picker-legacy,css-prop,--width,md ion-popover,shadow ion-popover,prop,alignment,"center" | "end" | "start" | undefined,undefined,false,false @@ -1086,17 +1611,39 @@ ion-popover,event,ionPopoverWillDismiss,OverlayEventDetail,true ion-popover,event,ionPopoverWillPresent,void,true ion-popover,event,willDismiss,OverlayEventDetail,true ion-popover,event,willPresent,void,true -ion-popover,css-prop,--backdrop-opacity -ion-popover,css-prop,--background -ion-popover,css-prop,--box-shadow -ion-popover,css-prop,--height -ion-popover,css-prop,--max-height -ion-popover,css-prop,--max-width -ion-popover,css-prop,--min-height -ion-popover,css-prop,--min-width -ion-popover,css-prop,--offset-x -ion-popover,css-prop,--offset-y -ion-popover,css-prop,--width +ion-popover,css-prop,--backdrop-opacity,ionic +ion-popover,css-prop,--backdrop-opacity,ios +ion-popover,css-prop,--backdrop-opacity,md +ion-popover,css-prop,--background,ionic +ion-popover,css-prop,--background,ios +ion-popover,css-prop,--background,md +ion-popover,css-prop,--box-shadow,ionic +ion-popover,css-prop,--box-shadow,ios +ion-popover,css-prop,--box-shadow,md +ion-popover,css-prop,--height,ionic +ion-popover,css-prop,--height,ios +ion-popover,css-prop,--height,md +ion-popover,css-prop,--max-height,ionic +ion-popover,css-prop,--max-height,ios +ion-popover,css-prop,--max-height,md +ion-popover,css-prop,--max-width,ionic +ion-popover,css-prop,--max-width,ios +ion-popover,css-prop,--max-width,md +ion-popover,css-prop,--min-height,ionic +ion-popover,css-prop,--min-height,ios +ion-popover,css-prop,--min-height,md +ion-popover,css-prop,--min-width,ionic +ion-popover,css-prop,--min-width,ios +ion-popover,css-prop,--min-width,md +ion-popover,css-prop,--offset-x,ionic +ion-popover,css-prop,--offset-x,ios +ion-popover,css-prop,--offset-x,md +ion-popover,css-prop,--offset-y,ionic +ion-popover,css-prop,--offset-y,ios +ion-popover,css-prop,--offset-y,md +ion-popover,css-prop,--width,ionic +ion-popover,css-prop,--width,ios +ion-popover,css-prop,--width,md ion-popover,part,arrow ion-popover,part,backdrop ion-popover,part,content @@ -1109,8 +1656,12 @@ ion-progress-bar,prop,reversed,boolean,false,false,false ion-progress-bar,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-progress-bar,prop,type,"determinate" | "indeterminate",'determinate',false,false ion-progress-bar,prop,value,number,0,false,false -ion-progress-bar,css-prop,--background -ion-progress-bar,css-prop,--progress-background +ion-progress-bar,css-prop,--background,ionic +ion-progress-bar,css-prop,--background,ios +ion-progress-bar,css-prop,--background,md +ion-progress-bar,css-prop,--progress-background,ionic +ion-progress-bar,css-prop,--progress-background,ios +ion-progress-bar,css-prop,--progress-background,md ion-progress-bar,part,progress ion-progress-bar,part,stream ion-progress-bar,part,track @@ -1127,10 +1678,18 @@ ion-radio,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-radio,prop,value,any,undefined,false,false ion-radio,event,ionBlur,void,true ion-radio,event,ionFocus,void,true -ion-radio,css-prop,--border-radius -ion-radio,css-prop,--color -ion-radio,css-prop,--color-checked -ion-radio,css-prop,--inner-border-radius +ion-radio,css-prop,--border-radius,ionic +ion-radio,css-prop,--border-radius,ios +ion-radio,css-prop,--border-radius,md +ion-radio,css-prop,--color,ionic +ion-radio,css-prop,--color,ios +ion-radio,css-prop,--color,md +ion-radio,css-prop,--color-checked,ionic +ion-radio,css-prop,--color-checked,ios +ion-radio,css-prop,--color-checked,md +ion-radio,css-prop,--inner-border-radius,ionic +ion-radio,css-prop,--inner-border-radius,ios +ion-radio,css-prop,--inner-border-radius,md ion-radio,part,container ion-radio,part,label ion-radio,part,mark @@ -1169,17 +1728,39 @@ ion-range,event,ionFocus,void,true ion-range,event,ionInput,RangeChangeEventDetail,true ion-range,event,ionKnobMoveEnd,RangeKnobMoveEndEventDetail,true ion-range,event,ionKnobMoveStart,RangeKnobMoveStartEventDetail,true -ion-range,css-prop,--bar-background -ion-range,css-prop,--bar-background-active -ion-range,css-prop,--bar-border-radius -ion-range,css-prop,--bar-height -ion-range,css-prop,--height -ion-range,css-prop,--knob-background -ion-range,css-prop,--knob-border-radius -ion-range,css-prop,--knob-box-shadow -ion-range,css-prop,--knob-size -ion-range,css-prop,--pin-background -ion-range,css-prop,--pin-color +ion-range,css-prop,--bar-background,ionic +ion-range,css-prop,--bar-background,ios +ion-range,css-prop,--bar-background,md +ion-range,css-prop,--bar-background-active,ionic +ion-range,css-prop,--bar-background-active,ios +ion-range,css-prop,--bar-background-active,md +ion-range,css-prop,--bar-border-radius,ionic +ion-range,css-prop,--bar-border-radius,ios +ion-range,css-prop,--bar-border-radius,md +ion-range,css-prop,--bar-height,ionic +ion-range,css-prop,--bar-height,ios +ion-range,css-prop,--bar-height,md +ion-range,css-prop,--height,ionic +ion-range,css-prop,--height,ios +ion-range,css-prop,--height,md +ion-range,css-prop,--knob-background,ionic +ion-range,css-prop,--knob-background,ios +ion-range,css-prop,--knob-background,md +ion-range,css-prop,--knob-border-radius,ionic +ion-range,css-prop,--knob-border-radius,ios +ion-range,css-prop,--knob-border-radius,md +ion-range,css-prop,--knob-box-shadow,ionic +ion-range,css-prop,--knob-box-shadow,ios +ion-range,css-prop,--knob-box-shadow,md +ion-range,css-prop,--knob-size,ionic +ion-range,css-prop,--knob-size,ios +ion-range,css-prop,--knob-size,md +ion-range,css-prop,--pin-background,ionic +ion-range,css-prop,--pin-background,ios +ion-range,css-prop,--pin-background,md +ion-range,css-prop,--pin-color,ionic +ion-range,css-prop,--pin-color,ios +ion-range,css-prop,--pin-color,md ion-range,part,bar ion-range,part,bar-active ion-range,part,knob @@ -1310,17 +1891,39 @@ ion-searchbar,event,ionChange,SearchbarChangeEventDetail,true ion-searchbar,event,ionClear,void,true ion-searchbar,event,ionFocus,void,true ion-searchbar,event,ionInput,SearchbarInputEventDetail,true -ion-searchbar,css-prop,--background -ion-searchbar,css-prop,--border-radius -ion-searchbar,css-prop,--box-shadow -ion-searchbar,css-prop,--cancel-button-color -ion-searchbar,css-prop,--clear-button-color -ion-searchbar,css-prop,--color -ion-searchbar,css-prop,--icon-color -ion-searchbar,css-prop,--placeholder-color -ion-searchbar,css-prop,--placeholder-font-style -ion-searchbar,css-prop,--placeholder-font-weight -ion-searchbar,css-prop,--placeholder-opacity +ion-searchbar,css-prop,--background,ionic +ion-searchbar,css-prop,--background,ios +ion-searchbar,css-prop,--background,md +ion-searchbar,css-prop,--border-radius,ionic +ion-searchbar,css-prop,--border-radius,ios +ion-searchbar,css-prop,--border-radius,md +ion-searchbar,css-prop,--box-shadow,ionic +ion-searchbar,css-prop,--box-shadow,ios +ion-searchbar,css-prop,--box-shadow,md +ion-searchbar,css-prop,--cancel-button-color,ionic +ion-searchbar,css-prop,--cancel-button-color,ios +ion-searchbar,css-prop,--cancel-button-color,md +ion-searchbar,css-prop,--clear-button-color,ionic +ion-searchbar,css-prop,--clear-button-color,ios +ion-searchbar,css-prop,--clear-button-color,md +ion-searchbar,css-prop,--color,ionic +ion-searchbar,css-prop,--color,ios +ion-searchbar,css-prop,--color,md +ion-searchbar,css-prop,--icon-color,ionic +ion-searchbar,css-prop,--icon-color,ios +ion-searchbar,css-prop,--icon-color,md +ion-searchbar,css-prop,--placeholder-color,ionic +ion-searchbar,css-prop,--placeholder-color,ios +ion-searchbar,css-prop,--placeholder-color,md +ion-searchbar,css-prop,--placeholder-font-style,ionic +ion-searchbar,css-prop,--placeholder-font-style,ios +ion-searchbar,css-prop,--placeholder-font-style,md +ion-searchbar,css-prop,--placeholder-font-weight,ionic +ion-searchbar,css-prop,--placeholder-font-weight,ios +ion-searchbar,css-prop,--placeholder-font-weight,md +ion-searchbar,css-prop,--placeholder-opacity,ionic +ion-searchbar,css-prop,--placeholder-opacity,ios +ion-searchbar,css-prop,--placeholder-opacity,md ion-segment,shadow ion-segment,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record | undefined,undefined,false,true @@ -1332,7 +1935,9 @@ ion-segment,prop,swipeGesture,boolean,true,false,false ion-segment,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-segment,prop,value,number | string | undefined,undefined,false,false ion-segment,event,ionChange,SegmentChangeEventDetail,true -ion-segment,css-prop,--background +ion-segment,css-prop,--background,ionic +ion-segment,css-prop,--background,ios +ion-segment,css-prop,--background,md ion-segment-button,shadow ion-segment-button,prop,disabled,boolean,false,false,false @@ -1341,34 +1946,90 @@ ion-segment-button,prop,mode,"ios" | "md",undefined,false,false ion-segment-button,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-segment-button,prop,type,"button" | "reset" | "submit",'button',false,false ion-segment-button,prop,value,number | string,'ion-sb-' + ids++,false,false -ion-segment-button,css-prop,--background -ion-segment-button,css-prop,--background-checked -ion-segment-button,css-prop,--background-focused -ion-segment-button,css-prop,--background-focused-opacity -ion-segment-button,css-prop,--background-hover -ion-segment-button,css-prop,--background-hover-opacity -ion-segment-button,css-prop,--border-color -ion-segment-button,css-prop,--border-radius -ion-segment-button,css-prop,--border-style -ion-segment-button,css-prop,--border-width -ion-segment-button,css-prop,--color -ion-segment-button,css-prop,--color-checked -ion-segment-button,css-prop,--color-focused -ion-segment-button,css-prop,--color-hover -ion-segment-button,css-prop,--indicator-box-shadow -ion-segment-button,css-prop,--indicator-color -ion-segment-button,css-prop,--indicator-height -ion-segment-button,css-prop,--indicator-transform -ion-segment-button,css-prop,--indicator-transition -ion-segment-button,css-prop,--margin-bottom -ion-segment-button,css-prop,--margin-end -ion-segment-button,css-prop,--margin-start -ion-segment-button,css-prop,--margin-top -ion-segment-button,css-prop,--padding-bottom -ion-segment-button,css-prop,--padding-end -ion-segment-button,css-prop,--padding-start -ion-segment-button,css-prop,--padding-top -ion-segment-button,css-prop,--transition +ion-segment-button,css-prop,--background,ionic +ion-segment-button,css-prop,--background,ios +ion-segment-button,css-prop,--background,md +ion-segment-button,css-prop,--background-checked,ionic +ion-segment-button,css-prop,--background-checked,ios +ion-segment-button,css-prop,--background-checked,md +ion-segment-button,css-prop,--background-focused,ionic +ion-segment-button,css-prop,--background-focused,ios +ion-segment-button,css-prop,--background-focused,md +ion-segment-button,css-prop,--background-focused-opacity,ionic +ion-segment-button,css-prop,--background-focused-opacity,ios +ion-segment-button,css-prop,--background-focused-opacity,md +ion-segment-button,css-prop,--background-hover,ionic +ion-segment-button,css-prop,--background-hover,ios +ion-segment-button,css-prop,--background-hover,md +ion-segment-button,css-prop,--background-hover-opacity,ionic +ion-segment-button,css-prop,--background-hover-opacity,ios +ion-segment-button,css-prop,--background-hover-opacity,md +ion-segment-button,css-prop,--border-color,ionic +ion-segment-button,css-prop,--border-color,ios +ion-segment-button,css-prop,--border-color,md +ion-segment-button,css-prop,--border-radius,ionic +ion-segment-button,css-prop,--border-radius,ios +ion-segment-button,css-prop,--border-radius,md +ion-segment-button,css-prop,--border-style,ionic +ion-segment-button,css-prop,--border-style,ios +ion-segment-button,css-prop,--border-style,md +ion-segment-button,css-prop,--border-width,ionic +ion-segment-button,css-prop,--border-width,ios +ion-segment-button,css-prop,--border-width,md +ion-segment-button,css-prop,--color,ionic +ion-segment-button,css-prop,--color,ios +ion-segment-button,css-prop,--color,md +ion-segment-button,css-prop,--color-checked,ionic +ion-segment-button,css-prop,--color-checked,ios +ion-segment-button,css-prop,--color-checked,md +ion-segment-button,css-prop,--color-focused,ionic +ion-segment-button,css-prop,--color-focused,ios +ion-segment-button,css-prop,--color-focused,md +ion-segment-button,css-prop,--color-hover,ionic +ion-segment-button,css-prop,--color-hover,ios +ion-segment-button,css-prop,--color-hover,md +ion-segment-button,css-prop,--indicator-box-shadow,ionic +ion-segment-button,css-prop,--indicator-box-shadow,ios +ion-segment-button,css-prop,--indicator-box-shadow,md +ion-segment-button,css-prop,--indicator-color,ionic +ion-segment-button,css-prop,--indicator-color,ios +ion-segment-button,css-prop,--indicator-color,md +ion-segment-button,css-prop,--indicator-height,ionic +ion-segment-button,css-prop,--indicator-height,ios +ion-segment-button,css-prop,--indicator-height,md +ion-segment-button,css-prop,--indicator-transform,ionic +ion-segment-button,css-prop,--indicator-transform,ios +ion-segment-button,css-prop,--indicator-transform,md +ion-segment-button,css-prop,--indicator-transition,ionic +ion-segment-button,css-prop,--indicator-transition,ios +ion-segment-button,css-prop,--indicator-transition,md +ion-segment-button,css-prop,--margin-bottom,ionic +ion-segment-button,css-prop,--margin-bottom,ios +ion-segment-button,css-prop,--margin-bottom,md +ion-segment-button,css-prop,--margin-end,ionic +ion-segment-button,css-prop,--margin-end,ios +ion-segment-button,css-prop,--margin-end,md +ion-segment-button,css-prop,--margin-start,ionic +ion-segment-button,css-prop,--margin-start,ios +ion-segment-button,css-prop,--margin-start,md +ion-segment-button,css-prop,--margin-top,ionic +ion-segment-button,css-prop,--margin-top,ios +ion-segment-button,css-prop,--margin-top,md +ion-segment-button,css-prop,--padding-bottom,ionic +ion-segment-button,css-prop,--padding-bottom,ios +ion-segment-button,css-prop,--padding-bottom,md +ion-segment-button,css-prop,--padding-end,ionic +ion-segment-button,css-prop,--padding-end,ios +ion-segment-button,css-prop,--padding-end,md +ion-segment-button,css-prop,--padding-start,ionic +ion-segment-button,css-prop,--padding-start,ios +ion-segment-button,css-prop,--padding-start,md +ion-segment-button,css-prop,--padding-top,ionic +ion-segment-button,css-prop,--padding-top,ios +ion-segment-button,css-prop,--padding-top,md +ion-segment-button,css-prop,--transition,ionic +ion-segment-button,css-prop,--transition,ios +ion-segment-button,css-prop,--transition,md ion-segment-button,part,indicator ion-segment-button,part,indicator-background ion-segment-button,part,native @@ -1401,22 +2062,54 @@ ion-select,event,ionCancel,void,true ion-select,event,ionChange,SelectChangeEventDetail,true ion-select,event,ionDismiss,void,true ion-select,event,ionFocus,void,true -ion-select,css-prop,--background -ion-select,css-prop,--border-color -ion-select,css-prop,--border-radius -ion-select,css-prop,--border-style -ion-select,css-prop,--border-width -ion-select,css-prop,--highlight-color-focused -ion-select,css-prop,--highlight-color-invalid -ion-select,css-prop,--highlight-color-valid -ion-select,css-prop,--highlight-height -ion-select,css-prop,--padding-bottom -ion-select,css-prop,--padding-end -ion-select,css-prop,--padding-start -ion-select,css-prop,--padding-top -ion-select,css-prop,--placeholder-color -ion-select,css-prop,--placeholder-opacity -ion-select,css-prop,--ripple-color +ion-select,css-prop,--background,ionic +ion-select,css-prop,--background,ios +ion-select,css-prop,--background,md +ion-select,css-prop,--border-color,ionic +ion-select,css-prop,--border-color,ios +ion-select,css-prop,--border-color,md +ion-select,css-prop,--border-radius,ionic +ion-select,css-prop,--border-radius,ios +ion-select,css-prop,--border-radius,md +ion-select,css-prop,--border-style,ionic +ion-select,css-prop,--border-style,ios +ion-select,css-prop,--border-style,md +ion-select,css-prop,--border-width,ionic +ion-select,css-prop,--border-width,ios +ion-select,css-prop,--border-width,md +ion-select,css-prop,--highlight-color-focused,ionic +ion-select,css-prop,--highlight-color-focused,ios +ion-select,css-prop,--highlight-color-focused,md +ion-select,css-prop,--highlight-color-invalid,ionic +ion-select,css-prop,--highlight-color-invalid,ios +ion-select,css-prop,--highlight-color-invalid,md +ion-select,css-prop,--highlight-color-valid,ionic +ion-select,css-prop,--highlight-color-valid,ios +ion-select,css-prop,--highlight-color-valid,md +ion-select,css-prop,--highlight-height,ionic +ion-select,css-prop,--highlight-height,ios +ion-select,css-prop,--highlight-height,md +ion-select,css-prop,--padding-bottom,ionic +ion-select,css-prop,--padding-bottom,ios +ion-select,css-prop,--padding-bottom,md +ion-select,css-prop,--padding-end,ionic +ion-select,css-prop,--padding-end,ios +ion-select,css-prop,--padding-end,md +ion-select,css-prop,--padding-start,ionic +ion-select,css-prop,--padding-start,ios +ion-select,css-prop,--padding-start,md +ion-select,css-prop,--padding-top,ionic +ion-select,css-prop,--padding-top,ios +ion-select,css-prop,--padding-top,md +ion-select,css-prop,--placeholder-color,ionic +ion-select,css-prop,--placeholder-color,ios +ion-select,css-prop,--placeholder-color,md +ion-select,css-prop,--placeholder-opacity,ionic +ion-select,css-prop,--placeholder-opacity,ios +ion-select,css-prop,--placeholder-opacity,md +ion-select,css-prop,--ripple-color,ionic +ion-select,css-prop,--ripple-color,ios +ion-select,css-prop,--ripple-color,md ion-select,part,container ion-select,part,icon ion-select,part,label @@ -1453,10 +2146,18 @@ ion-split-pane,prop,mode,"ios" | "md",undefined,false,false ion-split-pane,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-split-pane,prop,when,boolean | string,QUERY['lg'],false,false ion-split-pane,event,ionSplitPaneVisible,{ visible: boolean; },true -ion-split-pane,css-prop,--border -ion-split-pane,css-prop,--side-max-width -ion-split-pane,css-prop,--side-min-width -ion-split-pane,css-prop,--side-width +ion-split-pane,css-prop,--border,ionic +ion-split-pane,css-prop,--border,ios +ion-split-pane,css-prop,--border,md +ion-split-pane,css-prop,--side-max-width,ionic +ion-split-pane,css-prop,--side-max-width,ios +ion-split-pane,css-prop,--side-max-width,md +ion-split-pane,css-prop,--side-min-width,ionic +ion-split-pane,css-prop,--side-min-width,ios +ion-split-pane,css-prop,--side-min-width,md +ion-split-pane,css-prop,--side-width,ionic +ion-split-pane,css-prop,--side-width,ios +ion-split-pane,css-prop,--side-width,md ion-tab,shadow ion-tab,prop,component,Function | HTMLElement | null | string | undefined,undefined,false,false @@ -1471,9 +2172,15 @@ ion-tab-bar,prop,mode,"ios" | "md",undefined,false,false ion-tab-bar,prop,selectedTab,string | undefined,undefined,false,false ion-tab-bar,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-tab-bar,prop,translucent,boolean,false,false,false -ion-tab-bar,css-prop,--background -ion-tab-bar,css-prop,--border -ion-tab-bar,css-prop,--color +ion-tab-bar,css-prop,--background,ionic +ion-tab-bar,css-prop,--background,ios +ion-tab-bar,css-prop,--background,md +ion-tab-bar,css-prop,--border,ionic +ion-tab-bar,css-prop,--border,ios +ion-tab-bar,css-prop,--border,md +ion-tab-bar,css-prop,--color,ionic +ion-tab-bar,css-prop,--color,ios +ion-tab-bar,css-prop,--color,md ion-tab-button,shadow ion-tab-button,prop,disabled,boolean,false,false,false @@ -1486,17 +2193,39 @@ ion-tab-button,prop,selected,boolean,false,false,false ion-tab-button,prop,tab,string | undefined,undefined,false,false ion-tab-button,prop,target,string | undefined,undefined,false,false ion-tab-button,prop,theme,"ios" | "md" | "ionic",undefined,false,false -ion-tab-button,css-prop,--background -ion-tab-button,css-prop,--background-focused -ion-tab-button,css-prop,--background-focused-opacity -ion-tab-button,css-prop,--color -ion-tab-button,css-prop,--color-focused -ion-tab-button,css-prop,--color-selected -ion-tab-button,css-prop,--padding-bottom -ion-tab-button,css-prop,--padding-end -ion-tab-button,css-prop,--padding-start -ion-tab-button,css-prop,--padding-top -ion-tab-button,css-prop,--ripple-color +ion-tab-button,css-prop,--background,ionic +ion-tab-button,css-prop,--background,ios +ion-tab-button,css-prop,--background,md +ion-tab-button,css-prop,--background-focused,ionic +ion-tab-button,css-prop,--background-focused,ios +ion-tab-button,css-prop,--background-focused,md +ion-tab-button,css-prop,--background-focused-opacity,ionic +ion-tab-button,css-prop,--background-focused-opacity,ios +ion-tab-button,css-prop,--background-focused-opacity,md +ion-tab-button,css-prop,--color,ionic +ion-tab-button,css-prop,--color,ios +ion-tab-button,css-prop,--color,md +ion-tab-button,css-prop,--color-focused,ionic +ion-tab-button,css-prop,--color-focused,ios +ion-tab-button,css-prop,--color-focused,md +ion-tab-button,css-prop,--color-selected,ionic +ion-tab-button,css-prop,--color-selected,ios +ion-tab-button,css-prop,--color-selected,md +ion-tab-button,css-prop,--padding-bottom,ionic +ion-tab-button,css-prop,--padding-bottom,ios +ion-tab-button,css-prop,--padding-bottom,md +ion-tab-button,css-prop,--padding-end,ionic +ion-tab-button,css-prop,--padding-end,ios +ion-tab-button,css-prop,--padding-end,md +ion-tab-button,css-prop,--padding-start,ionic +ion-tab-button,css-prop,--padding-start,ios +ion-tab-button,css-prop,--padding-start,md +ion-tab-button,css-prop,--padding-top,ionic +ion-tab-button,css-prop,--padding-top,ios +ion-tab-button,css-prop,--padding-top,md +ion-tab-button,css-prop,--ripple-color,ionic +ion-tab-button,css-prop,--ripple-color,ios +ion-tab-button,css-prop,--ripple-color,md ion-tab-button,part,native ion-tabs,shadow @@ -1550,24 +2279,60 @@ ion-textarea,event,ionBlur,FocusEvent,true ion-textarea,event,ionChange,TextareaChangeEventDetail,true ion-textarea,event,ionFocus,FocusEvent,true ion-textarea,event,ionInput,TextareaInputEventDetail,true -ion-textarea,css-prop,--background -ion-textarea,css-prop,--border-color -ion-textarea,css-prop,--border-radius -ion-textarea,css-prop,--border-style -ion-textarea,css-prop,--border-width -ion-textarea,css-prop,--color -ion-textarea,css-prop,--highlight-color-focused -ion-textarea,css-prop,--highlight-color-invalid -ion-textarea,css-prop,--highlight-color-valid -ion-textarea,css-prop,--highlight-height -ion-textarea,css-prop,--padding-bottom -ion-textarea,css-prop,--padding-end -ion-textarea,css-prop,--padding-start -ion-textarea,css-prop,--padding-top -ion-textarea,css-prop,--placeholder-color -ion-textarea,css-prop,--placeholder-font-style -ion-textarea,css-prop,--placeholder-font-weight -ion-textarea,css-prop,--placeholder-opacity +ion-textarea,css-prop,--background,ionic +ion-textarea,css-prop,--background,ios +ion-textarea,css-prop,--background,md +ion-textarea,css-prop,--border-color,ionic +ion-textarea,css-prop,--border-color,ios +ion-textarea,css-prop,--border-color,md +ion-textarea,css-prop,--border-radius,ionic +ion-textarea,css-prop,--border-radius,ios +ion-textarea,css-prop,--border-radius,md +ion-textarea,css-prop,--border-style,ionic +ion-textarea,css-prop,--border-style,ios +ion-textarea,css-prop,--border-style,md +ion-textarea,css-prop,--border-width,ionic +ion-textarea,css-prop,--border-width,ios +ion-textarea,css-prop,--border-width,md +ion-textarea,css-prop,--color,ionic +ion-textarea,css-prop,--color,ios +ion-textarea,css-prop,--color,md +ion-textarea,css-prop,--highlight-color-focused,ionic +ion-textarea,css-prop,--highlight-color-focused,ios +ion-textarea,css-prop,--highlight-color-focused,md +ion-textarea,css-prop,--highlight-color-invalid,ionic +ion-textarea,css-prop,--highlight-color-invalid,ios +ion-textarea,css-prop,--highlight-color-invalid,md +ion-textarea,css-prop,--highlight-color-valid,ionic +ion-textarea,css-prop,--highlight-color-valid,ios +ion-textarea,css-prop,--highlight-color-valid,md +ion-textarea,css-prop,--highlight-height,ionic +ion-textarea,css-prop,--highlight-height,ios +ion-textarea,css-prop,--highlight-height,md +ion-textarea,css-prop,--padding-bottom,ionic +ion-textarea,css-prop,--padding-bottom,ios +ion-textarea,css-prop,--padding-bottom,md +ion-textarea,css-prop,--padding-end,ionic +ion-textarea,css-prop,--padding-end,ios +ion-textarea,css-prop,--padding-end,md +ion-textarea,css-prop,--padding-start,ionic +ion-textarea,css-prop,--padding-start,ios +ion-textarea,css-prop,--padding-start,md +ion-textarea,css-prop,--padding-top,ionic +ion-textarea,css-prop,--padding-top,ios +ion-textarea,css-prop,--padding-top,md +ion-textarea,css-prop,--placeholder-color,ionic +ion-textarea,css-prop,--placeholder-color,ios +ion-textarea,css-prop,--placeholder-color,md +ion-textarea,css-prop,--placeholder-font-style,ionic +ion-textarea,css-prop,--placeholder-font-style,ios +ion-textarea,css-prop,--placeholder-font-style,md +ion-textarea,css-prop,--placeholder-font-weight,ionic +ion-textarea,css-prop,--placeholder-font-weight,ios +ion-textarea,css-prop,--placeholder-font-weight,md +ion-textarea,css-prop,--placeholder-opacity,ionic +ion-textarea,css-prop,--placeholder-opacity,ios +ion-textarea,css-prop,--placeholder-opacity,md ion-thumbnail,shadow ion-thumbnail,prop,mode,"ios" | "md",undefined,false,false @@ -1580,7 +2345,9 @@ ion-title,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secon ion-title,prop,mode,"ios" | "md",undefined,false,false ion-title,prop,size,"large" | "small" | undefined,undefined,false,false ion-title,prop,theme,"ios" | "md" | "ionic",undefined,false,false -ion-title,css-prop,--color +ion-title,css-prop,--color,ionic +ion-title,css-prop,--color,ios +ion-title,css-prop,--color,md ion-toast,shadow ion-toast,prop,animated,boolean,true,false,false @@ -1616,23 +2383,57 @@ ion-toast,event,ionToastWillDismiss,OverlayEventDetail,true ion-toast,event,ionToastWillPresent,void,true ion-toast,event,willDismiss,OverlayEventDetail,true ion-toast,event,willPresent,void,true -ion-toast,css-prop,--background -ion-toast,css-prop,--border-color -ion-toast,css-prop,--border-radius -ion-toast,css-prop,--border-style -ion-toast,css-prop,--border-width -ion-toast,css-prop,--box-shadow -ion-toast,css-prop,--button-color -ion-toast,css-prop,--color -ion-toast,css-prop,--end -ion-toast,css-prop,--height -ion-toast,css-prop,--max-height -ion-toast,css-prop,--max-width -ion-toast,css-prop,--min-height -ion-toast,css-prop,--min-width -ion-toast,css-prop,--start -ion-toast,css-prop,--white-space -ion-toast,css-prop,--width +ion-toast,css-prop,--background,ionic +ion-toast,css-prop,--background,ios +ion-toast,css-prop,--background,md +ion-toast,css-prop,--border-color,ionic +ion-toast,css-prop,--border-color,ios +ion-toast,css-prop,--border-color,md +ion-toast,css-prop,--border-radius,ionic +ion-toast,css-prop,--border-radius,ios +ion-toast,css-prop,--border-radius,md +ion-toast,css-prop,--border-style,ionic +ion-toast,css-prop,--border-style,ios +ion-toast,css-prop,--border-style,md +ion-toast,css-prop,--border-width,ionic +ion-toast,css-prop,--border-width,ios +ion-toast,css-prop,--border-width,md +ion-toast,css-prop,--box-shadow,ionic +ion-toast,css-prop,--box-shadow,ios +ion-toast,css-prop,--box-shadow,md +ion-toast,css-prop,--button-color,ionic +ion-toast,css-prop,--button-color,ios +ion-toast,css-prop,--button-color,md +ion-toast,css-prop,--color,ionic +ion-toast,css-prop,--color,ios +ion-toast,css-prop,--color,md +ion-toast,css-prop,--end,ionic +ion-toast,css-prop,--end,ios +ion-toast,css-prop,--end,md +ion-toast,css-prop,--height,ionic +ion-toast,css-prop,--height,ios +ion-toast,css-prop,--height,md +ion-toast,css-prop,--max-height,ionic +ion-toast,css-prop,--max-height,ios +ion-toast,css-prop,--max-height,md +ion-toast,css-prop,--max-width,ionic +ion-toast,css-prop,--max-width,ios +ion-toast,css-prop,--max-width,md +ion-toast,css-prop,--min-height,ionic +ion-toast,css-prop,--min-height,ios +ion-toast,css-prop,--min-height,md +ion-toast,css-prop,--min-width,ionic +ion-toast,css-prop,--min-width,ios +ion-toast,css-prop,--min-width,md +ion-toast,css-prop,--start,ionic +ion-toast,css-prop,--start,ios +ion-toast,css-prop,--start,md +ion-toast,css-prop,--white-space,ionic +ion-toast,css-prop,--white-space,ios +ion-toast,css-prop,--white-space,md +ion-toast,css-prop,--width,ionic +ion-toast,css-prop,--width,ios +ion-toast,css-prop,--width,md ion-toast,part,button ion-toast,part,button cancel ion-toast,part,container @@ -1655,18 +2456,42 @@ ion-toggle,prop,value,null | string | undefined,'on',false,false ion-toggle,event,ionBlur,void,true ion-toggle,event,ionChange,ToggleChangeEventDetail,true ion-toggle,event,ionFocus,void,true -ion-toggle,css-prop,--border-radius -ion-toggle,css-prop,--handle-background -ion-toggle,css-prop,--handle-background-checked -ion-toggle,css-prop,--handle-border-radius -ion-toggle,css-prop,--handle-box-shadow -ion-toggle,css-prop,--handle-height -ion-toggle,css-prop,--handle-max-height -ion-toggle,css-prop,--handle-spacing -ion-toggle,css-prop,--handle-transition -ion-toggle,css-prop,--handle-width -ion-toggle,css-prop,--track-background -ion-toggle,css-prop,--track-background-checked +ion-toggle,css-prop,--border-radius,ionic +ion-toggle,css-prop,--border-radius,ios +ion-toggle,css-prop,--border-radius,md +ion-toggle,css-prop,--handle-background,ionic +ion-toggle,css-prop,--handle-background,ios +ion-toggle,css-prop,--handle-background,md +ion-toggle,css-prop,--handle-background-checked,ionic +ion-toggle,css-prop,--handle-background-checked,ios +ion-toggle,css-prop,--handle-background-checked,md +ion-toggle,css-prop,--handle-border-radius,ionic +ion-toggle,css-prop,--handle-border-radius,ios +ion-toggle,css-prop,--handle-border-radius,md +ion-toggle,css-prop,--handle-box-shadow,ionic +ion-toggle,css-prop,--handle-box-shadow,ios +ion-toggle,css-prop,--handle-box-shadow,md +ion-toggle,css-prop,--handle-height,ionic +ion-toggle,css-prop,--handle-height,ios +ion-toggle,css-prop,--handle-height,md +ion-toggle,css-prop,--handle-max-height,ionic +ion-toggle,css-prop,--handle-max-height,ios +ion-toggle,css-prop,--handle-max-height,md +ion-toggle,css-prop,--handle-spacing,ionic +ion-toggle,css-prop,--handle-spacing,ios +ion-toggle,css-prop,--handle-spacing,md +ion-toggle,css-prop,--handle-transition,ionic +ion-toggle,css-prop,--handle-transition,ios +ion-toggle,css-prop,--handle-transition,md +ion-toggle,css-prop,--handle-width,ionic +ion-toggle,css-prop,--handle-width,ios +ion-toggle,css-prop,--handle-width,md +ion-toggle,css-prop,--track-background,ionic +ion-toggle,css-prop,--track-background,ios +ion-toggle,css-prop,--track-background,md +ion-toggle,css-prop,--track-background-checked,ionic +ion-toggle,css-prop,--track-background-checked,ios +ion-toggle,css-prop,--track-background-checked,md ion-toggle,part,handle ion-toggle,part,label ion-toggle,part,track @@ -1675,14 +2500,36 @@ ion-toolbar,shadow ion-toolbar,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record | undefined,undefined,false,true ion-toolbar,prop,mode,"ios" | "md",undefined,false,false ion-toolbar,prop,theme,"ios" | "md" | "ionic",undefined,false,false -ion-toolbar,css-prop,--background -ion-toolbar,css-prop,--border-color -ion-toolbar,css-prop,--border-style -ion-toolbar,css-prop,--border-width -ion-toolbar,css-prop,--color -ion-toolbar,css-prop,--min-height -ion-toolbar,css-prop,--opacity -ion-toolbar,css-prop,--padding-bottom -ion-toolbar,css-prop,--padding-end -ion-toolbar,css-prop,--padding-start -ion-toolbar,css-prop,--padding-top \ No newline at end of file +ion-toolbar,css-prop,--background,ionic +ion-toolbar,css-prop,--background,ios +ion-toolbar,css-prop,--background,md +ion-toolbar,css-prop,--border-color,ionic +ion-toolbar,css-prop,--border-color,ios +ion-toolbar,css-prop,--border-color,md +ion-toolbar,css-prop,--border-style,ionic +ion-toolbar,css-prop,--border-style,ios +ion-toolbar,css-prop,--border-style,md +ion-toolbar,css-prop,--border-width,ionic +ion-toolbar,css-prop,--border-width,ios +ion-toolbar,css-prop,--border-width,md +ion-toolbar,css-prop,--color,ionic +ion-toolbar,css-prop,--color,ios +ion-toolbar,css-prop,--color,md +ion-toolbar,css-prop,--min-height,ionic +ion-toolbar,css-prop,--min-height,ios +ion-toolbar,css-prop,--min-height,md +ion-toolbar,css-prop,--opacity,ionic +ion-toolbar,css-prop,--opacity,ios +ion-toolbar,css-prop,--opacity,md +ion-toolbar,css-prop,--padding-bottom,ionic +ion-toolbar,css-prop,--padding-bottom,ios +ion-toolbar,css-prop,--padding-bottom,md +ion-toolbar,css-prop,--padding-end,ionic +ion-toolbar,css-prop,--padding-end,ios +ion-toolbar,css-prop,--padding-end,md +ion-toolbar,css-prop,--padding-start,ionic +ion-toolbar,css-prop,--padding-start,ios +ion-toolbar,css-prop,--padding-start,md +ion-toolbar,css-prop,--padding-top,ionic +ion-toolbar,css-prop,--padding-top,ios +ion-toolbar,css-prop,--padding-top,md \ No newline at end of file diff --git a/core/package-lock.json b/core/package-lock.json index bcae4b18d3..52d8491c8e 100644 --- a/core/package-lock.json +++ b/core/package-lock.json @@ -1,12 +1,12 @@ { "name": "@ionic/core", - "version": "8.1.1", + "version": "8.1.2", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@ionic/core", - "version": "8.1.1", + "version": "8.1.2", "license": "MIT", "dependencies": { "@stencil/core": "^4.17.2", @@ -1859,9 +1859,9 @@ } }, "node_modules/@stencil/core": { - "version": "4.17.2", - "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.17.2.tgz", - "integrity": "sha512-MX7yaLmpTU9iZvCire9nhecTcE0qBlV0vPWrLMeIXewYN7/hb8B3NjnhQyBKC93FDPI8NBRmt6KIugLw9zcRZg==", + "version": "4.18.0", + "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.18.0.tgz", + "integrity": "sha512-cN+nvjy0L8KyYq7N1bmswN/AcBustFlsAxfyPQ+fd3m98lPo53jNKIxKve1ZQ4ZmzSzYO7alDhZvjIesM0rl7w==", "bin": { "stencil": "bin/stencil" }, @@ -12087,9 +12087,9 @@ "requires": {} }, "@stencil/core": { - "version": "4.17.2", - "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.17.2.tgz", - "integrity": "sha512-MX7yaLmpTU9iZvCire9nhecTcE0qBlV0vPWrLMeIXewYN7/hb8B3NjnhQyBKC93FDPI8NBRmt6KIugLw9zcRZg==" + "version": "4.18.0", + "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.18.0.tgz", + "integrity": "sha512-cN+nvjy0L8KyYq7N1bmswN/AcBustFlsAxfyPQ+fd3m98lPo53jNKIxKve1ZQ4ZmzSzYO7alDhZvjIesM0rl7w==" }, "@stencil/react-output-target": { "version": "0.5.3", diff --git a/core/package.json b/core/package.json index 357fe0fb2d..91d9c57edc 100644 --- a/core/package.json +++ b/core/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/core", - "version": "8.1.1", + "version": "8.1.2", "description": "Base components for Ionic", "keywords": [ "ionic", diff --git a/core/scripts/api-spec-generator.js b/core/scripts/api-spec-generator.js index 2896a5504b..58148e3043 100644 --- a/core/scripts/api-spec-generator.js +++ b/core/scripts/api-spec-generator.js @@ -33,7 +33,7 @@ function generateComponent(component, content) { content.push(`${component.tag},event,${prop.event},${prop.detail},${prop.bubbles}`); }); component.styles.forEach(prop => { - content.push(`${component.tag},css-prop,${prop.name}`); + content.push(`${component.tag},css-prop,${prop.name}${prop.mode ? ',' + prop.mode : ''}`); }); component.parts.forEach(part => { content.push(`${component.tag},part,${part.name}`); diff --git a/core/src/components/alert/test/a11y/alert.e2e.ts b/core/src/components/alert/test/a11y/alert.e2e.ts index 65d579c898..12add8b2ec 100644 --- a/core/src/components/alert/test/a11y/alert.e2e.ts +++ b/core/src/components/alert/test/a11y/alert.e2e.ts @@ -180,7 +180,10 @@ configs({ directions: ['ltr'] }).forEach(({ config, title }) => { */ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { test.describe(title('alert: font scaling'), () => { - test('should scale text on larger font sizes', async ({ page }) => { + test('should scale text on larger font sizes', async ({ page, skip }) => { + // TODO(ROU-8158): unskip this test when a solution is found + skip.browser('chromium', 'Rendering is flaky in Chrome.'); + await page.setContent( ` + + + +
+ Checkbox +
+ +
+ Radio +
+ +
+ + Option + +
+ +
+ Toggle +
+
+ `, + config + ); + + const list = page.locator('ion-list'); + + await expect(list).toHaveScreenshot(screenshot(`item-inputs-div-with-inputs`)); + }); + }); +}); diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..67d0ffd9bb Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..624b20210e Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..539832327f Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..b0d5bde4d7 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..f440ae41a7 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..eafd009d1d Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-div-with-inputs-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts b/core/src/components/item/test/slotted-inputs/item.e2e.ts index eef05ce3ab..7fcbf4b8b1 100644 --- a/core/src/components/item/test/slotted-inputs/item.e2e.ts +++ b/core/src/components/item/test/slotted-inputs/item.e2e.ts @@ -12,3 +12,163 @@ configs().forEach(({ title, screenshot, config }) => { }); }); }); + +/** + * This behavior does not vary across directions + */ +configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('item: slotted inputs'), () => { + test.describe('checkbox', () => { + test('should not expand the slotted checkbox width larger than its content', async ({ page }, testInfo) => { + testInfo.annotations.push({ + type: 'issue', + description: 'https://github.com/ionic-team/ionic-framework/issues/29423', + }); + + await page.setContent( + ` + + + + Label + + + Label + + + + Start + Label + + + Label + End + + + `, + config + ); + + const list = page.locator('ion-list'); + + await expect(list).toHaveScreenshot(screenshot(`item-slotted-inputs-checkbox`)); + }); + }); + test.describe('radio', () => { + test('should not expand the slotted radio width larger than its content', async ({ page }, testInfo) => { + testInfo.annotations.push({ + type: 'issue', + description: 'https://github.com/ionic-team/ionic-framework/issues/29423', + }); + + await page.setContent( + ` + + + + Label + + + Label + + + + Start + Label + + + Label + End + + + `, + config + ); + + const list = page.locator('ion-list'); + + await expect(list).toHaveScreenshot(screenshot(`item-slotted-inputs-radio`)); + }); + }); + test.describe('select', () => { + test('should not expand the slotted select width larger than its content', async ({ page }, testInfo) => { + testInfo.annotations.push({ + type: 'issue', + description: 'https://github.com/ionic-team/ionic-framework/issues/29423', + }); + + await page.setContent( + ` + + + + Option + + Label + + + Label + + Option + + + + + Option + + Label + + + Label + + Option + + + + `, + config + ); + + const list = page.locator('ion-list'); + + await expect(list).toHaveScreenshot(screenshot(`item-slotted-inputs-select`)); + }); + }); + test.describe('toggle', () => { + test('should not expand the slotted toggle width larger than its content', async ({ page }, testInfo) => { + testInfo.annotations.push({ + type: 'issue', + description: 'https://github.com/ionic-team/ionic-framework/issues/29423', + }); + + await page.setContent( + ` + + + + Label + + + Label + + + + Start + Label + + + Label + End + + + `, + config + ); + + const list = page.locator('ion-list'); + + await expect(list).toHaveScreenshot(screenshot(`item-slotted-inputs-toggle`)); + }); + }); + }); +}); diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..89f28456b1 Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..7f1c618670 Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..f607cef301 Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..9e81dce253 Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..00d00427c5 Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..0ea196c47b Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-checkbox-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Chrome-linux.png index 32b9ca4596..b11b0265d7 100644 Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Firefox-linux.png index e3c6966669..d843bde11b 100644 Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Safari-linux.png index 7a81cfbf2c..1530ac33bb 100644 Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Chrome-linux.png index dcce46ae7c..9193e4cd90 100644 Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Firefox-linux.png index 1295c03f6d..aa387c7f93 100644 Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Safari-linux.png index c8b7b05abc..8a78dd6694 100644 Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Chrome-linux.png index 1d24f390d2..30cab5c93c 100644 Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Firefox-linux.png index 1770b0e7f8..20a23a6ed9 100644 Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Safari-linux.png index 8e0deee6a1..08de031cde 100644 Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Safari-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Chrome-linux.png index f536ae3012..14c73662bf 100644 Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Firefox-linux.png index 5bbae0e1be..d777c35f19 100644 Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Safari-linux.png index c914dfdcbe..c5469ec994 100644 Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Safari-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..c3a4aa8dc5 Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..e490b4de5e Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..57d932a442 Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..f28b6f311e Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..f993da9452 Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..4e4957f125 Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-radio-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..1efd5b4003 Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..69dc9c6fab Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..c64a4d2a37 Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..403bce48fd Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..081d637178 Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..b3a1e83aed Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-select-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..91a67e8ee6 Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..f8e7bbafd9 Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..1027efd0de Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..c8debd4918 Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..74fe912e5a Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..4d8e2e275b Binary files /dev/null and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-toggle-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/picker-column/picker-column.tsx b/core/src/components/picker-column/picker-column.tsx index ddd0de1f76..cb9552c338 100644 --- a/core/src/components/picker-column/picker-column.tsx +++ b/core/src/components/picker-column/picker-column.tsx @@ -213,8 +213,8 @@ export class PickerColumn implements ComponentInterface { */ @Method() async setFocus() { - if (this.scrollEl) { - this.scrollEl.focus(); + if (this.assistiveFocusable) { + this.assistiveFocusable.focus(); } } @@ -620,7 +620,7 @@ export class PickerColumn implements ComponentInterface { } if (newOption !== null) { - this.value = newOption.value; + this.setValue(newOption.value); // This stops any default browser behavior such as scrolling ev.preventDefault(); @@ -688,6 +688,25 @@ export class PickerColumn implements ComponentInterface { ref={(el) => { this.scrollEl = el; }} + /** + * When an element has an overlay scroll style and + * a fixed height, Firefox will focus the scrollable + * container if the content exceeds the container's + * dimensions. + * + * This causes keyboard navigation to focus to this + * element instead of going to the next element in + * the tab order. + * + * The desired behavior is for the user to be able to + * focus the assistive focusable element and tab to + * the next element in the tab order. Instead of tabbing + * to this element. + * + * To prevent this, we set the tabIndex to -1. This + * will match the behavior of the other browsers. + */ + tabIndex={-1} >