feat(funnel): update funnel icon

plouc · Jun 17, 2020 · 826c08f · 826c08f
1 parent e487a76
commit 826c08f
Show file tree

Hide file tree

Showing 8 changed files with 21 additions and 7 deletions.
diff --git a/website/src/assets/icons.png b/website/src/assets/icons.png
diff --git a/website/src/assets/icons/funnel-dark-colored.png b/website/src/assets/icons/funnel-dark-colored.png
diff --git a/website/src/assets/icons/funnel-dark-neutral.png b/website/src/assets/icons/funnel-dark-neutral.png
diff --git a/website/src/assets/icons/funnel-light-colored.png b/website/src/assets/icons/funnel-light-colored.png
diff --git a/website/src/assets/icons/funnel-light-neutral.png b/website/src/assets/icons/funnel-light-neutral.png
diff --git a/website/src/assets/icons@2x.png b/website/src/assets/icons@2x.png
diff --git a/website/src/components/icons/FunnelIcon.js b/website/src/components/icons/FunnelIcon.js
@@ -24,20 +24,28 @@ const chartProps = {
         },
         {
             id: 'B',
-            value: 70,
+            value: 60,
         },
         {
             id: 'C',
-            value: 30,
+            value: 20,
         },
     ],
     margin: {
         top: 8,
-        right: 8,
+        right: 4,
         bottom: 8,
-        left: 8,
+        left: 4,
     },
     isInteractive: false,
+    spacing: 2,
+    shapeBlending: 0.6,
+    enableLabel: false,
+    borderWidth: 10,
+    beforeSeparatorOffset: 10,
+    beforeSeparatorLength: 0,
+    afterSeparatorOffset: 10,
+    afterSeparatorLength: 0,
 }
 
 const FunnelIconItem = ({ type }) => {
@@ -47,9 +55,15 @@ const FunnelIconItem = ({ type }) => {
         <Icon id={`funnel-${type}`} type={type}>
             <Funnel
                 {...chartProps}
-                spacing={0.12}
-                shapeContinuity={0.4}
                 colors={[currentColors[4], currentColors[2], currentColors[1]]}
+                theme={{
+                    grid: {
+                        line: {
+                            stroke: currentColors[1],
+                            strokeWidth: 2,
+                        },
+                    },
+                }}
             />
         </Icon>
     )

diff --git a/website/src/styles/icons.css b/website/src/styles/icons.css
@@ -1,4 +1,4 @@
-/* glue: 0.13 hash: b7b1f12470 */
+/* glue: 0.13 hash: f78f8b2c8e */
 .sprite-icons-waffle-light-neutral,
 .sprite-icons-waffle-light-colored,
 .sprite-icons-waffle-dark-neutral,