Restructure add-on

src/components/index.js

@@ -1,5 +1,6 @@
 export AccordionBlockEdit from './manage/Blocks/Accordion/Edit';
 export AccordionBlockView from './manage/Blocks/Accordion/View';
 export AccordionBlockSchema from './manage/Blocks/Accordion/Schema';
+export PanelWidget from './manage/Widgets/PanelWidget';
 
 export { options } from './manage/Blocks/Accordion/panels';

src/components/manage/Blocks/Accordion/Panels.jsx

@@ -6,7 +6,7 @@ import './editor.less';
 export default ({ data, onChange, children, variants }) => {
   return (
     <Segment>
-      <h4>Select Panels:</h4>
+      <h4>Accordion Panels:</h4>
       <Card.Group centered itemsPerRow={3}>
         {variants.map(({ icon, defaultData, title }, index) => (
           <Card key={index} onClick={() => onChange(defaultData)}>

src/components/manage/Blocks/Accordion/editor.less

@@ -1,6 +1,15 @@
 .block-editor-accordion {
   margin: 0 -2.2rem;
 
+  .ui.card {
+    .content {
+      color: #68778d;
+      svg {
+        fill: #68778d;
+      }
+    } 
+  }
+
   .block-editor-accordion {
     margin: 0 0.1rem;
   }

src/components/manage/Blocks/Accordion/panels.js

@@ -1,27 +1,27 @@
-import threeColumnSVG from './icons/three-circle-bottom.svg';
-import fiveColumnSVG from './icons/five-circle-bottom.svg';
-import oneColumnSVG from './icons/circle-bottom.svg';
+import oneSVG from '@eeacms/volto-accordion-block/icons/one.svg';
+import twoSVG from '@eeacms/volto-accordion-block/icons/two.svg';
+import threeSVG from '@eeacms/volto-accordion-block/icons/three.svg';
 
 export const options = [
   {
-    icon: oneColumnSVG,
+    icon: oneSVG,
     defaultData: {
       count: 1,
     },
-    title: '1 Panel',
+    title: '1',
   },
   {
-    icon: threeColumnSVG,
+    icon: twoSVG,
     defaultData: {
-      count: 3,
+      count: 2,
     },
-    title: '3 Panels',
+    title: '2',
   },
   {
-    icon: fiveColumnSVG,
+    icon: threeSVG,
     defaultData: {
-      count: 5,
+      count: 3,
     },
-    title: '5 Panels',
+    title: '3',
   },
 ];