feat: added rounded pill token (#2361)

openedx · Aug 1, 2024 · e884e2d · e884e2d
1 parent c10edc7
commit e884e2d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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." }
     }
   }
 }