Merge pull request #6493 from nextcloud/dependabot/npm_and_yarn/nextcloud/stylelint-config-2.0.1

Bump @nextcloud/stylelint-config from 1.0.0-beta.0 to 2.0.1

css/merged-files.scss

@@ -1,2 +1,2 @@
-@import 'At.scss';
-@import 'icons.scss';
+@import './At';
+@import './icons';

css/merged-public-share.scss

@@ -1,3 +1,3 @@
-@import 'At.scss';
-@import 'icons.scss';
-@import 'publicshare.scss';
+@import './At';
+@import './icons';
+@import './publicshare';

css/merged-share-auth.scss

@@ -1,3 +1,3 @@
-@import 'At.scss';
-@import 'icons.scss';
-@import 'publicshareauth.scss'
+@import './At';
+@import './icons';
+@import './publicshareauth'

css/merged.scss

@@ -1,3 +1,3 @@
-@import 'At.scss';
-@import 'icons.scss';
-@import 'app.scss';
+@import './At';
+@import './icons';
+@import './app';

package.json

@@ -72,7 +72,7 @@
 		"@nextcloud/babel-config": "^1.0.0",
 		"@nextcloud/browserslist-config": "^2.2.0",
 		"@nextcloud/eslint-config": "^6.1.2",
-		"@nextcloud/stylelint-config": "^1.0.0-beta.0",
+		"@nextcloud/stylelint-config": "^2.0.1",
 		"@nextcloud/webpack-vue-config": "^4.3.0",
 		"@vue/cli-plugin-unit-jest": "^4.5.15",
 		"@vue/cli-service": "^4.5.15",

src/PublicShareAuthSidebar.vue

@@ -190,7 +190,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import './assets/variables.scss';
+@import './assets/variables';
 
 /* Properties based on the app-sidebar */
 #talk-sidebar {

src/assets/avatar.scss

@@ -21,7 +21,7 @@
  */
 @use 'sass:math';
 
-@import 'variables.scss';
+@import 'variables';
 
 
 @mixin avatar-mixin($size: 32px) {

src/assets/buttons.scss

@@ -20,7 +20,7 @@
  *
  */
 
-@import 'variables.scss';
+@import 'variables';
 
 .nc-button {
 	width: $clickable-area;
@@ -54,5 +54,5 @@
 			background-color: var(--color-background-darker);
 		}
 	}
-	
-}
+
+}

src/components/AvatarWrapper/AvatarWrapper.vue

@@ -130,12 +130,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import '../../assets/avatar';
 
 .avatar-wrapper {
 	$avatar-size: 44px;
 	height: $avatar-size;
 	width: $avatar-size;
-	@import '../../assets/avatar.scss';
 	@include avatar-mixin($avatar-size);
 }
 

src/components/AvatarWrapper/AvatarWrapperSmall.vue

@@ -119,12 +119,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import '../../assets/avatar';
 
 .avatar-wrapper {
 	$avatar-size: 22px;
 	height: $avatar-size;
 	width: $avatar-size;
-	@import '../../assets/avatar.scss';
 	@include avatar-mixin($avatar-size);
 }
 

src/components/CallView/CallView.vue

