Added Tabs

jxom · Nov 22, 2018 · f12f6d5 · f12f6d5
1 parent c31532a
commit f12f6d5
Show file tree

Hide file tree

Showing 65 changed files with 2,835 additions and 231 deletions.
diff --git a/package.json b/package.json
@@ -27,7 +27,7 @@
     "lodash": "4.17.11",
     "polished": "2.3.0",
     "react-syntax-highlighter": "8.0.1",
-    "reakit": "0.15.8",
+    "reakit": "0.15.11",
     "styled-tools": "1.5.2"
   },
   "peerDependencies": {

diff --git a/src/Alert/__tests__/__snapshots__/Alert.test.js.snap b/src/Alert/__tests__/__snapshots__/Alert.test.js.snap
@@ -39,6 +39,7 @@ exports[`renders correctly 1`] = `
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   color: #435a6f;
+  fill: #435a6f;
 }
 
 .c0 *,
@@ -76,6 +77,7 @@ kbd.c4 {
   background: #454d5d;
   border-radius: 0.1rem;
   color: #fff;
+  fill: #fff;
   padding: 0.1rem 0.2rem;
 }
 
@@ -114,6 +116,10 @@ samp.c4 {
   font-family: 'SF Mono','Segoe UI Mono','Roboto Mono',Menlo,Courier,monospace;
 }
 
+.c4 .c5 {
+  top: 0.1em;
+}
+
 <div
   class="c0 c1"
 >
@@ -169,6 +175,7 @@ exports[`renders correctly when a palette prop is set 1`] = `
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   color: #435a6f;
+  fill: #435a6f;
 }
 
 .c0 *,
@@ -206,6 +213,7 @@ kbd.c4 {
   background: #454d5d;
   border-radius: 0.1rem;
   color: #fff;
+  fill: #fff;
   padding: 0.1rem 0.2rem;
 }
 
@@ -244,6 +252,10 @@ samp.c4 {
   font-family: 'SF Mono','Segoe UI Mono','Roboto Mono',Menlo,Courier,monospace;
 }
 
+.c4 .c5 {
+  top: 0.1em;
+}
+
 <div
   class="c0 c1"
 >
@@ -299,6 +311,7 @@ exports[`renders correctly when a title prop is set 1`] = `
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   color: #435a6f;
+  fill: #435a6f;
 }
 
 .c0 *,
@@ -350,6 +363,10 @@ h6.c5 {
   font-size: 1rem;
 }
 
+.c5 .c7 {
+  top: 0.1em;
+}
+
 .c4 {
   font-weight: 600;
   margin-bottom: 0.5rem;
@@ -379,6 +396,7 @@ kbd.c6 {
   background: #454d5d;
   border-radius: 0.1rem;
   color: #fff;
+  fill: #fff;
   padding: 0.1rem 0.2rem;
 }
 
@@ -417,6 +435,10 @@ samp.c6 {
   font-family: 'SF Mono','Segoe UI Mono','Roboto Mono',Menlo,Courier,monospace;
 }
 
+.c6 .c7 {
+  top: 0.1em;
+}
+
 @media (max-width:480px) {
   h1.c5 {
     font-size: 2rem;
@@ -507,6 +529,7 @@ exports[`renders correctly with a custom element 1`] = `
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   color: #435a6f;
+  fill: #435a6f;
 }
 
 .c0 *,

diff --git a/src/Alert/__tests__/__snapshots__/AlertTitle.test.js.snap b/src/Alert/__tests__/__snapshots__/AlertTitle.test.js.snap
@@ -26,6 +26,7 @@ exports[`renders correctly 1`] = `
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   color: #435a6f;
+  fill: #435a6f;
 }
 
 .c0 *,
@@ -77,6 +78,10 @@ h6.c3 {
   font-size: 1rem;
 }
 
+.c3 .c4 {
+  top: 0.1em;
+}
+
 .c2 {
   font-weight: 600;
   margin-bottom: 0.5rem;

diff --git a/src/Alert/styled.js b/src/Alert/styled.js
@@ -31,6 +31,8 @@ const tintAttributes = css`
   border-bottom-width: 0;
   color: ${props =>
     props.palette === 'default' ? palette('textTintInverted')(props) : palette(`${props.palette}TintInverted`)(props)};
+  fill: ${props =>
+    props.palette === 'default' ? palette('textTintInverted')(props) : palette(`${props.palette}TintInverted`)(props)};
 `;
 
 export default styled(Box)`

