feat(Lozenge): set font weight to 400

kronostechnologies · Jul 15, 2022 · 71aad1f · 71aad1f
1 parent 74d2869
commit 71aad1f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/packages/react/src/components/lozenge/lozenge.test.tsx.snap b/packages/react/src/components/lozenge/lozenge.test.tsx.snap
@@ -16,7 +16,7 @@ exports[`Lozenge alert matches the snapshot 1`] = `
   display: -ms-inline-flexbox;
   display: inline-flex;
   font-size: 0.75rem;
-  font-weight: var(--font-semi-bold);
+  font-weight: var(--font-normal);
   line-height: 0.875rem;
   max-width: 312px;
   overflow: hidden;
@@ -52,7 +52,7 @@ exports[`Lozenge default matches the snapshot 1`] = `
   display: -ms-inline-flexbox;
   display: inline-flex;
   font-size: 0.75rem;
-  font-weight: var(--font-semi-bold);
+  font-weight: var(--font-normal);
   line-height: 0.875rem;
   max-width: 312px;
   overflow: hidden;
@@ -88,7 +88,7 @@ exports[`Lozenge info matches the snapshot 1`] = `
   display: -ms-inline-flexbox;
   display: inline-flex;
   font-size: 0.75rem;
-  font-weight: var(--font-semi-bold);
+  font-weight: var(--font-normal);
   line-height: 0.875rem;
   max-width: 312px;
   overflow: hidden;
@@ -124,7 +124,7 @@ exports[`Lozenge matches the snapshot 1`] = `
   display: -ms-inline-flexbox;
   display: inline-flex;
   font-size: 0.75rem;
-  font-weight: var(--font-semi-bold);
+  font-weight: var(--font-normal);
   line-height: 0.875rem;
   max-width: 312px;
   overflow: hidden;
@@ -160,7 +160,7 @@ exports[`Lozenge success matches the snapshot 1`] = `
   display: -ms-inline-flexbox;
   display: inline-flex;
   font-size: 0.75rem;
-  font-weight: var(--font-semi-bold);
+  font-weight: var(--font-normal);
   line-height: 0.875rem;
   max-width: 312px;
   overflow: hidden;
@@ -196,7 +196,7 @@ exports[`Lozenge warning matches the snapshot 1`] = `
   display: -ms-inline-flexbox;
   display: inline-flex;
   font-size: 0.75rem;
-  font-weight: var(--font-semi-bold);
+  font-weight: var(--font-normal);
   line-height: 0.875rem;
   max-width: 312px;
   overflow: hidden;

diff --git a/packages/react/src/components/lozenge/lozenge.tsx b/packages/react/src/components/lozenge/lozenge.tsx
@@ -78,7 +78,7 @@ const StyledLozenge = styled.span<StyledLozengeProps>`
     color: ${getLozengeColor};
     display: inline-flex;
     font-size: ${({ $isMobile }) => ($isMobile ? '0.875rem' : '0.75rem')};
-    font-weight: var(--font-semi-bold);
+    font-weight: var(--font-normal);
     line-height: ${({ $isMobile }) => ($isMobile ? '1.375rem' : '0.875rem')};
     max-width: ${MAXIMUM_LENGTH};
     overflow: hidden;