From ffe9292b3fe66131815d62b9ec6f230f0f74e105 Mon Sep 17 00:00:00 2001
From: Hammad <mhnaeem.dev@gmail.com>
Date: Mon, 11 Apr 2022 18:10:45 -0230
Subject: [PATCH 1/2] Add grid-template-areas to NON_SEMICOLON_NEWLINE_PROPERTY
 list

---
 js/src/css/beautifier.js               | 1 +
 python/cssbeautifier/css/beautifier.py | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/js/src/css/beautifier.js b/js/src/css/beautifier.js
index 997eeb78e..0db7fcbbc 100644
--- a/js/src/css/beautifier.js
+++ b/js/src/css/beautifier.js
@@ -68,6 +68,7 @@ function Beautifier(source_text, options) {
     "@document": true
   };
   this.NON_SEMICOLON_NEWLINE_PROPERTY = [
+    "grid-template-areas",
     "grid-template"
   ];
 
diff --git a/python/cssbeautifier/css/beautifier.py b/python/cssbeautifier/css/beautifier.py
index f5e1d03a0..4de9c862f 100644
--- a/python/cssbeautifier/css/beautifier.py
+++ b/python/cssbeautifier/css/beautifier.py
@@ -119,7 +119,7 @@ def __init__(self, source_text, opts=default_options()):
             "@document",
         }
         self.CONDITIONAL_GROUP_RULE = {"@media", "@supports", "@document"}
-        self.NON_SEMICOLON_NEWLINE_PROPERTY = ["grid-template"]
+        self.NON_SEMICOLON_NEWLINE_PROPERTY = ["grid-template-areas", "grid-template"]
 
     def eatString(self, endChars):
         result = ""

From 1809eb71bda45be094adfd0bf5c8023c1b336273 Mon Sep 17 00:00:00 2001
From: Hammad <mhnaeem.dev@gmail.com>
Date: Tue, 12 Apr 2022 02:38:57 -0230
Subject: [PATCH 2/2] Add tests for grid-template-areas multiline strings

---
 test/data/css/tests.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/test/data/css/tests.js b/test/data/css/tests.js
index e04190872..422665e9c 100644
--- a/test/data/css/tests.js
+++ b/test/data/css/tests.js
@@ -1531,6 +1531,21 @@ exports.test_data = {
           '    grid-template: "top-bar" 100px;',
           '}'
         ]
+      }, {
+        input: [
+          'div {',
+          'grid-template-areas: "a"',
+          ' "b" ',
+          '                    "c";',
+          '}'
+        ],
+        output: [
+          'div {',
+          '    grid-template-areas: "a"',
+          '        "b"',
+          '        "c";',
+          '}'
+        ]
       }, {
         input: [
           'div {',