From 66f54b3a0de6c711877a5538cf22ed0cdf3366bc Mon Sep 17 00:00:00 2001
From: Peter Kulko <93188219+PKulkoRaccoonGang@users.noreply.github.com>
Date: Fri, 16 Jun 2023 14:51:37 +0300
Subject: [PATCH] fix: added grid-gutter-width token (#68)

---
 paragon/_variables.scss             | 2 +-
 paragon/css/core/variables.css      | 3 ++-
 tokens/src/core/global/spacing.json | 7 +++++++
 3 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 tokens/src/core/global/spacing.json

diff --git a/paragon/_variables.scss b/paragon/_variables.scss
index 1982f20a..46d632f2 100644
--- a/paragon/_variables.scss
+++ b/paragon/_variables.scss
@@ -346,7 +346,7 @@ $link-hover-decoration: var(--pgn-typography-link-decoration-hover) !default;
 // Set the number of columns and specify the width of the gutters.
 
 // $grid-columns:                12 !default;
-$grid-gutter-width:           32px !default;
+$grid-gutter-width: var(--pgn-spacing-grid-gutter-width) !default;
 // $grid-row-columns:            6 !default;
 
 
diff --git a/paragon/css/core/variables.css b/paragon/css/core/variables.css
index f4fd8694..9c74d659 100644
--- a/paragon/css/core/variables.css
+++ b/paragon/css/core/variables.css
@@ -1,7 +1,7 @@
 /**
  * IMPORTANT: This file is the result of assembling design tokens
  * Do not edit directly
- * Generated on Sun, 04 Jun 2023 20:23:54 GMT
+ * Generated on Thu, 15 Jun 2023 15:32:46 GMT
  */
 
 :root {
@@ -19,6 +19,7 @@
   --pgn-typography-btn-font-weight: 500;
   --pgn-typography-badge-font-weight: 400;
   --pgn-typography-badge-font-size: 0.75rem;
+  --pgn-spacing-grid-gutter-width: 32px;
   --pgn-spacing-dropdown-padding-y-item: .625rem;
   --pgn-spacing-dropdown-padding-y-base: .5rem;
   --pgn-spacing-card-spacer-y: 1rem;
diff --git a/tokens/src/core/global/spacing.json b/tokens/src/core/global/spacing.json
new file mode 100644
index 00000000..f4bfb88c
--- /dev/null
+++ b/tokens/src/core/global/spacing.json
@@ -0,0 +1,7 @@
+{
+  "spacing": {
+    "grid": {
+      "gutter-width": { "value": "32px" }
+    }
+  }
+}