javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-15 01:03:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(): sync feature-6.2 with main

Browse Source 
chore(): sync feature-6.2 with main
This commit is contained in:
Liam DeBeasi
2022-06-09 14:02:23 -04:00
committed by GitHub
parent 7b3ebd8d59 eb26397770
commit 524f2abc95
33 changed files with 23316 additions and 30975 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17752
angular/test/test-app/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

6
angular/test/test-app/package.json
View File

@ -31,7 +31,7 @@
"@angular/router": "^13.1.3", "@angular/router": "^13.1.3",
"@ionic/angular": "^6.0.12", "@ionic/angular": "^6.0.12",
"@ionic/angular-server": "^6.0.12", "@ionic/angular-server": "^6.0.12",
"@nguniversal/express-engine": "^12.1.1", "@nguniversal/express-engine": "^13.1.1",
"angular-in-memory-web-api": "^0.11.0", "angular-in-memory-web-api": "^0.11.0",
"core-js": "^2.6.11", "core-js": "^2.6.11",
"express": "^4.15.2", "express": "^4.15.2",
@ -60,9 +60,9 @@
"eslint": "^7.26.0", "eslint": "^7.26.0",
"ts-loader": "^6.2.2", "ts-loader": "^6.2.2",
"ts-node": "^8.3.0", "ts-node": "^8.3.0",
"typescript": "^4.5.5", "typescript": "~4.6.0",
"wait-on": "^5.2.1", "wait-on": "^5.2.1",
"webpack": "^5.61.0", "webpack": "^5.61.0",
"webpack-cli": "^3.3.12" "webpack-cli": "^4.9.2"
} }
} }

16
core/package-lock.json generated
View File

