Skip to content

Commit efe9e92

Browse files
authored
chore(): update @stencil/sass, regenerate package-locks (#25441)
1 parent a538bfe commit efe9e92

33 files changed

+26445
-34104
lines changed

angular/test/test-app/package-lock.json

Lines changed: 10125 additions & 13509 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

angular/test/test-app/package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131
"@angular/router": "^13.1.3",
3232
"@ionic/angular": "^6.0.12",
3333
"@ionic/angular-server": "^6.0.12",
34-
"@nguniversal/express-engine": "^12.1.1",
34+
"@nguniversal/express-engine": "^13.1.1",
3535
"angular-in-memory-web-api": "^0.11.0",
3636
"core-js": "^2.6.11",
3737
"express": "^4.15.2",
@@ -60,9 +60,9 @@
6060
"eslint": "^7.26.0",
6161
"ts-loader": "^6.2.2",
6262
"ts-node": "^8.3.0",
63-
"typescript": "^4.5.5",
63+
"typescript": "~4.6.0",
6464
"wait-on": "^5.2.1",
6565
"webpack": "^5.61.0",
66-
"webpack-cli": "^3.3.12"
66+
"webpack-cli": "^4.9.2"
6767
}
6868
}

core/package-lock.json

Lines changed: 8 additions & 8 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

core/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@
4646
"@rollup/plugin-virtual": "^2.0.3",
4747
"@stencil/angular-output-target": "^0.4.0",
4848
"@stencil/react-output-target": "^0.2.1",
49-
"@stencil/sass": "1.3.2",
49+
"@stencil/sass": "^1.5.2",
5050
"@stencil/vue-output-target": "^0.6.0",
5151
"@types/jest": "^26.0.20",
5252
"@types/node": "^14.6.0",

core/src/components/alert/alert.ios.vars.scss

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
@use "sass:math";
12
@import "../../themes/ionic.globals.ios";
23
@import "../item/item.ios.vars";
34

@@ -275,16 +276,16 @@ $alert-ios-checkbox-background-color-off: $item-ios-background !de
275276
$alert-ios-checkbox-background-color-on: ion-color(primary, base) !default;
276277

277278
/// @prop - Top of the icon in the checkbox alert
278-
$alert-ios-checkbox-icon-top: $alert-ios-checkbox-size / 6 !default;
279+
$alert-ios-checkbox-icon-top: math.div($alert-ios-checkbox-size, 6) !default;
279280

280281
/// @prop - Start of the icon in the checkbox alert
281-
$alert-ios-checkbox-icon-start: ($alert-ios-checkbox-size / 3) + 1px !default;
282+
$alert-ios-checkbox-icon-start: math.div($alert-ios-checkbox-size, 3) + 1px !default;
282283

283284
/// @prop - Width of the icon in the checkbox alert
284-
$alert-ios-checkbox-icon-width: ($alert-ios-checkbox-size / 6) + 1px !default;
285+
$alert-ios-checkbox-icon-width: math.div($alert-ios-checkbox-size, 6) + 1px !default;
285286

286287
/// @prop - Height of the icon in the checkbox alert
287-
$alert-ios-checkbox-icon-height: $alert-ios-checkbox-size / 2 !default;
288+
$alert-ios-checkbox-icon-height: $alert-ios-checkbox-size * 0.5 !default;
288289

289290
/// @prop - Border width of the icon in the checkbox alert
290291
$alert-ios-checkbox-icon-border-width: $alert-ios-checkbox-border-width !default;

core/src/components/alert/alert.md.vars.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -203,13 +203,13 @@ $alert-md-radio-border-color-off: $text-color-step-450 !default;
203203
$alert-md-radio-border-color-on: $alert-md-button-text-color !default;
204204

205205
/// @prop - Width of the icon in the alert radio
206-
$alert-md-radio-icon-width: $alert-md-radio-width / 2 !default;
206+
$alert-md-radio-icon-width: $alert-md-radio-width * 0.5 !default;
207207

208208
/// @prop - Height of the icon in the alert radio
209209
$alert-md-radio-icon-height: $alert-md-radio-icon-width !default;
210210

211211
/// @prop - Top of the icon in the alert radio
212-
$alert-md-radio-icon-top: ($alert-md-radio-width - $alert-md-radio-icon-width - $alert-md-radio-border-width * 2) / 2 !default;
212+
$alert-md-radio-icon-top: ($alert-md-radio-width - $alert-md-radio-icon-width - $alert-md-radio-border-width * 2) * 0.5 !default;
213213

214214
/// @prop - Start of the icon in the radio alert
215215
$alert-md-radio-icon-start: $alert-md-radio-icon-top !default;

core/src/components/checkbox/checkbox.ios.vars.scss

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
@use "sass:math";
12
@import "../../themes/ionic.globals.ios";
23
@import "../item/item.ios.vars";
34

