Adjust docs colors

angelomedeiros · Jun 23, 2018 · aab0226 · aab0226
1 parent 30bac08
commit aab0226
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 11 deletions.
diff --git a/docs/_build.js b/docs/_build.js
@@ -45,7 +45,7 @@ ${props.map(prop => (
 `)).join('\n')}
 `.replace(/\n\n+/g, '\n\n')
 
-const blacklist = {
+const propBlacklist = {
   m: true,
   mt: true,
   mr: true,
@@ -66,7 +66,13 @@ const blacklist = {
   f: true,
 }
 
+const moduleBlacklist = {
+  createColors: true,
+  invertTheme: true,
+}
+
 const components = keys
+  .filter(key => !moduleBlacklist[key])
   .map(key => {
     const Component = Rebass[key]
     const {
@@ -87,7 +93,7 @@ const components = keys
     }
 
     const props = Object.keys(propTypes)
-      .filter(key => !blacklist[key])
+      .filter(key => !propBlacklist[key])
       .map(key => ({
         name: key
       }))

diff --git a/docs/colors.js b/docs/colors.js
@@ -28,20 +28,20 @@ export default props =>
       Theming can be completely customized using the <Link href='theming'>Provider</Link> component.
     </P>
     <Flex
-      mx={-3}
+      mx={-2}
       justifyContent='space-between'
       flexWrap='wrap'>
       {keys.map(key => (
-        <Box key={key} p={3}>
+        <Box key={key} p={2}>
           <Box
-            p={[ 4, 5 ]}
+            width={128}
+            p={5}
             bg={colors[key]}
           />
           <Text fontSize={1}>
             {key}
-            {' '}
-            <Code fontSize={10}>{colors[key]}</Code>
           </Text>
+          <Pre fontSize={10}>{colors[key]}</Pre>
         </Box>
       ))}
     </Flex>

diff --git a/docs/components/list.md b/docs/components/list.md
@@ -6,7 +6,6 @@
   <ul>
     <li><a href='#flex'>Flex</a></li>
 <li><a href='#box'>Box</a></li>
-<li><a href='#createcolors'>createColors</a></li>
 <li><a href='#base'>Base</a></li>
 <li><a href='#css'>CSS</a></li>
 <li><a href='#root'>Root</a></li>
@@ -122,8 +121,6 @@
 - `order`
 - `alignSelf`
 
-## createColors
-
 ## Base
 
 ### Props

diff --git a/package.json b/package.json
@@ -39,7 +39,7 @@
   "devDependencies": {
     "@compositor/kit": "^1.0.43",
     "@compositor/kit-snapshot": "^1.0.24",
-    "@compositor/x0": "^6.0.0-3",
+    "@compositor/x0": "^6.0.0-4",
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
     "babel-plugin-transform-rename-import": "^2.2.0",