@eeacms/volto-bise-policy 1.0.9 → 1.0.10

package/CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [1.0.10](https://github.com/eea/volto-bise-policy/compare/1.0.9...1.0.10) - 7 June 2023
+
+#### :hammer_and_wrench: Others
+
+- add light-green contentbox + separate custom blocks [Miu Razvan - [`bd959d4`](https://github.com/eea/volto-bise-policy/commit/bd959d492e6c30f4f892bf37729b5dbe137f78dc)]
 ### [1.0.9](https://github.com/eea/volto-bise-policy/compare/1.0.8...1.0.9) - 6 June 2023
 
 #### :nail_care: Enhancements

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-bise-policy",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "@eeacms/volto-bise-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/index.js

@@ -14,6 +14,15 @@ const restrictedBlocks = [
   'embed_eea_map_block',
 ];
 
+const customBlocks = [
+  'html',
+  'countryFlag',
+  'tableau_block',
+  'body_classname',
+  'redirect',
+  'navigationBlock',
+];
+
 const applyConfig = (config) => {
   // Volto specific settings
   config.settings = {
@@ -120,6 +129,11 @@ const applyConfig = (config) => {
     config.blocks.blocksConfig.hero_image_left.schemaEnhancer = addStylingFieldsetSchemaEnhancer;
   }
 
+  config = [installBlocks, installStyles].reduce(
+    (acc, apply) => apply(acc),
+    config,
+  );
+
   // Disable some blocks
   restrictedBlocks.forEach((block) => {
     if (config.blocks.blocksConfig[block]) {
@@ -127,10 +141,18 @@ const applyConfig = (config) => {
     }
   });
 
-  return [installBlocks, installStyles].reduce(
-    (acc, apply) => apply(acc),
-    config,
-  );
+  // Set custom blocks
+  config.blocks.groupBlocksOrder = [
+    ...config.blocks.groupBlocksOrder,
+    { id: 'custom_blocks', title: 'Custom blocks' },
+  ];
+  customBlocks.forEach((block) => {
+    if (config.blocks.blocksConfig[block]) {
+      config.blocks.blocksConfig[block].group = 'custom_blocks';
+    }
+  });
+
+  return config;
 };
 
 export default applyConfig;

package/src/styles-config.js

@@ -87,14 +87,14 @@ export default (config) => {
   config.settings.pluggableStyles = [
     ...(config.settings.pluggableStyles || []),
     {
-      id: 'content-box-tertiary',
-      title: 'Tertiary',
+      id: 'content-box-light-green',
+      title: 'Light green',
       previewComponent: () => (
-        <Icon name={contentBoxSVG} size="88px" className="tertiary" />
+        <Icon name={contentBoxSVG} size="88px" className="light-green" />
       ),
       viewComponent: (props) => {
         return (
-          <div className="content-box tertiary">
+          <div className="content-box light-green">
             <div className="content-box-inner">{props.children}</div>
           </div>
         );

package/theme/globals/site.overrides

@@ -272,4 +272,26 @@ p.has--clear--both:empty {
 
 .simple-data-table {
   padding: 0;
+}
+
+.content-box {
+  &.light-green {
+    background-color: @green-1;
+    color: @tertiaryColor;
+  }
+}
+
+.style-select-widget {
+  svg.light-green {
+    background-color:@green-1;
+    fill: @tertiaryColor !important;
+  }
+}
+
+#sidebar > .sidebar-container > .tabs-wrapper > .ui.menu {
+  flex-wrap: nowrap;
+}
+
+.ui.button.full-size-sidenav-btn {
+  padding: 6px !important;
 }

package/theme/tokens/colors.less

@@ -1,9 +1,9 @@
 @green-0: #C8FFF8;
-@green-1: #85FFF1;
-@green-2: #00F5D8;
-@green-3: #00CCB4;
-@green-4: #00A390; // @secondaryColor
-@green-5: #007B6C;
+@green-1: #A0E5DC;
+@green-2: #78CAC0;
+@green-3: #50B0A4;
+@green-4: #289588; // @secondaryColor
+@green-5: #007B6C; 
 @green-6: #005248; // @primaryColor
 
 @yellow-0: #FEF6CD;