From e884e2d867b17e8b6588b88d684c363158105957 Mon Sep 17 00:00:00 2001
From: Peter Kulko <93188219+PKulkoRaccoonGang@users.noreply.github.com>
Date: Thu, 8 Jun 2023 14:42:55 +0300
Subject: [PATCH] feat: added rounded pill token (#2361)

---
 styles/css/core/variables.css    | 3 ++-
 styles/scss/core/_variables.scss | 2 +-
 tokens/src/core/alias/size.json  | 3 +++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/styles/css/core/variables.css b/styles/css/core/variables.css
index 64860f2093..7fb11fa2c6 100644
--- a/styles/css/core/variables.css
+++ b/styles/css/core/variables.css
@@ -1,7 +1,7 @@
 /**
  * IMPORTANT: This file is the result of assembling design tokens
  * Do not edit directly
- * Generated on Mon, 05 Jun 2023 02:30:54 GMT
+ * Generated on Thu, 08 Jun 2023 07:10:04 GMT
  */
 
 :root {
@@ -384,6 +384,7 @@
   --pgn-size-annotation-max-width: 18.75rem;
   --pgn-size-annotation-arrow-border-width: .5rem;
   --pgn-size-alert-border-width: 0;
+  --pgn-size-rounded-pill: 50rem;
   --pgn-size-border-radius-sm: 4px;
   --pgn-size-border-radius-lg: 7px;
   --pgn-size-border-radius-base: 6px;
diff --git a/styles/scss/core/_variables.scss b/styles/scss/core/_variables.scss
index 59ad185c04..440b10d6d4 100644
--- a/styles/scss/core/_variables.scss
+++ b/styles/scss/core/_variables.scss
@@ -468,7 +468,7 @@ $border-radius: var(--pgn-size-border-radius-base) !default;
 $border-radius-lg: var(--pgn-size-border-radius-lg) !default;
 $border-radius-sm: var(--pgn-size-border-radius-sm) !default;
 
-$rounded-pill:                50rem !default;
+$rounded-pill: var(--pgn-size-rounded-pill) !default;
 
 $level-1-box-shadow: var(--pgn-elevation-box-shadow-level-1) !default;
 $level-2-box-shadow: var(--pgn-elevation-box-shadow-level-2) !default;
diff --git a/tokens/src/core/alias/size.json b/tokens/src/core/alias/size.json
index f5a4410297..838f3cb683 100644
--- a/tokens/src/core/alias/size.json
+++ b/tokens/src/core/alias/size.json
@@ -7,6 +7,9 @@
         "lg": { "value": "7px", "type": "dimension", "source": "$border-radius-lg", "description": "Large border radius." },
         "sm": { "value": "4px", "type": "dimension", "source": "$border-radius-sm", "description": "Small border radius." }
       }
+    },
+    "rounded": {
+      "pill": { "value": "50rem", "type": "dimension", "source": "$rounded-pill", "description": "Pill border radius." }
     }
   }
 }