Add more shorthand data

hudochenkov · Oct 20, 2024 · b304239 · b304239
1 parent 38e2915
commit b304239
Show file tree

Hide file tree

Showing 3 changed files with 113 additions and 8 deletions.
diff --git a/lib/properties-order/__tests__/fixtures/properties-alphabetical-shorthand.css b/lib/properties-order/__tests__/fixtures/properties-alphabetical-shorthand.css
@@ -21,3 +21,26 @@ a {
 	border-color: transparent;
 	border-bottom-color: pink;
 }
+
+a {
+	margin-inline: 0;
+	margin: 0;
+}
+
+a {
+	margin-bottom: 0;
+	margin-inline: 0;
+	margin: 0;
+}
+
+a {
+	margin-top: 0;
+	margin-inline: 0;
+	margin: 0;
+}
+
+a {
+	margin-bottom: 0;
+	margin-inline-start: 0;
+	margin: 0;
+}
diff --git a/lib/properties-order/__tests__/fixtures/properties-alphabetical-shorthand.expected.css b/lib/properties-order/__tests__/fixtures/properties-alphabetical-shorthand.expected.css
@@ -21,3 +21,26 @@ a {
 	border-color: transparent;
 	border-bottom-color: pink;
 }
+
+a {
+	margin: 0;
+	margin-inline: 0;
+}
+
+a {
+	margin: 0;
+	margin-inline: 0;
+	margin-bottom: 0;
+}
+
+a {
+	margin: 0;
+	margin-inline: 0;
+	margin-top: 0;
+}
+
+a {
+	margin: 0;
+	margin-inline-start: 0;
+	margin-bottom: 0;
+}
diff --git a/lib/properties-order/shorthandData.js b/lib/properties-order/shorthandData.js
@@ -1,13 +1,72 @@
 'use strict';
 
 // See https://github.com/stylelint/stylelint/blob/10.1.0/lib/reference/shorthandData.js
+// More properties were added in addition to the file above
 module.exports = {
-	margin: ['margin-top', 'margin-bottom', 'margin-left', 'margin-right'],
-	'margin-block': ['margin-block-start', 'margin-block-end'],
-	'margin-inline': ['margin-inline-start', 'margin-inline-end'],
-	padding: ['padding-top', 'padding-bottom', 'padding-left', 'padding-right'],
-	'padding-block': ['padding-block-start', 'padding-block-end'],
-	'padding-inline': ['padding-inline-start', 'padding-inline-end'],
+	margin: [
+		'margin-top',
+		'margin-bottom',
+		'margin-left',
+		'margin-right',
+		'margin-block',
+		'margin-block-start',
+		'margin-block-end',
+		'margin-inline',
+		'margin-inline-start',
+		'margin-inline-end',
+	],
+	'margin-block': [
+		'margin-block-start',
+		'margin-block-end',
+		'margin-top',
+		'margin-bottom',
+		'margin-left',
+		'margin-right',
+	],
+	'margin-block-start': ['margin-top', 'margin-bottom', 'margin-left', 'margin-right'],
+	'margin-block-end': ['margin-top', 'margin-bottom', 'margin-left', 'margin-right'],
+	'margin-inline': [
+		'margin-inline-start',
+		'margin-inline-end',
+		'margin-top',
+		'margin-bottom',
+		'margin-left',
+		'margin-right',
+	],
+	'margin-inline-start': ['margin-top', 'margin-bottom', 'margin-left', 'margin-right'],
+	'margin-inline-end': ['margin-top', 'margin-bottom', 'margin-left', 'margin-right'],
+	padding: [
+		'padding-top',
+		'padding-bottom',
+		'padding-left',
+		'padding-right',
+		'padding-block',
+		'padding-block-start',
+		'padding-block-end',
+		'padding-inline',
+		'padding-inline-start',
+		'padding-inline-end',
+	],
+	'padding-block': [
+		'padding-block-start',
+		'padding-block-end',
+		'padding-top',
+		'padding-bottom',
+		'padding-left',
+		'padding-right',
+	],
+	'padding-block-start': ['padding-top', 'padding-bottom', 'padding-left', 'padding-right'],
+	'padding-block-end': ['padding-top', 'padding-bottom', 'padding-left', 'padding-right'],
+	'padding-inline': [
+		'padding-inline-start',
+		'padding-inline-end',
+		'padding-top',
+		'padding-bottom',
+		'padding-left',
+		'padding-right',
+	],
+	'padding-inline-start': ['padding-top', 'padding-bottom', 'padding-left', 'padding-right'],
+	'padding-inline-end': ['padding-top', 'padding-bottom', 'padding-left', 'padding-right'],
 	background: [
 		'background-image',
 		'background-size',
@@ -153,6 +212,6 @@ module.exports = {
 		'mask-border-repeat',
 		'mask-border-slice',
 		'mask-border-source',
-		'mask-border-width'
-	]
+		'mask-border-width',
+	],
 };