@@ -685,7 +685,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../assets/variables.scss';
+@import '../../assets/variables';
 
 .call-view {
 	width: 100%;

src/components/CallView/Grid/Grid.vue

@@ -788,7 +788,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../../assets/variables.scss';
+@import '../../../assets/variables';
 
 .grid-main-wrapper {
 	position: relative;

src/components/CallView/shared/LocalMediaControls.vue

@@ -907,7 +907,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../../assets/variables.scss';
+@import '../../../assets/variables';
 
 .buttons-bar {
 	display: flex;

src/components/CallView/shared/LocalVideo.vue

@@ -313,8 +313,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../../assets/variables.scss';
-@import '../../../assets/avatar.scss';
+@import '../../../assets/variables';
+@import '../../../assets/avatar';
 @include avatar-mixin(64px);
 @include avatar-mixin(128px);
 

src/components/CallView/shared/Video.vue

@@ -515,15 +515,15 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import '../../../assets/avatar';
+@import '../../../assets/variables';
+@include avatar-mixin(64px);
+@include avatar-mixin(128px);
+
 .forced-white {
 	filter: drop-shadow(1px 1px 4px var(--color-box-shadow));
 }
 
-@import '../../../assets/avatar.scss';
-@import '../../../assets/variables.scss';
-@include avatar-mixin(64px);
-@include avatar-mixin(128px);
-
 .not-connected {
 	video,
 	.avatar-container {

src/components/CallView/shared/VideoBottomBar.vue

@@ -284,7 +284,7 @@ export default {
 
 <style lang="scss" scoped>
 
-@import '../../../assets/variables.scss';
+@import '../../../assets/variables';
 
 .bottom-bar {
 	position: absolute;

src/components/ConversationSettings/ConversationPermissionsSettings.vue

@@ -237,7 +237,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../assets/buttons.scss';
+@import '../../assets/buttons';
 
 ::v-deep .mx-input {
 	margin: 0;

src/components/ConversationSettings/Matterbridge/BridgePart.vue

@@ -184,7 +184,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../../assets/variables.scss';
+@import '../../../assets/variables';
 
 .part {
 	padding-top: 10px;

src/components/Description/Description.vue

@@ -246,8 +246,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../assets/variables.scss';
-@import '../../assets/buttons.scss';
+@import '../../assets/variables';
+@import '../../assets/buttons';
 
 .description {
 	display: flex;

src/components/DeviceChecker/DeviceChecker.vue

@@ -369,8 +369,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../assets/variables.scss';
-@import '../../assets/avatar.scss';
+@import '../../assets/variables';
+@import '../../assets/avatar';
 @include avatar-mixin(64px);
 @include avatar-mixin(128px);
 

src/components/LeftSidebar/SearchBox/SearchBox.vue

@@ -120,7 +120,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../../assets/variables.scss';
+@import '../../../assets/variables';
 
 .app-navigation-search {
 	flex: 1 0 auto;

src/components/LobbyScreen.vue

@@ -112,7 +112,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../assets/variables.scss';
+@import '../assets/variables';
 
 .lobby {
 	display: flex;

src/components/MessagesList/MessagesGroup/AuthorAvatar.vue

@@ -102,7 +102,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../../assets/avatar.scss';
+@import '../../../assets/avatar';
 
 // size of avatars of chat message authors
 $author-avatar-size: 32px;

src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue

@@ -455,7 +455,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../../../../assets/variables.scss';
+@import '../../../../../assets/variables';
 
 .file-preview {
 	position: relative;

src/components/MessagesList/MessagesList.vue

@@ -905,7 +905,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../assets/variables.scss';
+@import '../../assets/variables';
 
 .scroller {
 	flex: 1 0;

src/components/NewMessageForm/AdvancedInput/AdvancedInput.vue

@@ -410,7 +410,6 @@ export default {
 
 <style lang="scss" scoped>
 @use 'sass:math';
-
 @import '../../../assets/variables';
 
 .atwho-wrapper {

src/components/PermissionsEditor/PermissionsEditor.vue

@@ -211,7 +211,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../assets/buttons.scss';
+@import '../../assets/buttons';
 
 $editor-width: 350px;
 

src/components/UploadEditor.vue

@@ -190,7 +190,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../assets/variables.scss';
+@import '../assets/variables';
 
 .upload-editor {
 	&__previews {

src/components/VolumeIndicator/VolumeIndicator.vue

@@ -99,7 +99,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../assets/variables.scss';
+@import '../../assets/variables';
 
 .volume-indicator-wrapper {
 	/* Make the wrapper the positioning context of the volume indicator. */