fix(StyledBadge): Fix letter-spacing (#538)

`0.25` - is invalid value. Letter-spacing should be used with units of measurement.
ticketmaster · Jul 24, 2019 · e071587 · e071587
1 parent 7f66c1c
commit e071587
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 18 deletions.
diff --git a/src/components/BottomSheet/__tests__/__snapshots__/BottomSheetLabel.spec.js.snap b/src/components/BottomSheet/__tests__/__snapshots__/BottomSheetLabel.spec.js.snap
@@ -13,7 +13,7 @@ exports[`<BottomSheetLabel /> renders BottomSheetLabel correctly 1`] = `
 
 exports[`<BottomSheetLabel /> renders BottomSheetLabel with prop variant to equal \`alert\` 1`] = `
 <div
-  className="badge cjJxfY"
+  className="badge jrNCNq"
   color="#d93a3a"
 >
   Alert label
@@ -22,7 +22,7 @@ exports[`<BottomSheetLabel /> renders BottomSheetLabel with prop variant to equa
 
 exports[`<BottomSheetLabel /> renders BottomSheetLabel with prop variant to equal \`positive\` 1`] = `
 <div
-  className="badge kUCvzt"
+  className="badge dzrfqE"
   color="#1bab1e"
 >
   Positive label

diff --git a/src/components/List/__tests__/__snapshots__/RowLabel.spec.js.snap b/src/components/List/__tests__/__snapshots__/RowLabel.spec.js.snap
@@ -106,7 +106,7 @@ exports[`<RowLabel /> renders RowLabel variant \`alert\` 1`] = `
       data-index={0}
     >
       <div
-        className="badge jCfiAj"
+        className="badge gYyJWD"
         color="#d93a3a"
       >
         test label
@@ -117,7 +117,7 @@ exports[`<RowLabel /> renders RowLabel variant \`alert\` 1`] = `
       data-index={0}
     >
       <div
-        className="badge jCfiAj"
+        className="badge gYyJWD"
         color="#d93a3a"
       >
         test label
@@ -128,7 +128,7 @@ exports[`<RowLabel /> renders RowLabel variant \`alert\` 1`] = `
       data-index={0}
     >
       <div
-        className="badge jCfiAj"
+        className="badge gYyJWD"
         color="#d93a3a"
       >
         test label
@@ -150,7 +150,7 @@ exports[`<RowLabel /> renders RowLabel variant \`caution\` 1`] = `
       data-index={0}
     >
       <div
-        className="badge kwlPtm"
+        className="badge jktpIU"
         color="#c69a22"
       >
         test label
@@ -161,7 +161,7 @@ exports[`<RowLabel /> renders RowLabel variant \`caution\` 1`] = `
       data-index={0}
     >
       <div
-        className="badge kwlPtm"
+        className="badge jktpIU"
         color="#c69a22"
       >
         test label
@@ -172,7 +172,7 @@ exports[`<RowLabel /> renders RowLabel variant \`caution\` 1`] = `
       data-index={0}
     >
       <div
-        className="badge kwlPtm"
+        className="badge jktpIU"
         color="#c69a22"
       >
         test label
@@ -194,7 +194,7 @@ exports[`<RowLabel /> renders RowLabel variant \`neutral\` 1`] = `
       data-index={0}
     >
       <div
-        className="badge hPXrVB"
+        className="badge imbETb"
         color="rgba(38, 38, 38, 0.65)"
       >
         test label
@@ -205,7 +205,7 @@ exports[`<RowLabel /> renders RowLabel variant \`neutral\` 1`] = `
       data-index={0}
     >
       <div
-        className="badge hPXrVB"
+        className="badge imbETb"
         color="rgba(38, 38, 38, 0.65)"
       >
         test label
@@ -216,7 +216,7 @@ exports[`<RowLabel /> renders RowLabel variant \`neutral\` 1`] = `
       data-index={0}
     >
       <div
-        className="badge hPXrVB"
+        className="badge imbETb"
         color="rgba(38, 38, 38, 0.65)"
       >
         test label

diff --git a/src/components/StatusBadge/StatusBadge.js b/src/components/StatusBadge/StatusBadge.js
@@ -16,7 +16,7 @@ export const StyledBadge = styled.div`
   font-size: ${typography.size.mini};
   line-height: 1.2;
   border-radius: ${constants.borderRadius.small};
-  letter-spacing: 0.25;
+  letter-spacing: 0.025em;
   text-transform: uppercase;
   background-color: ${({ color }) => color};
 `;

diff --git a/src/components/StatusBadge/__tests__/__snapshots__/StatusBadge.spec.js.snap b/src/components/StatusBadge/__tests__/__snapshots__/StatusBadge.spec.js.snap
@@ -2,7 +2,7 @@
 
 exports[`StatusBadge should match snapshot when variant is dark 1`] = `
 <div
-  className="badge gvbcbQ"
+  className="badge lftmLP"
   color="#026cdf"
 >
   snapshot test
@@ -11,7 +11,7 @@ exports[`StatusBadge should match snapshot when variant is dark 1`] = `
 
 exports[`StatusBadge should match snapshot when variant is light 1`] = `
 <div
-  className="badge kxnhqq"
+  className="badge ctVbnM"
   color="#026cdf"
 >
   light test
@@ -20,7 +20,7 @@ exports[`StatusBadge should match snapshot when variant is light 1`] = `
 
 exports[`StatusBadge should match snapshot when variant is undefined 1`] = `
 <div
-  className="badge gvbcbQ"
+  className="badge lftmLP"
   color="#026cdf"
 >
   snapshot test

diff --git a/src/components/StatusBadge/__tests__/__snapshots__/StatusBadgeGroup.spec.js.snap b/src/components/StatusBadge/__tests__/__snapshots__/StatusBadgeGroup.spec.js.snap
@@ -5,19 +5,19 @@ exports[`StatusBadgeGroup should match snapshot 1`] = `
   className="ioUUSv"
 >
   <div
-    className="badge jmtBfD"
+    className="badge QSstl"
     color="#d3d3d3"
   >
     error
   </div>
   <div
-    className="badge gNSpfG"
+    className="badge jUoXGh"
     color="#f0f0f0"
   >
     caution
   </div>
   <div
-    className="kiIEGi"
+    className="nHnME"
     onMouseEnter={[Function]}
     onMouseLeave={[Function]}
     onTouchStart={[Function]}