Equal number of grid columns and rows (#12180)

Update test snapshots

stubs/config.full.js

@@ -444,6 +444,12 @@ module.exports = {
       'span-4': 'span 4 / span 4',
       'span-5': 'span 5 / span 5',
       'span-6': 'span 6 / span 6',
+      'span-7': 'span 7 / span 7',
+      'span-8': 'span 8 / span 8',
+      'span-9': 'span 9 / span 9',
+      'span-10': 'span 10 / span 10',
+      'span-11': 'span 11 / span 11',
+      'span-12': 'span 12 / span 12',
       'span-full': '1 / -1',
     },
     gridRowEnd: {
@@ -455,6 +461,12 @@ module.exports = {
       5: '5',
       6: '6',
       7: '7',
+      8: '8',
+      9: '9',
+      10: '10',
+      11: '11',
+      12: '12',
+      13: '13',
     },
     gridRowStart: {
       auto: 'auto',
@@ -465,6 +477,12 @@ module.exports = {
       5: '5',
       6: '6',
       7: '7',
+      8: '8',
+      9: '9',
+      10: '10',
+      11: '11',
+      12: '12',
+      13: '13',
     },
     gridTemplateColumns: {
       none: 'none',
@@ -489,6 +507,12 @@ module.exports = {
       4: 'repeat(4, minmax(0, 1fr))',
       5: 'repeat(5, minmax(0, 1fr))',
       6: 'repeat(6, minmax(0, 1fr))',
+      7: 'repeat(7, minmax(0, 1fr))',
+      8: 'repeat(8, minmax(0, 1fr))',
+      9: 'repeat(9, minmax(0, 1fr))',
+      10: 'repeat(10, minmax(0, 1fr))',
+      11: 'repeat(11, minmax(0, 1fr))',
+      12: 'repeat(12, minmax(0, 1fr))',
     },
     height: ({ theme }) => ({
       auto: 'auto',

tests/plugins/__snapshots__/gridRow.test.js.snap

@@ -18,6 +18,18 @@ exports[`should test the 'gridRow' plugin 1`] = `
   grid-row: span 1 / span 1;
 }
 
+.row-span-10 {
+  grid-row: span 10 / span 10;
+}
+
+.row-span-11 {
+  grid-row: span 11 / span 11;
+}
+
+.row-span-12 {
+  grid-row: span 12 / span 12;
+}
+
 .row-span-2 {
   grid-row: span 2 / span 2;
 }
@@ -38,6 +50,18 @@ exports[`should test the 'gridRow' plugin 1`] = `
   grid-row: span 6 / span 6;
 }
 
+.row-span-7 {
+  grid-row: span 7 / span 7;
+}
+
+.row-span-8 {
+  grid-row: span 8 / span 8;
+}
+
+.row-span-9 {
+  grid-row: span 9 / span 9;
+}
+
 .row-span-full {
   grid-row: 1 / -1;
 }

tests/plugins/__snapshots__/gridRowEnd.test.js.snap

@@ -6,6 +6,22 @@ exports[`should test the 'gridRowEnd' plugin 1`] = `
   grid-row-end: 1;
 }
 
+.row-end-10 {
+  grid-row-end: 10;
+}
+
+.row-end-11 {
+  grid-row-end: 11;
+}
+
+.row-end-12 {
+  grid-row-end: 12;
+}
+
+.row-end-13 {
+  grid-row-end: 13;
+}
+
 .row-end-2 {
   grid-row-end: 2;
 }
@@ -30,6 +46,14 @@ exports[`should test the 'gridRowEnd' plugin 1`] = `
   grid-row-end: 7;
 }
 
+.row-end-8 {
+  grid-row-end: 8;
+}
+
+.row-end-9 {
+  grid-row-end: 9;
+}
+
 .row-end-\\[123\\] {
   grid-row-end: 123;
 }

tests/plugins/__snapshots__/gridRowStart.test.js.snap

@@ -6,6 +6,22 @@ exports[`should test the 'gridRowStart' plugin 1`] = `
   grid-row-start: 1;
 }
 
+.row-start-10 {
+  grid-row-start: 10;
+}
+
+.row-start-11 {
+  grid-row-start: 11;
+}
+
+.row-start-12 {
+  grid-row-start: 12;
+}
+
+.row-start-13 {
+  grid-row-start: 13;
+}
+
 .row-start-2 {
   grid-row-start: 2;
 }
@@ -30,6 +46,14 @@ exports[`should test the 'gridRowStart' plugin 1`] = `
   grid-row-start: 7;
 }
 
+.row-start-8 {
+  grid-row-start: 8;
+}
+
+.row-start-9 {
+  grid-row-start: 9;
+}
+
 .row-start-\\[123\\] {
   grid-row-start: 123;
 }

tests/plugins/__snapshots__/gridTemplateRows.test.js.snap

@@ -6,6 +6,18 @@ exports[`should test the 'gridTemplateRows' plugin 1`] = `
   grid-template-rows: repeat(1, minmax(0, 1fr));
 }
 
+.grid-rows-10 {
+  grid-template-rows: repeat(10, minmax(0, 1fr));
+}
+
+.grid-rows-11 {
+  grid-template-rows: repeat(11, minmax(0, 1fr));
+}
+
+.grid-rows-12 {
+  grid-template-rows: repeat(12, minmax(0, 1fr));
+}
+
 .grid-rows-2 {
   grid-template-rows: repeat(2, minmax(0, 1fr));
 }
@@ -26,6 +38,18 @@ exports[`should test the 'gridTemplateRows' plugin 1`] = `
   grid-template-rows: repeat(6, minmax(0, 1fr));
 }
 
+.grid-rows-7 {
+  grid-template-rows: repeat(7, minmax(0, 1fr));
+}
+
+.grid-rows-8 {
+  grid-template-rows: repeat(8, minmax(0, 1fr));
+}
+
+.grid-rows-9 {
+  grid-template-rows: repeat(9, minmax(0, 1fr));
+}
+
 .grid-rows-\\[12\\] {
   grid-template-rows: 12px;
 }