@@ -41,16 +42,16 @@ $checkbox-ios-checkmark-border-style: solid !default;
4142
$checkbox-ios-checkmark-border-color: ion-color(primary, contrast) !default;
4243

4344
/// @prop - Top of the checkmark in the checkbox
44-
$checkbox-ios-checkmark-top: $checkbox-ios-icon-size / 6 !default;
45+
$checkbox-ios-checkmark-top: math.div($checkbox-ios-icon-size, 6) !default;
4546

4647
/// @prop - Start of the checkmark in the checkbox
47-
$checkbox-ios-checkmark-start: ($checkbox-ios-icon-size / 3) + 1px !default;
48+
$checkbox-ios-checkmark-start: math.div($checkbox-ios-icon-size, 3) + 1px !default;
4849

4950
/// @prop - Width of the checkmark in the checkbox
50-
$checkbox-ios-checkmark-width: ($checkbox-ios-icon-size / 6) + 1px !default;
51+
$checkbox-ios-checkmark-width: math.div($checkbox-ios-icon-size, 6) + 1px !default;
5152

5253
/// @prop - Height of the checkmark in the checkbox
53-
$checkbox-ios-checkmark-height: $checkbox-ios-icon-size / 2 !default;
54+
$checkbox-ios-checkmark-height: $checkbox-ios-icon-size * 0.5 !default;
5455

5556
/// @prop - Opacity of the disabled checkbox
5657
$checkbox-ios-disabled-opacity: .3 !default;

core/src/components/datetime/datetime.ios.scss

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@
4545
}
4646

4747
:host .calendar-action-buttons ion-buttons {
48-
@include padding($datetime-ios-padding / 2, 0, 0, 0);
48+
@include padding($datetime-ios-padding * 0.5, 0, 0, 0);
4949
}
5050

5151
:host .calendar-action-buttons ion-buttons ion-button {
@@ -55,7 +55,7 @@
5555
// Calendar / Header / Days of Week
5656
// -----------------------------------
5757
:host .calendar-days-of-week {
58-
@include padding(0, $datetime-ios-padding / 2, 0, $datetime-ios-padding / 2);
58+
@include padding(0, $datetime-ios-padding * 0.5, 0, $datetime-ios-padding * 0.5);
5959

6060
color: $text-color-step-700;
6161

@@ -79,7 +79,7 @@
7979
* this padding a snapping point if applied
8080
* on .calendar-month
8181
*/
82-
@include padding($datetime-ios-padding / 2, $datetime-ios-padding / 2, $datetime-ios-padding / 2, $datetime-ios-padding / 2);
82+
@include padding($datetime-ios-padding * 0.5, $datetime-ios-padding * 0.5, $datetime-ios-padding * 0.5, $datetime-ios-padding * 0.5);
8383

8484
height: calc(100% - #{$datetime-ios-padding});
8585
}
@@ -136,7 +136,7 @@
136136
// Time / Header
137137
// -----------------------------------
138138
:host .datetime-time {
139-
@include padding($datetime-ios-padding / 2, $datetime-ios-padding, $datetime-ios-padding, $datetime-ios-padding);
139+
@include padding($datetime-ios-padding * 0.5, $datetime-ios-padding, $datetime-ios-padding, $datetime-ios-padding);
140140

141141
font-size: 16px;
142142
}
@@ -148,7 +148,7 @@
148148
// Footer
149149
// -----------------------------------
150150
:host .datetime-buttons {
151-
@include padding($datetime-ios-padding / 2, $datetime-ios-padding / 2, $datetime-ios-padding / 2, $datetime-ios-padding / 2);
151+
@include padding($datetime-ios-padding * 0.5, $datetime-ios-padding * 0.5, $datetime-ios-padding * 0.5, $datetime-ios-padding * 0.5);
152152

153153
border-top: $datetime-ios-border-color;
154154
}

core/src/components/datetime/datetime.md.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,7 @@
115115
// Time / Header
116116
// -----------------------------------
117117
:host .datetime-time {
118-
@include padding($datetime-md-padding / 2, $datetime-md-padding, $datetime-md-padding / 2, $datetime-md-padding);
118+
@include padding($datetime-md-padding * 0.5, $datetime-md-padding, $datetime-md-padding * 0.5, $datetime-md-padding);
119119
}
120120

121121
:host .time-header {

core/src/components/fab-button/fab-button.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -199,7 +199,7 @@
199199
// --------------------------------------------------
200200

201201
:host(.fab-button-small) {
202-
@include margin(($fab-size - $fab-small-size) / 2);
202+
@include margin(($fab-size - $fab-small-size) * 0.5);
203203

204204
width: #{$fab-small-size};
205205
height: #{$fab-small-size};

0 commit comments

Comments
 (0)