Merge pull request #12352 from nextcloud/renovate/main-nextcloud-stylelint-config-3.x

ChristophWurst · web-flow · commit 5c75ce125efe · 2026-04-29T20:20:44.000+02:00
chore(deps): bump @nextcloud/stylelint-config from 3.1.1 to ^3.2.1 (main)
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -65,7 +65,7 @@
     "process": "^0.11.10",
     "ramda": "^0.32.0",
     "raw-loader": "^4.0.2",
-    "stylelint": "^16.26.1",
+    "stylelint": "^17.1.1",
     "uuid": "^14.0.0",
     "v-tooltip": "^2.1.3",
     "vue": "^2.7.16",
@@ -82,7 +82,7 @@
     "@nextcloud/babel-config": "^1.3.0",
     "@nextcloud/browserslist-config": "^3.1.2",
     "@nextcloud/eslint-config": "^9.0.0-rc.8",
-    "@nextcloud/stylelint-config": "^3.1.1",
+    "@nextcloud/stylelint-config": "^3.2.1",
     "@playwright/test": "^1.59.1",
     "@vitejs/plugin-vue2": "^2.3.4",
     "@vue/test-utils": "^1.3.6",
diff --git a/src/components/ComposerSessionIndicator.vue b/src/components/ComposerSessionIndicator.vue
@@ -97,7 +97,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/variables';
+@use '../../css/variables.scss';
 
 .composer-session {
 	position: fixed;
diff --git a/src/components/Message.vue b/src/components/Message.vue
@@ -197,7 +197,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/variables';
+@use '../../css/variables.scss';
 
 .v-popover > .trigger > .action-item {
 	border-radius: 22px;
diff --git a/src/components/MessageAttachment.vue b/src/components/MessageAttachment.vue
@@ -276,7 +276,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/variables';
+@use '../../css/variables.scss';
 
 @media screen and (max-width: #{variables.$breakpoint-mobile}) {
 	.attachment{
diff --git a/src/components/MessageAttachments.vue b/src/components/MessageAttachments.vue
@@ -183,7 +183,7 @@ export default {
 </script>
 
 <style lang="scss">
-@use '../../css/variables';
+@use '../../css/variables.scss';
 
 .attachments {
 	width: 100%;
diff --git a/src/components/MessageLoadingSkeleton.vue b/src/components/MessageLoadingSkeleton.vue
@@ -35,7 +35,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/variables';
+@use '../../css/variables.scss';
 
 /* skeleton */
 .message-loading-skeleton {
diff --git a/src/components/MessagePlainTextBody.vue b/src/components/MessagePlainTextBody.vue
@@ -99,10 +99,10 @@ export default {
 
 <style lang="scss">
 .quoted-text {
-	color: var(--color-text-maxcontrast)
+	color: var(--color-text-maxcontrast);
 
 	summary {
-		cursor: pointer
+		cursor: pointer;
 	}
 }
 </style>
@@ -114,10 +114,10 @@ export default {
 }
 
 .mail-signature, .quoted {
-	color: var(--color-text-maxcontrast)
+	color: var(--color-text-maxcontrast);
 
 	summary {
-		cursor: pointer
+		cursor: pointer;
 	}
 }
 </style>
diff --git a/src/components/NewMessageModal.vue b/src/components/NewMessageModal.vue
@@ -646,7 +646,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/variables';
+@use '../../css/variables.scss';
 
 @media only screen and (max-width: 600px) {
 	:deep(.modal-container) {
diff --git a/src/components/NoMessageSelected.vue b/src/components/NoMessageSelected.vue
@@ -60,7 +60,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/fluid';
+@use '../../css/fluid.scss';
 
 .no-message-selected {
 	display: flex;
diff --git a/src/components/PhishingWarning.vue b/src/components/PhishingWarning.vue
@@ -68,7 +68,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/variables';
+@use '../../css/variables.scss';
 
 .phishing-warning {
 	background-color: rgba(var(--color-warning-rgb), 0.2);
@@ -86,7 +86,7 @@ export default {
 		list-style-position: inside;
 		list-style-type: disc;
 		&__item {
-			word-wrap: break-word;
+			overflow-wrap: break-word;
 		}
 	}
 	&__links {
diff --git a/src/components/Thread.vue b/src/components/Thread.vue
@@ -583,7 +583,7 @@ export default {
 </script>
 
 <style lang="scss">
-@use '../../css/variables';
+@use '../../css/variables.scss';
 
 #mail-message {
 	width: 100%;
@@ -719,7 +719,7 @@ export default {
 	color: #07d;
 	border-bottom: var(--border-width-input) dotted #07d;
 	text-decoration: none;
-	word-wrap: break-word;
+	overflow-wrap: break-word;
 }
 
 /* Show action button label and move icon to the left
diff --git a/src/directives/drag-and-drop/styles/drag-and-drop.scss b/src/directives/drag-and-drop/styles/drag-and-drop.scss
@@ -2,5 +2,5 @@
  * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-@use 'draggable-envelope';
-@use 'droppable-mailbox';
+@use 'draggable-envelope.scss';
+@use 'droppable-mailbox.scss';
diff --git a/src/views/Setup.vue b/src/views/Setup.vue
@@ -93,7 +93,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/fluid';
+@use '../../css/fluid.scss';
 
 .setup {
 	/* make sure the background image covers everything */

Original file line number	Diff line number	Diff line change
`@@ -99,10 +99,10 @@ export default {`
`99`	`99`
`100`	`100`	`<style lang="scss">`
`101`	`101`	`.quoted-text {`
`102`		`- color: var(--color-text-maxcontrast)`
	`102`	`+ color: var(--color-text-maxcontrast);`
`103`	`103`
`104`	`104`	`summary {`
`105`		`- cursor: pointer`
	`105`	`+ cursor: pointer;`
`106`	`106`	`}`
`107`	`107`	`}`
`108`	`108`	`</style>`
`@@ -114,10 +114,10 @@ export default {`
`114`	`114`	`}`
`115`	`115`
`116`	`116`	`.mail-signature, .quoted {`
`117`		`- color: var(--color-text-maxcontrast)`
	`117`	`+ color: var(--color-text-maxcontrast);`
`118`	`118`
`119`	`119`	`summary {`
`120`		`- cursor: pointer`
	`120`	`+ cursor: pointer;`
`121`	`121`	`}`
`122`	`122`	`}`
`123`	`123`	`</style>`