diff --git a/src/Blockquote/__tests__/__snapshots__/Blockquote.test.js.snap b/src/Blockquote/__tests__/__snapshots__/Blockquote.test.js.snap
@@ -26,6 +26,7 @@ exports[`renders correctly for a basic blockquote 1`] = `
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   color: #435a6f;
+  fill: #435a6f;
 }
 
 .c0 *,

diff --git a/src/Button/__tests__/__snapshots__/ActionButtons.test.js.snap b/src/Button/__tests__/__snapshots__/ActionButtons.test.js.snap
@@ -66,6 +66,7 @@ exports[`renders correctly for action buttons that is loading 1`] = `
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   color: #435a6f;
+  fill: #435a6f;
 }
 
 .c0 *,
@@ -109,6 +110,7 @@ exports[`renders correctly for action buttons that is loading 1`] = `
   border: 1px solid #bfbfbf;
   border-radius: 4px;
   color: #435a6f;
+  fill: #435a6f;
   cursor: pointer;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -155,6 +157,7 @@ exports[`renders correctly for action buttons that is loading 1`] = `
   border: 1px solid #1c1352;
   border-radius: 4px;
   color: #fff;
+  fill: #fff;
   cursor: pointer;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -324,6 +327,7 @@ exports[`renders correctly for action buttons with a type 1`] = `
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   color: #435a6f;
+  fill: #435a6f;
 }
 
 .c0 *,
@@ -353,6 +357,7 @@ exports[`renders correctly for action buttons with a type 1`] = `
   border: 1px solid #1c1352;
   border-radius: 4px;
   color: #fff;
+  fill: #fff;
   cursor: pointer;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -399,6 +404,7 @@ exports[`renders correctly for action buttons with a type 1`] = `
   border: 1px solid #bfbfbf;
   border-radius: 4px;
   color: #435a6f;
+  fill: #435a6f;
   cursor: pointer;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -539,6 +545,7 @@ exports[`renders correctly for action buttons with custom props 1`] = `
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   color: #435a6f;
+  fill: #435a6f;
 }
 
 .c0 *,
@@ -568,6 +575,7 @@ exports[`renders correctly for action buttons with custom props 1`] = `
   border: 1px solid #1c1352;
   border-radius: 4px;
   color: #fff;
+  fill: #fff;
   cursor: pointer;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -606,6 +614,7 @@ exports[`renders correctly for action buttons with custom props 1`] = `
   border: 1px solid #700014;
   border-radius: 4px;
   color: #fff;
+  fill: #fff;
   cursor: pointer;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -746,6 +755,7 @@ exports[`renders correctly for action buttons with custom text 1`] = `
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   color: #435a6f;
+  fill: #435a6f;
 }
 
 .c0 *,
@@ -775,6 +785,7 @@ exports[`renders correctly for action buttons with custom text 1`] = `
   border: 1px solid #1c1352;
   border-radius: 4px;
   color: #fff;
+  fill: #fff;
   cursor: pointer;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -821,6 +832,7 @@ exports[`renders correctly for action buttons with custom text 1`] = `
   border: 1px solid #bfbfbf;
   border-radius: 4px;
   color: #435a6f;
+  fill: #435a6f;
   cursor: pointer;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -960,6 +972,7 @@ exports[`renders correctly for default action buttons 1`] = `
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   color: #435a6f;
+  fill: #435a6f;
 }
 
 .c0 *,
@@ -989,6 +1002,7 @@ exports[`renders correctly for default action buttons 1`] = `
   border: 1px solid #1c1352;
   border-radius: 4px;
   color: #fff;
+  fill: #fff;
   cursor: pointer;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -1035,6 +1049,7 @@ exports[`renders correctly for default action buttons 1`] = `
   border: 1px solid #bfbfbf;
   border-radius: 4px;
   color: #435a6f;
+  fill: #435a6f;
   cursor: pointer;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -1174,6 +1189,7 @@ exports[`renders correctly when a palette prop is set 1`] = `
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   color: #435a6f;
+  fill: #435a6f;
 }
 
 .c0 *,
@@ -1203,6 +1219,7 @@ exports[`renders correctly when a palette prop is set 1`] = `
   border: 1px solid #bfbfbf;
   border-radius: 4px;
   color: #435a6f;
+  fill: #435a6f;
   cursor: pointer;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -1249,6 +1266,7 @@ exports[`renders correctly when a palette prop is set 1`] = `
   border: 1px solid #1d262f;
   border-radius: 4px;
   color: #fff;
+  fill: #fff;
   cursor: pointer;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;