@ -24,7 +24,7 @@
"@rollup/plugin-virtual": "^2.0.3", "@rollup/plugin-virtual": "^2.0.3",
"@stencil/angular-output-target": "^0.4.0", "@stencil/angular-output-target": "^0.4.0",
"@stencil/react-output-target": "^0.2.1", "@stencil/react-output-target": "^0.2.1",
"@stencil/sass": "1.3.2", "@stencil/sass": "^1.5.2",
"@stencil/vue-output-target": "^0.6.0", "@stencil/vue-output-target": "^0.6.0",
"@types/jest": "^26.0.20", "@types/jest": "^26.0.20",
"@types/node": "^14.6.0", "@types/node": "^14.6.0",
@ -2558,12 +2558,12 @@
} }
}, },
"node_modules/@stencil/sass": { "node_modules/@stencil/sass": {
"version": "1.3.2", "version": "1.5.2",
"resolved": "https://registry.npmjs.org/@stencil/sass/-/sass-1.3.2.tgz", "resolved": "https://registry.npmjs.org/@stencil/sass/-/sass-1.5.2.tgz",
"integrity": "sha512-w6rkOsRIPY1rBa/13Wf+rMZrOzc6z86/Mkp3inzaYGsxBmLkf4PeP1rfaUB4SFDVRfMduP7FTd4ZJi/+FVrsMw==", "integrity": "sha512-nJ93pUSylsGsMX0eLmhxh1oEljcUjj5mYjhB9ziCdoaydAdjukrUoqDCC7tdVbOcBo2hKptQyWqCtETnBGYsXQ==",
"dev": true, "dev": true,
"peerDependencies": { "peerDependencies": {
"@stencil/core": "^1.0.2" "@stencil/core": ">=1.0.2"
} }
}, },
"node_modules/@stencil/vue-output-target": { "node_modules/@stencil/vue-output-target": {
@ -19596,9 +19596,9 @@
"dev": true "dev": true
}, },
"@stencil/sass": { "@stencil/sass": {
"version": "1.3.2", "version": "1.5.2",
"resolved": "https://registry.npmjs.org/@stencil/sass/-/sass-1.3.2.tgz", "resolved": "https://registry.npmjs.org/@stencil/sass/-/sass-1.5.2.tgz",
"integrity": "sha512-w6rkOsRIPY1rBa/13Wf+rMZrOzc6z86/Mkp3inzaYGsxBmLkf4PeP1rfaUB4SFDVRfMduP7FTd4ZJi/+FVrsMw==", "integrity": "sha512-nJ93pUSylsGsMX0eLmhxh1oEljcUjj5mYjhB9ziCdoaydAdjukrUoqDCC7tdVbOcBo2hKptQyWqCtETnBGYsXQ==",
"dev": true "dev": true
}, },
"@stencil/vue-output-target": { "@stencil/vue-output-target": {

2
core/package.json
View File

@ -46,7 +46,7 @@
"@rollup/plugin-virtual": "^2.0.3", "@rollup/plugin-virtual": "^2.0.3",
"@stencil/angular-output-target": "^0.4.0", "@stencil/angular-output-target": "^0.4.0",
"@stencil/react-output-target": "^0.2.1", "@stencil/react-output-target": "^0.2.1",
"@stencil/sass": "1.3.2", "@stencil/sass": "^1.5.2",
"@stencil/vue-output-target": "^0.6.0", "@stencil/vue-output-target": "^0.6.0",
"@types/jest": "^26.0.20", "@types/jest": "^26.0.20",
"@types/node": "^14.6.0", "@types/node": "^14.6.0",

9
core/src/components/alert/alert.ios.vars.scss
View File

@ -1,3 +1,4 @@
@use "sass:math";
@import "../../themes/ionic.globals.ios"; @import "../../themes/ionic.globals.ios";
@import "../item/item.ios.vars"; @import "../item/item.ios.vars";
@ -275,16 +276,16 @@ $alert-ios-checkbox-background-color-off: $item-ios-background !de
$alert-ios-checkbox-background-color-on: ion-color(primary, base) !default; $alert-ios-checkbox-background-color-on: ion-color(primary, base) !default;
/// @prop - Top of the icon in the checkbox alert /// @prop - Top of the icon in the checkbox alert
$alert-ios-checkbox-icon-top: $alert-ios-checkbox-size / 6 !default; $alert-ios-checkbox-icon-top: math.div($alert-ios-checkbox-size, 6) !default;
/// @prop - Start of the icon in the checkbox alert /// @prop - Start of the icon in the checkbox alert
$alert-ios-checkbox-icon-start: ($alert-ios-checkbox-size / 3) + 1px !default; $alert-ios-checkbox-icon-start: math.div($alert-ios-checkbox-size, 3) + 1px !default;
/// @prop - Width of the icon in the checkbox alert /// @prop - Width of the icon in the checkbox alert
$alert-ios-checkbox-icon-width: ($alert-ios-checkbox-size / 6) + 1px !default; $alert-ios-checkbox-icon-width: math.div($alert-ios-checkbox-size, 6) + 1px !default;
/// @prop - Height of the icon in the checkbox alert /// @prop - Height of the icon in the checkbox alert
$alert-ios-checkbox-icon-height: $alert-ios-checkbox-size / 2 !default; $alert-ios-checkbox-icon-height: $alert-ios-checkbox-size * 0.5 !default;
/// @prop - Border width of the icon in the checkbox alert /// @prop - Border width of the icon in the checkbox alert
$alert-ios-checkbox-icon-border-width: $alert-ios-checkbox-border-width !default; $alert-ios-checkbox-icon-border-width: $alert-ios-checkbox-border-width !default;

4
core/src/components/alert/alert.md.vars.scss
View File

@ -203,13 +203,13 @@ $alert-md-radio-border-color-off: $text-color-step-450 !default;
$alert-md-radio-border-color-on: $alert-md-button-text-color !default; $alert-md-radio-border-color-on: $alert-md-button-text-color !default;
/// @prop - Width of the icon in the alert radio /// @prop - Width of the icon in the alert radio
$alert-md-radio-icon-width: $alert-md-radio-width / 2 !default; $alert-md-radio-icon-width: $alert-md-radio-width * 0.5 !default;
/// @prop - Height of the icon in the alert radio /// @prop - Height of the icon in the alert radio
$alert-md-radio-icon-height: $alert-md-radio-icon-width !default; $alert-md-radio-icon-height: $alert-md-radio-icon-width !default;
/// @prop - Top of the icon in the alert radio /// @prop - Top of the icon in the alert radio
$alert-md-radio-icon-top: ($alert-md-radio-width - $alert-md-radio-icon-width - $alert-md-radio-border-width * 2) / 2 !default; $alert-md-radio-icon-top: ($alert-md-radio-width - $alert-md-radio-icon-width - $alert-md-radio-border-width * 2) * 0.5 !default;
/// @prop - Start of the icon in the radio alert /// @prop - Start of the icon in the radio alert
$alert-md-radio-icon-start: $alert-md-radio-icon-top !default; $alert-md-radio-icon-start: $alert-md-radio-icon-top !default;

9
core/src/components/checkbox/checkbox.ios.vars.scss
View File

@ -1,3 +1,4 @@
@use "sass:math";
@import "../../themes/ionic.globals.ios"; @import "../../themes/ionic.globals.ios";
@import "../item/item.ios.vars"; @import "../item/item.ios.vars";
@ -41,16 +42,16 @@ $checkbox-ios-checkmark-border-style: solid !default;
$checkbox-ios-checkmark-border-color: ion-color(primary, contrast) !default; $checkbox-ios-checkmark-border-color: ion-color(primary, contrast) !default;
/// @prop - Top of the checkmark in the checkbox /// @prop - Top of the checkmark in the checkbox
$checkbox-ios-checkmark-top: $checkbox-ios-icon-size / 6 !default; $checkbox-ios-checkmark-top: math.div($checkbox-ios-icon-size, 6) !default;
/// @prop - Start of the checkmark in the checkbox /// @prop - Start of the checkmark in the checkbox
$checkbox-ios-checkmark-start: ($checkbox-ios-icon-size / 3) + 1px !default; $checkbox-ios-checkmark-start: math.div($checkbox-ios-icon-size, 3) + 1px !default;
/// @prop - Width of the checkmark in the checkbox /// @prop - Width of the checkmark in the checkbox
$checkbox-ios-checkmark-width: ($checkbox-ios-icon-size / 6) + 1px !default; $checkbox-ios-checkmark-width: math.div($checkbox-ios-icon-size, 6) + 1px !default;
/// @prop - Height of the checkmark in the checkbox /// @prop - Height of the checkmark in the checkbox
$checkbox-ios-checkmark-height: $checkbox-ios-icon-size / 2 !default; $checkbox-ios-checkmark-height: $checkbox-ios-icon-size * 0.5 !default;
/// @prop - Opacity of the disabled checkbox /// @prop - Opacity of the disabled checkbox
$checkbox-ios-disabled-opacity: .3 !default; $checkbox-ios-disabled-opacity: .3 !default;

10
core/src/components/datetime/datetime.ios.scss
View File

@ -45,7 +45,7 @@
} }
:host .calendar-action-buttons ion-buttons { :host .calendar-action-buttons ion-buttons {
@include padding($datetime-ios-padding / 2, 0, 0, 0); @include padding($datetime-ios-padding * 0.5, 0, 0, 0);
} }
:host .calendar-action-buttons ion-buttons ion-button { :host .calendar-action-buttons ion-buttons ion-button {
@ -55,7 +55,7 @@
// Calendar / Header / Days of Week // Calendar / Header / Days of Week
// ----------------------------------- // -----------------------------------
:host .calendar-days-of-week { :host .calendar-days-of-week {
@include padding(0, $datetime-ios-padding / 2, 0, $datetime-ios-padding / 2); @include padding(0, $datetime-ios-padding * 0.5, 0, $datetime-ios-padding * 0.5);
color: $text-color-step-700; color: $text-color-step-700;
@ -79,7 +79,7 @@
* this padding a snapping point if applied * this padding a snapping point if applied
* on .calendar-month * on .calendar-month
*/ */
@include padding($datetime-ios-padding / 2, $datetime-ios-padding / 2, $datetime-ios-padding / 2, $datetime-ios-padding / 2); @include padding($datetime-ios-padding * 0.5, $datetime-ios-padding * 0.5, $datetime-ios-padding * 0.5, $datetime-ios-padding * 0.5);
height: calc(100% - #{$datetime-ios-padding}); height: calc(100% - #{$datetime-ios-padding});
} }
@ -136,7 +136,7 @@
// Time / Header // Time / Header
// ----------------------------------- // -----------------------------------
:host .datetime-time { :host .datetime-time {
@include padding($datetime-ios-padding / 2, $datetime-ios-padding, $datetime-ios-padding, $datetime-ios-padding); @include padding($datetime-ios-padding * 0.5, $datetime-ios-padding, $datetime-ios-padding, $datetime-ios-padding);
font-size: 16px; font-size: 16px;
} }
@ -148,7 +148,7 @@
// Footer // Footer
// ----------------------------------- // -----------------------------------
:host .datetime-buttons { :host .datetime-buttons {
@include padding($datetime-ios-padding / 2, $datetime-ios-padding / 2, $datetime-ios-padding / 2, $datetime-ios-padding / 2); @include padding($datetime-ios-padding * 0.5, $datetime-ios-padding * 0.5, $datetime-ios-padding * 0.5, $datetime-ios-padding * 0.5);
border-top: $datetime-ios-border-color; border-top: $datetime-ios-border-color;
} }

2
core/src/components/datetime/datetime.md.scss
View File

@ -115,7 +115,7 @@
// Time / Header // Time / Header
// ----------------------------------- // -----------------------------------
:host .datetime-time { :host .datetime-time {
@include padding($datetime-md-padding / 2, $datetime-md-padding, $datetime-md-padding / 2, $datetime-md-padding); @include padding($datetime-md-padding * 0.5, $datetime-md-padding, $datetime-md-padding * 0.5, $datetime-md-padding);
} }
:host .time-header { :host .time-header {

2
core/src/components/fab-button/fab-button.scss
View File

@ -199,7 +199,7 @@
// -------------------------------------------------- // --------------------------------------------------
:host(.fab-button-small) { :host(.fab-button-small) {
@include margin(($fab-size - $fab-small-size) / 2); @include margin(($fab-size - $fab-small-size) * 0.5);
width: #{$fab-small-size}; width: #{$fab-small-size};
height: #{$fab-small-size}; height: #{$fab-small-size};

8
core/src/components/fab/fab.scss
View File

@ -15,7 +15,7 @@
:host(.fab-horizontal-center) { :host(.fab-horizontal-center) {
@include position(null, null, null, 50%); @include position(null, null, null, 50%);
@include margin-horizontal(-$fab-size / 2, null); @include margin-horizontal(-$fab-size * 0.5, null);
} }
:host(.fab-horizontal-start) { :host(.fab-horizontal-start) {
@ -39,7 +39,7 @@
} }
:host(.fab-vertical-top.fab-edge) { :host(.fab-vertical-top.fab-edge) {
top: -$fab-size / 2; top: -$fab-size * 0.5;
} }
@ -48,12 +48,12 @@
} }
:host(.fab-vertical-bottom.fab-edge) { :host(.fab-vertical-bottom.fab-edge) {
bottom: -$fab-size / 2; bottom: -$fab-size * 0.5;
} }
:host(.fab-vertical-center) { :host(.fab-vertical-center) {
@include margin(-$fab-size / 2, null, null, null); @include margin(-$fab-size * 0.5, null, null, null);
top: 50%; top: 50%;
} }

14
core/src/components/input/input.ios.vars.scss
View File

@ -11,7 +11,7 @@ $input-ios-font-size: inherit !default;
$input-ios-padding-top: $item-ios-padding-top !default; $input-ios-padding-top: $item-ios-padding-top !default;
/// @prop - Margin end of the input /// @prop - Margin end of the input
$input-ios-padding-end: ($item-ios-padding-end / 2) !default; $input-ios-padding-end: ($item-ios-padding-end * 0.5) !default;
/// @prop - Margin bottom of the input /// @prop - Margin bottom of the input
$input-ios-padding-bottom: $item-ios-padding-bottom !default; $input-ios-padding-bottom: $item-ios-padding-bottom !default;
@ -23,25 +23,25 @@ $input-ios-padding-start: 0 !default;
$input-ios-by-label-margin-start: $item-ios-padding-start !default; $input-ios-by-label-margin-start: $item-ios-padding-start !default;
/// @prop - Padding top of the inset input /// @prop - Padding top of the inset input
$input-ios-inset-padding-top: ($item-ios-padding-top / 2) !default; $input-ios-inset-padding-top: ($item-ios-padding-top * 0.5) !default;
/// @prop - Padding end of the inset input /// @prop - Padding end of the inset input
$input-ios-inset-padding-end: ($item-ios-padding-end / 2) !default; $input-ios-inset-padding-end: ($item-ios-padding-end * 0.5) !default;
/// @prop - Padding bottom of the inset input /// @prop - Padding bottom of the inset input
$input-ios-inset-padding-bottom: ($item-ios-padding-bottom / 2) !default; $input-ios-inset-padding-bottom: ($item-ios-padding-bottom * 0.5) !default;
/// @prop - Padding start of the inset input /// @prop - Padding start of the inset input
$input-ios-inset-padding-start: ($item-ios-padding-start / 2) !default; $input-ios-inset-padding-start: ($item-ios-padding-start * 0.5) !default;
/// @prop - Margin top of the inset input /// @prop - Margin top of the inset input
$input-ios-inset-margin-top: ($item-ios-padding-top / 2) !default; $input-ios-inset-margin-top: ($item-ios-padding-top * 0.5) !default;
/// @prop - Margin end of the inset input /// @prop - Margin end of the inset input
$input-ios-inset-margin-end: $item-ios-padding-end !default; $input-ios-inset-margin-end: $item-ios-padding-end !default;
/// @prop - Margin bottom of the inset input /// @prop - Margin bottom of the inset input
$input-ios-inset-margin-bottom: ($item-ios-padding-bottom / 2) !default; $input-ios-inset-margin-bottom: ($item-ios-padding-bottom * 0.5) !default;
/// @prop - Margin start of the inset input /// @prop - Margin start of the inset input
$input-ios-inset-margin-start: 0 !default; $input-ios-inset-margin-start: 0 !default;

12
core/src/components/input/input.md.vars.scss
View File

@ -17,7 +17,7 @@ $input-md-padding-end: 0 !default;
$input-md-padding-bottom: 10px !default; $input-md-padding-bottom: 10px !default;
/// @prop - Margin start of the input /// @prop - Margin start of the input
$input-md-padding-start: ($item-md-padding-start / 2) !default; $input-md-padding-start: ($item-md-padding-start * 0.5) !default;
/// @prop - Width of the icon used to clear the input /// @prop - Width of the icon used to clear the input
$input-md-input-clear-icon-width: 30px !default; $input-md-input-clear-icon-width: 30px !default;
@ -53,25 +53,25 @@ $input-md-highlight-color-valid: ion-color(success, base) !default;
$input-md-highlight-color-invalid: ion-color(danger, base) !default; $input-md-highlight-color-invalid: ion-color(danger, base) !default;
/// @prop - Padding top of the inset input /// @prop - Padding top of the inset input
$input-md-inset-padding-top: ($item-md-padding-top / 2) !default; $input-md-inset-padding-top: ($item-md-padding-top * 0.5) !default;
/// @prop - Padding end of the inset input /// @prop - Padding end of the inset input
$input-md-inset-padding-end: 0 !default; $input-md-inset-padding-end: 0 !default;
/// @prop - Padding bottom of the inset input /// @prop - Padding bottom of the inset input
$input-md-inset-padding-bottom: ($item-md-padding-bottom / 2) !default; $input-md-inset-padding-bottom: ($item-md-padding-bottom * 0.5) !default;
/// @prop - Padding start of the inset input /// @prop - Padding start of the inset input
$input-md-inset-padding-start: ($item-md-padding-start / 2) !default; $input-md-inset-padding-start: ($item-md-padding-start * 0.5) !default;
/// @prop - Margin top of the inset input /// @prop - Margin top of the inset input
$input-md-inset-margin-top: ($item-md-padding-top / 2) !default; $input-md-inset-margin-top: ($item-md-padding-top * 0.5) !default;
/// @prop - Margin end of the inset input /// @prop - Margin end of the inset input
$input-md-inset-margin-end: $item-md-padding-end !default; $input-md-inset-margin-end: $item-md-padding-end !default;
/// @prop - Margin bottom of the inset input /// @prop - Margin bottom of the inset input
$input-md-inset-margin-bottom: ($item-md-padding-bottom / 2) !default; $input-md-inset-margin-bottom: ($item-md-padding-bottom * 0.5) !default;
/// @prop - Margin start of the inset input /// @prop - Margin start of the inset input
$input-md-inset-margin-start: $item-md-padding-start !default; $input-md-inset-margin-start: $item-md-padding-start !default;

2
core/src/components/item-divider/item-divider.ios.scss
View File

@ -8,7 +8,7 @@
--background: #{$item-divider-ios-background}; --background: #{$item-divider-ios-background};
--color: #{$item-divider-ios-color}; --color: #{$item-divider-ios-color};
--padding-start: #{$item-divider-ios-padding-start}; --padding-start: #{$item-divider-ios-padding-start};
--inner-padding-end: #{$item-divider-ios-padding-end / 2}; --inner-padding-end: #{$item-divider-ios-padding-end * 0.5};
@include border-radius(0); @include border-radius(0);

4
core/src/components/item/item.ios.scss
View File

@ -8,7 +8,7 @@
--min-height: #{$item-ios-min-height}; --min-height: #{$item-ios-min-height};
--transition: background-color 200ms linear, opacity 200ms linear; --transition: background-color 200ms linear, opacity 200ms linear;
--padding-start: #{$item-ios-padding-start}; --padding-start: #{$item-ios-padding-start};
--inner-padding-end: #{$item-ios-padding-end / 2}; --inner-padding-end: #{$item-ios-padding-end * 0.5};
--inner-border-width: #{0px 0px $item-ios-border-bottom-width 0px}; --inner-border-width: #{0px 0px $item-ios-border-bottom-width 0px};
--background: #{$item-ios-background}; --background: #{$item-ios-background};
--background-activated: #000; --background-activated: #000;
@ -170,7 +170,7 @@
::slotted(ion-avatar[slot="end"]), ::slotted(ion-avatar[slot="end"]),
::slotted(ion-thumbnail[slot="end"]) { ::slotted(ion-thumbnail[slot="end"]) {
@include margin(($item-ios-padding-end / 2)); @include margin(($item-ios-padding-end * 0.5));
} }

2
core/src/components/item/item.ios.vars.scss
View File

@ -95,7 +95,7 @@ $item-ios-slot-start-margin-start: 0 !default;
$item-ios-slot-end-margin-top: null !default; $item-ios-slot-end-margin-top: null !default;
/// @prop - Margin end for the end slot /// @prop - Margin end for the end slot
$item-ios-slot-end-margin-end: ($item-ios-padding-start / 2) !default; $item-ios-slot-end-margin-end: ($item-ios-padding-start * 0.5) !default;
/// @prop - Margin bottom for the end slot /// @prop - Margin bottom for the end slot
$item-ios-slot-end-margin-bottom: $item-ios-slot-end-margin-top !default; $item-ios-slot-end-margin-bottom: $item-ios-slot-end-margin-top !default;

2
core/src/components/label/label.ios.vars.scss
View File

@ -14,7 +14,7 @@ $label-ios-text-color-focused: null !default;
$label-ios-margin-top: $item-ios-padding-top !default; $label-ios-margin-top: $item-ios-padding-top !default;
/// @prop - Margin end of the label /// @prop - Margin end of the label
$label-ios-margin-end: ($item-ios-padding-end / 2) !default; $label-ios-margin-end: ($item-ios-padding-end * 0.5) !default;
/// @prop - Margin bottom of the label /// @prop - Margin bottom of the label
$label-ios-margin-bottom: $item-ios-padding-bottom !default; $label-ios-margin-bottom: $item-ios-padding-bottom !default;

2
core/src/components/picker/picker.ios.vars.scss
View File

@ -88,4 +88,4 @@ $picker-ios-option-font-size: 20px !default;
$picker-ios-option-height: 42px !default; $picker-ios-option-height: 42px !default;
/// @prop - Offset y of the picker option /// @prop - Offset y of the picker option
$picker-ios-option-offset-y: (($picker-ios-height - $picker-ios-toolbar-height) / 2) - ($picker-ios-option-height / 2) - 10 !default; $picker-ios-option-offset-y: (($picker-ios-height - $picker-ios-toolbar-height) * 0.5) - ($picker-ios-option-height * 0.5) - 10 !default;

2
core/src/components/picker/picker.md.vars.scss
View File

@ -73,7 +73,7 @@ $picker-md-option-font-size: 22px !default;
$picker-md-option-height: 42px !default; $picker-md-option-height: 42px !default;
/// @prop - Offset y of the picker option /// @prop - Offset y of the picker option
$picker-md-option-offset-y: (($picker-md-height - $picker-md-toolbar-height) / 2) - ($picker-md-option-height / 2) - 10 !default; $picker-md-option-offset-y: (($picker-md-height - $picker-md-toolbar-height) * 0.5) - ($picker-md-option-height * 0.5) - 10 !default;
/// @prop - Text color of the selected picker option /// @prop - Text color of the selected picker option
$picker-md-option-selected-color: ion-color(primary, base) !default; $picker-md-option-selected-color: ion-color(primary, base) !default;

2
core/src/components/radio/radio.ios.vars.scss
View File

@ -47,4 +47,4 @@ $radio-ios-item-end-margin-end: 11px !default;
$radio-ios-item-end-margin-bottom: $radio-ios-item-end-margin-top !default; $radio-ios-item-end-margin-bottom: $radio-ios-item-end-margin-top !default;
/// @prop - Margin start of the item-end in a radio /// @prop - Margin start of the item-end in a radio
$radio-ios-item-end-margin-start: ($item-ios-padding-start / 2) !default; $radio-ios-item-end-margin-start: ($item-ios-padding-start * 0.5) !default;

4
core/src/components/range/range.ios.scss
View File

@ -44,11 +44,11 @@
} }
.range-tick { .range-tick {
@include margin-horizontal(-($range-ios-tick-width / 2), null); @include margin-horizontal(-($range-ios-tick-width * 0.5), null);
@include border-radius($range-ios-tick-border-radius); @include border-radius($range-ios-tick-border-radius);
position: absolute; position: absolute;
top: ($range-ios-hit-height / 2) - ($range-ios-tick-height / 2) + ($range-ios-bar-height / 2); top: ($range-ios-hit-height * 0.5) - ($range-ios-tick-height * 0.5) + ($range-ios-bar-height * 0.5);
width: $range-ios-tick-width; width: $range-ios-tick-width;
height: $range-ios-tick-height; height: $range-ios-tick-height;

2
core/src/components/select/select.ios.vars.scss
View File

@ -8,7 +8,7 @@
$select-ios-padding-top: $item-ios-padding-top !default; $select-ios-padding-top: $item-ios-padding-top !default;
/// @prop - Padding end of the select /// @prop - Padding end of the select
$select-ios-padding-end: ($item-ios-padding-end / 2) !default; $select-ios-padding-end: ($item-ios-padding-end * 0.5) !default;
/// @prop - Padding bottom of the select /// @prop - Padding bottom of the select
$select-ios-padding-bottom: $item-ios-padding-bottom !default; $select-ios-padding-bottom: $item-ios-padding-bottom !default;

2
core/src/components/textarea/textarea.ios.vars.scss
View File

@ -14,7 +14,7 @@ $textarea-ios-font-size: inherit !default;
$textarea-ios-padding-top: $item-ios-padding-top !default; $textarea-ios-padding-top: $item-ios-padding-top !default;
/// @prop - Margin end of the textarea /// @prop - Margin end of the textarea
$textarea-ios-padding-end: ($item-ios-padding-end / 2) !default; $textarea-ios-padding-end: ($item-ios-padding-end * 0.5) !default;
/// @prop - Margin bottom of the textarea /// @prop - Margin bottom of the textarea
$textarea-ios-padding-bottom: $item-ios-padding-bottom !default; $textarea-ios-padding-bottom: $item-ios-padding-bottom !default;

2
core/src/components/textarea/textarea.md.vars.scss
View File

@ -17,7 +17,7 @@ $textarea-md-padding-end: 0 !default;
$textarea-md-padding-bottom: $item-md-padding-bottom !default; $textarea-md-padding-bottom: $item-md-padding-bottom !default;
/// @prop - Margin start of the textarea /// @prop - Margin start of the textarea
$textarea-md-padding-start: ($item-md-padding-start / 2) !default; $textarea-md-padding-start: ($item-md-padding-start * 0.5) !default;
/// @prop - Placeholder text color of the textarea /// @prop - Placeholder text color of the textarea
$textarea-md-placeholder-color: $placeholder-text-color !default; $textarea-md-placeholder-color: $placeholder-text-color !default;

6
core/src/components/toggle/toggle.ios.vars.scss
View File

@ -14,7 +14,7 @@ $toggle-ios-height: 32px !default;
$toggle-ios-border-width: 2px !default; $toggle-ios-border-width: 2px !default;
/// @prop - Border radius of the toggle /// @prop - Border radius of the toggle
$toggle-ios-border-radius: $toggle-ios-height / 2 !default; $toggle-ios-border-radius: $toggle-ios-height * 0.5 !default;
/// @prop - Background color of the unchecked toggle /// @prop - Background color of the unchecked toggle
$toggle-ios-background-color-off: rgba($text-color-rgb, .088) !default; $toggle-ios-background-color-off: rgba($text-color-rgb, .088) !default;
@ -32,7 +32,7 @@ $toggle-ios-handle-height: $toggle-ios-handle-width !default;
$toggle-ios-handle-max-height: calc(100% - (var(--handle-spacing) * 2)) !default; $toggle-ios-handle-max-height: calc(100% - (var(--handle-spacing) * 2)) !default;
/// @prop - Border radius of the toggle handle /// @prop - Border radius of the toggle handle
$toggle-ios-handle-border-radius: $toggle-ios-width / 2 !default; $toggle-ios-handle-border-radius: $toggle-ios-width * 0.5 !default;
/// @prop - Box shadow of the toggle handle /// @prop - Box shadow of the toggle handle
$toggle-ios-handle-box-shadow: 0 3px 12px rgba(0, 0, 0, .16), 0 3px 1px rgba(0, 0, 0, .1) !default; $toggle-ios-handle-box-shadow: 0 3px 12px rgba(0, 0, 0, .16), 0 3px 1px rgba(0, 0, 0, .1) !default;
@ -68,7 +68,7 @@ $toggle-ios-item-start-padding-start: 0 !default;
$toggle-ios-item-end-padding-top: 6px !default; $toggle-ios-item-end-padding-top: 6px !default;
/// @prop - Padding end of the toggle positioned on the end in an item /// @prop - Padding end of the toggle positioned on the end in an item
$toggle-ios-item-end-padding-end: ($item-ios-padding-end / 2) !default; $toggle-ios-item-end-padding-end: ($item-ios-padding-end * 0.5) !default;
/// @prop - Padding bottom of the toggle positioned on the end in an item /// @prop - Padding bottom of the toggle positioned on the end in an item
$toggle-ios-item-end-padding-bottom: 5px !default; $toggle-ios-item-end-padding-bottom: 5px !default;

6570
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

9663
packages/react-router/test-app/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

6
packages/react-router/test-app/package.json
View File

@ -3,9 +3,9 @@
"version": "0.0.1", "version": "0.0.1",
"private": true, "private": true,
"dependencies": { "dependencies": {
"@babel/core": "7.8.4", "@babel/core": "^7.18.2",
"@ionic/react": "5.6.3", "@ionic/react": "^6.1.9",
"@ionic/react-router": "^5.6.3", "@ionic/react-router": "^6.1.9",
"@svgr/webpack": "4.3.3", "@svgr/webpack": "4.3.3",
"@testing-library/jest-dom": "^4.2.4", "@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.4.0", "@testing-library/react": "^9.4.0",

7852
packages/react/test-app/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1963
packages/vue-router/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
packages/vue-router/package.json
View File

@ -47,12 +47,12 @@
"@ionic/vue": "^6.1.9" "@ionic/vue": "^6.1.9"
}, },
"devDependencies": { "devDependencies": {
"@types/jest": "^26.0.13", "@types/jest": "^27.5.2",
"@types/node": "^14.10.1", "@types/node": "^14.10.1",
"jest": "^27.0.4", "jest": "^27.0.4",
"rimraf": "^3.0.2", "rimraf": "^3.0.2",
"rollup": "^2.32.1", "rollup": "^2.32.1",
"ts-jest": "^26.4.3", "ts-jest": "^27.1.5",
"typescript": "^4.0.5", "typescript": "^4.0.5",
"vue": "^3.0.0", "vue": "^3.0.0",
"vue-router": "^4.0.0-beta.11" "vue-router": "^4.0.0-beta.11"

10353
packages/vue/test-app/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
packages/vue/test-app/package.json
View File

@ -19,7 +19,7 @@
"vue-router": "^4.0.14" "vue-router": "^4.0.14"
}, },
"devDependencies": { "devDependencies": {
"@types/jest": "^24.0.19", "@types/jest": "^27.5.2",
"@typescript-eslint/eslint-plugin": "^5.4.0", "@typescript-eslint/eslint-plugin": "^5.4.0",
"@typescript-eslint/parser": "^5.4.0", "@typescript-eslint/parser": "^5.4.0",
"@vue/cli-plugin-babel": "~5.0.3", "@vue/cli-plugin-babel": "~5.0.3",