fix: add missing token for button focus outline border radius (#66)

edx · Jun 4, 2023 · b985060 · b985060
1 parent 287a898
commit b985060
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 5 deletions.
diff --git a/paragon/core.scss b/paragon/core.scss
@@ -4,3 +4,8 @@
 @import './css/core/index.css';
 
 // Define custom styles here...
+
+body {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
diff --git a/paragon/css/brand-theme-overrides.css b/paragon/css/brand-theme-overrides.css
diff --git a/paragon/css/core/custom-media-breakpoints.css b/paragon/css/core/custom-media-breakpoints.css
@@ -1,6 +1,6 @@
 /**
  * IMPORTANT: This file is the result of assembling design tokens
  * Do not edit directly
- * Generated on Sun, 04 Jun 2023 16:12:06 GMT
+ * Generated on Sun, 04 Jun 2023 17:58:33 GMT
  */
 
diff --git 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 16:12:06 GMT
+ * Generated on Sun, 04 Jun 2023 17:58:33 GMT
  */
 
 :root {
@@ -32,6 +32,7 @@
   --pgn-size-form-input-radius-border-lg: 0;
   --pgn-size-form-input-radius-border-base: 0;
   --pgn-size-dropdown-border-width: 0;
+  --pgn-size-btn-focus-border-radius: 0px;
   --pgn-size-btn-border-radius-sm: 0px;
   --pgn-size-btn-border-radius-lg: 0px;
   --pgn-size-btn-border-radius-base: 0px;

diff --git a/paragon/css/themes/light/variables.css b/paragon/css/themes/light/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 16:12:06 GMT
+ * Generated on Sun, 04 Jun 2023 17:58:33 GMT
  */
 
 :root {

diff --git a/tokens/src/core/components/Button/core.json b/tokens/src/core/components/Button/core.json
@@ -21,6 +21,11 @@
           "lg": { "value": "0px" },
           "sm": { "value": "0px" }
         }
+      },
+      "focus": {
+        "border-radius": {
+          "value": "0px"
+        }
       }
     }
   }