Skip to content

Commit

Permalink
Merge pull request #39 from catho/BTS-165-radio-button-group
Browse files Browse the repository at this point in the history 
[BTS-165] Radio button group component
  • Loading branch information
@ddsilva
ddsilva authored Apr 5, 2019
2 parents f88fad9 + 1b90f8a commit fa98f99
Show file tree
Hide file tree
Showing 29 changed files with 3,159 additions and 648 deletions.
156 changes: 78 additions & 78 deletions components/Alert/__snapshots__/Alert.unit.test.jsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,29 +6,29 @@ exports[`Alert component Should match the snapshot of a simple alert 1`] = `
}
.c5 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 16px;
font-weight: bold;
height: 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: bold;
padding: 0 16px;
-webkit-letter-spacing: 0.2px;
-moz-letter-spacing: 0.2px;
-ms-letter-spacing: 0.2px;
letter-spacing: 0.2px;
font-size: 16px;
padding: 0 16px;
height: 40px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
background-color: #1355d0;
border: 1.5px solid #1355d0;
box-shadow: 0 2px 4px 0 #cccccc;
Expand All @@ -42,10 +42,6 @@ exports[`Alert component Should match the snapshot of a simple alert 1`] = `
margin-left: 5px;
}
.c5 .c6 {
font-size: 24px;
}
.c5:hover {
box-shadow: 0 2px 4px 0 #cccccc;
background-color: #002f7b;
Expand All @@ -67,6 +63,10 @@ exports[`Alert component Should match the snapshot of a simple alert 1`] = `
color: #FFFFFF;
}
.c5 .c6 {
font-size: 24px;
}
.c2 {
-webkit-align-items: start;
-webkit-box-align: start;
Expand Down Expand Up @@ -172,29 +172,29 @@ exports[`Alert component When you set a alert custom icon Should match the snaps
}
.c6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 16px;
font-weight: bold;
height: 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: bold;
padding: 0 16px;
-webkit-letter-spacing: 0.2px;
-moz-letter-spacing: 0.2px;
-ms-letter-spacing: 0.2px;
letter-spacing: 0.2px;
font-size: 16px;
padding: 0 16px;
height: 40px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
background-color: #1355d0;
border: 1.5px solid #1355d0;
box-shadow: 0 2px 4px 0 #cccccc;
Expand All @@ -208,10 +208,6 @@ exports[`Alert component When you set a alert custom icon Should match the snaps
margin-left: 5px;
}
.c6 .c7 {
font-size: 24px;
}
.c6:hover {
box-shadow: 0 2px 4px 0 #cccccc;
background-color: #002f7b;
Expand All @@ -233,6 +229,10 @@ exports[`Alert component When you set a alert custom icon Should match the snaps
color: #FFFFFF;
}
.c6 .c7 {
font-size: 24px;
}
.c2 {
-webkit-align-items: start;
-webkit-box-align: start;
Expand Down Expand Up @@ -349,29 +349,29 @@ exports[`Alert component When you set a different skin Should match a skin snaps
}
.c5 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 16px;
font-weight: bold;
height: 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: bold;
padding: 0 16px;
-webkit-letter-spacing: 0.2px;
-moz-letter-spacing: 0.2px;
-ms-letter-spacing: 0.2px;
letter-spacing: 0.2px;
font-size: 16px;
padding: 0 16px;
height: 40px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
background-color: #1355d0;
border: 1.5px solid #1355d0;
box-shadow: 0 2px 4px 0 #cccccc;
Expand All @@ -385,10 +385,6 @@ exports[`Alert component When you set a different skin Should match a skin snaps
margin-left: 5px;
}
.c5 .c6 {
font-size: 24px;
}
.c5:hover {
box-shadow: 0 2px 4px 0 #cccccc;
background-color: #002f7b;
Expand All @@ -410,6 +406,10 @@ exports[`Alert component When you set a different skin Should match a skin snaps
color: #FFFFFF;
}
.c5 .c6 {
font-size: 24px;
}
.c2 {
-webkit-align-items: start;
-webkit-box-align: start;
Expand Down Expand Up @@ -515,29 +515,29 @@ exports[`Alert component When you set a different skin Should match a skin snaps
}
.c5 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 16px;
font-weight: bold;
height: 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: bold;
padding: 0 16px;
-webkit-letter-spacing: 0.2px;
-moz-letter-spacing: 0.2px;
-ms-letter-spacing: 0.2px;
letter-spacing: 0.2px;
font-size: 16px;
padding: 0 16px;
height: 40px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
background-color: #1355d0;
border: 1.5px solid #1355d0;
box-shadow: 0 2px 4px 0 #cccccc;
Expand All @@ -551,10 +551,6 @@ exports[`Alert component When you set a different skin Should match a skin snaps
margin-left: 5px;
}
.c5 .c6 {
font-size: 24px;
}
.c5:hover {
box-shadow: 0 2px 4px 0 #cccccc;
background-color: #002f7b;
Expand All @@ -576,6 +572,10 @@ exports[`Alert component When you set a different skin Should match a skin snaps
color: #FFFFFF;
}
.c5 .c6 {
font-size: 24px;
}
.c2 {
-webkit-align-items: start;
-webkit-box-align: start;
Expand Down Expand Up @@ -690,29 +690,29 @@ exports[`Alert component When you set a different skin Should match a skin snaps
}
.c5 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 16px;
font-weight: bold;
height: 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: bold;
padding: 0 16px;
-webkit-letter-spacing: 0.2px;
-moz-letter-spacing: 0.2px;
-ms-letter-spacing: 0.2px;
letter-spacing: 0.2px;
font-size: 16px;
padding: 0 16px;
height: 40px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
background-color: #1355d0;
border: 1.5px solid #1355d0;
box-shadow: 0 2px 4px 0 #cccccc;
Expand All @@ -726,10 +726,6 @@ exports[`Alert component When you set a different skin Should match a skin snaps
margin-left: 5px;
}
.c5 .c6 {
font-size: 24px;
}
.c5:hover {
box-shadow: 0 2px 4px 0 #cccccc;
background-color: #002f7b;
Expand All @@ -751,6 +747,10 @@ exports[`Alert component When you set a different skin Should match a skin snaps
color: #FFFFFF;
}
.c5 .c6 {
font-size: 24px;
}
.c2 {
-webkit-align-items: start;
-webkit-box-align: start;
Expand Down Expand Up @@ -874,29 +874,29 @@ exports[`Alert component When you set a different skin Should match a skin snaps
}
.c5 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 16px;
font-weight: bold;
height: 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: bold;
padding: 0 16px;
-webkit-letter-spacing: 0.2px;
-moz-letter-spacing: 0.2px;
-ms-letter-spacing: 0.2px;
letter-spacing: 0.2px;
font-size: 16px;
padding: 0 16px;
height: 40px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
background-color: #1355d0;
border: 1.5px solid #1355d0;
box-shadow: 0 2px 4px 0 #cccccc;
Expand All @@ -910,10 +910,6 @@ exports[`Alert component When you set a different skin Should match a skin snaps
margin-left: 5px;
}
.c5 .c6 {
font-size: 24px;
}
.c5:hover {
box-shadow: 0 2px 4px 0 #cccccc;
background-color: #002f7b;
Expand All @@ -935,6 +931,10 @@ exports[`Alert component When you set a different skin Should match a skin snaps
color: #FFFFFF;
}
.c5 .c6 {
font-size: 24px;
}
.c2 {
-webkit-align-items: start;
-webkit-box-align: start;
Expand Down
Loading

0 comments on commit fa98f99

Please sign in to comment.