Update button borders (#195)

* update border-width on buttons, checkboxes, and radios * update test snapshots
curology · Feb 11, 2020 · f19e335 · f19e335
1 parent d88782d
commit f19e335
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 16 deletions.
diff --git a/src/shared-components/button/__snapshots__/test.js.snap b/src/shared-components/button/__snapshots__/test.js.snap
@@ -106,7 +106,7 @@ exports[`<Button /> UI snapshots renders with props 1`] = `
   appearance: none;
   border-radius: 0;
   border-style: solid;
-  border-width: 2px;
+  border-width: 1px;
   cursor: pointer;
   display: block;
   margin: 0;

diff --git a/src/shared-components/button/components/linkButton/__snapshots__/test.js.snap b/src/shared-components/button/components/linkButton/__snapshots__/test.js.snap
@@ -16,7 +16,7 @@ exports[`<LinkButton/> UI snapshots renders with props 1`] = `
   appearance: none;
   border-radius: 0;
   border-style: solid;
-  border-width: 2px;
+  border-width: 1px;
   cursor: pointer;
   display: block;
   margin: 0;

diff --git a/src/shared-components/button/components/roundButton/__snapshots__/test.js.snap b/src/shared-components/button/components/roundButton/__snapshots__/test.js.snap
@@ -124,7 +124,7 @@ exports[`<RoundButton /> UI snapshots renders with props 1`] = `
   appearance: none;
   border-radius: 0;
   border-style: solid;
-  border-width: 2px;
+  border-width: 1px;
   cursor: pointer;
   display: block;
   margin: 0;

diff --git a/src/shared-components/button/style.js b/src/shared-components/button/style.js
@@ -124,7 +124,7 @@ export const baseButtonStyles = ({
   appearance: none;
   border-radius: 0;
   border-style: solid;
-  border-width: 2px;
+  border-width: 1px;
   cursor: pointer;
   display: block;
   margin: 0;

diff --git a/src/shared-components/selectorButton/__snapshots__/test.js.snap b/src/shared-components/selectorButton/__snapshots__/test.js.snap
@@ -73,7 +73,7 @@ exports[`<SelectorButton /> UI snapshots when Icon added displays check mark for
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -203,7 +203,7 @@ exports[`<SelectorButton /> UI snapshots when Icon added displays check mark for
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -329,7 +329,7 @@ exports[`<SelectorButton /> UI snapshots when Icon added displays icon for check
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -454,7 +454,7 @@ exports[`<SelectorButton /> UI snapshots when Icon added displays icon for radio
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -579,7 +579,7 @@ exports[`<SelectorButton /> UI snapshots when Icon added hides icon for checkbox
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -692,7 +692,7 @@ exports[`<SelectorButton /> UI snapshots when Icon added hides icon for radio bu
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -823,7 +823,7 @@ exports[`<SelectorButton /> UI snapshots when checked type is primary 1`] = `
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -952,7 +952,7 @@ exports[`<SelectorButton /> UI snapshots when checked type is secondary 1`] = `
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1070,7 +1070,7 @@ exports[`<SelectorButton /> UI snapshots when children is a node 1`] = `
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1189,7 +1189,7 @@ exports[`<SelectorButton /> UI snapshots when children is undefined 1`] = `
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1303,7 +1303,7 @@ exports[`<SelectorButton /> UI snapshots when is checkbox 1`] = `
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;

diff --git a/src/shared-components/selectorButton/style.js b/src/shared-components/selectorButton/style.js
@@ -51,7 +51,7 @@ const secondarySelectorStyle = checked => css`
 export const Selector = styled.div`
   align-items: center;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: flex;
   ${({ size }) => css`