From b985060f121eddfd24daca952e77564ee5afd222 Mon Sep 17 00:00:00 2001 From: Adam Stankiewicz Date: Sun, 4 Jun 2023 14:00:42 -0400 Subject: [PATCH] fix: add missing token for button focus outline border radius (#66) --- paragon/core.scss | 5 +++++ paragon/css/brand-theme-overrides.css | 2 -- paragon/css/core/custom-media-breakpoints.css | 2 +- paragon/css/core/variables.css | 3 ++- paragon/css/themes/light/variables.css | 2 +- tokens/src/core/components/Button/core.json | 5 +++++ 6 files changed, 14 insertions(+), 5 deletions(-) delete mode 100644 paragon/css/brand-theme-overrides.css diff --git a/paragon/core.scss b/paragon/core.scss index 002e0ae8..a2756dfe 100644 --- 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 deleted file mode 100644 index ce45051e..00000000 --- a/paragon/css/brand-theme-overrides.css +++ /dev/null @@ -1,2 +0,0 @@ -@import './core'; -@import './themes/light'; diff --git a/paragon/css/core/custom-media-breakpoints.css b/paragon/css/core/custom-media-breakpoints.css index 77e5bc36..bf2dd3f3 100644 --- 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 index 2d8bc285..a6940b5b 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 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 index 901cad72..4f169611 100644 --- 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 index ff48c771..f60c0d13 100644 --- 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" + } } } }