design-comuni-plone-theme 11.1.1 → 11.1.3

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 
 
+## [11.1.3](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.1.1...v11.1.3) (2023-12-27)
+
+
+### Bug Fixes
+
+* listing options order ([#449](https://github.com/redturtle/design-comuni-plone-theme/issues/449)) ([226c67e](https://github.com/redturtle/design-comuni-plone-theme/commit/226c67ee53d2d982b33ad214458b82ec892ddd2b))
+* restored old mixin to avoid compulsory update of all subsites ([#450](https://github.com/redturtle/design-comuni-plone-theme/issues/450)) ([99fe070](https://github.com/redturtle/design-comuni-plone-theme/commit/99fe070a381e7c459e1a53e84b25cb8792219c56))
+
+
+### Documentation
+
+* updated publiccode ([0abde1f](https://github.com/redturtle/design-comuni-plone-theme/commit/0abde1f6cb9182e8595000eee193e4fa05ddf1e6))
+
+
+### Maintenance
+
+* release 11.1.2 ([08b3f2e](https://github.com/redturtle/design-comuni-plone-theme/commit/08b3f2e03aba8a76d8e5b7db68fa3575492548c2))
+
 ## [11.1.1](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.1.0...v11.1.1) (2023-12-22)
 
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "11.1.1",
+  "version": "11.1.3",
   "main": "src/index.js",
   "keywords": [
     "volto-addon",

package/publiccode.yml

@@ -227,9 +227,9 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2023-12-22'
+releaseDate: '2023-12-27'
 softwareType: standalone/web
-softwareVersion: 11.1.1
+softwareVersion: 11.1.2
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/src/config/Blocks/ListingOptions/bandiInEvidenceTemplate.js

@@ -17,7 +17,7 @@ export const addBandiInEvidenceTemplateOptions = (
   schema,
   formData,
   intl,
-  position = 0,
+  position = 1,
 ) => {
   let pos = position;
 

package/src/config/Blocks/ListingOptions/cardWithImageTemplate.js

@@ -30,7 +30,7 @@ export const addCardWithImageTemplateOptions = (
   schema,
   formData,
   intl,
-  position = 0,
+  position = 1,
 ) => {
   let pos = position;
 

package/src/config/Blocks/ListingOptions/cardWithSlideUpTextTemplate.js

@@ -9,7 +9,7 @@ export const addCardWithSlideUpTextTemplateOptions = (
   schema,
   formData,
   intl,
-  position = 0,
+  position = 1,
 ) => {
   let pos = position;
 

package/src/config/Blocks/ListingOptions/completeBlockLinksTemplate.js

@@ -9,7 +9,7 @@ export const addCompleteBlockLinksTemplateOptions = (
   schema,
   formData,
   intl,
-  position = 0,
+  position = 1,
 ) => {
   let pos = position;
 

package/src/config/Blocks/ListingOptions/defaultOptions.js

@@ -31,7 +31,7 @@ const messages = defineMessages({
 
 /** DEFAULT **/
 
-const addDefaultOptions = (schema, formData = {}, intl, position = 0) => {
+const addDefaultOptions = (schema, formData = {}, intl, position = 1) => {
   let listing_items_colors =
     config.blocks.blocksConfig.listing?.listing_items_colors || [];
   let listing_bg_colors =

package/src/config/Blocks/ListingOptions/inEvidenceTemplate.js

@@ -18,7 +18,7 @@ export const addInEvidenceTemplateOptions = (
   schema,
   formData,
   intl,
-  position = 0,
+  position = 1,
 ) => {
   let pos = position;
 

package/src/config/Blocks/ListingOptions/mapTemplate.js

@@ -25,7 +25,7 @@ const messages = defineMessages({
   },
 });
 
-export const addMapTemplateOptions = (schema, formData, intl, position = 0) => {
+export const addMapTemplateOptions = (schema, formData, intl, position = 1) => {
   let pos = position;
 
   addSchemaField(

package/src/config/Blocks/ListingOptions/photogalleryTemplate.js

@@ -12,7 +12,7 @@ export const addPhotogalleryTemplateOptions = (
   schema,
   formData,
   intl,
-  position = 0,
+  position = 1,
 ) => {
   let pos = position;
 

package/src/config/Blocks/ListingOptions/ribbonCardTemplate.js

@@ -18,7 +18,7 @@ export const addRibbonCardTemplateOptions = (
   schema,
   formData,
   intl,
-  position = 0,
+  position = 1,
 ) => {
   let pos = position;
 

package/src/config/Blocks/ListingOptions/simpleCardTemplate.js

@@ -36,7 +36,7 @@ export const addSimpleCardTemplateOptions = (
   schema,
   formData,
   intl,
-  position = 0,
+  position = 1,
 ) => {
   let pos = position;
   pos = addLighthouseField(schema, intl, pos);

package/src/config/Blocks/ListingOptions/simpleListTemplate.js

@@ -13,7 +13,7 @@ export const addSimpleListTemplateOptions = (
   schema,
   formData,
   intl,
-  position = 0,
+  position = 1,
 ) => {
   let pos = position;
 

package/src/config/Blocks/ListingOptions/sliderTemplate.js

@@ -37,7 +37,7 @@ export const addSliderTemplateOptions = (
   schema,
   formData,
   intl,
-  position = 0,
+  position = 1,
 ) => {
   let pos = position;
 

package/src/config/Blocks/ListingOptions/smallBlockLinksTemplate.js

@@ -14,7 +14,7 @@ export const addSmallBlockLinksTemplateOptions = (
   schema,
   formData,
   intl,
-  position = 0,
+  position = 1,
 ) => {
   let pos = position;
 

package/src/config/Blocks/ListingOptions/utils.js

@@ -67,7 +67,7 @@ export const addSchemaField = (
   title,
   description,
   properties = {},
-  position = 0,
+  position = 1,
   fieldset = 'default',
 ) => {
   let fieldsetIndex = schema.fieldsets.findIndex((x) => x.id === fieldset);
@@ -86,7 +86,7 @@ export const templatesOptions = (
   intl,
   fields,
   fieldsConfig,
-  position = 0,
+  position = 1,
 ) => {
   let pos = position;
 
@@ -151,7 +151,7 @@ export const templatesOptions = (
   return pos;
 };
 
-export const addLighthouseField = (schema, intl, position = 0) => {
+export const addLighthouseField = (schema, intl, position = 1) => {
   let pos = position;
   const fieldset =
     schema.id === 'search' ? 'listingTemplateOptions' : undefined;

package/src/theme/ItaliaTheme/SubsitesOld/ItaliaTheme/Blocks/_argumentsInEvidence.scss

@@ -0,0 +1,17 @@
+@use '../../all_variables' as *;
+
+@mixin block($subsite-primary, $subsite-primary-text) {
+  .argumentInEvidence {
+    .argumentInEvidence-background {
+      background-color: $subsite-primary;
+    }
+
+    &::before {
+      background-color: $subsite-primary;
+    }
+
+    h2 {
+      color: $subsite-primary-text;
+    }
+  }
+}

package/src/theme/ItaliaTheme/SubsitesOld/ItaliaTheme/Blocks/_cardWithImageAndInEvidence.scss

@@ -0,0 +1,17 @@
+@use '../../all_variables' as *;
+
+@mixin card($subsite-link-color) {
+  .block.listing .card-with-image-template,
+  .block.listing .in-evidence {
+    .listing-item {
+      .card-title {
+        a {
+          &:hover,
+          &:focus {
+            color: $subsite-link-color;
+          }
+        }
+      }
+    }
+  }
+}

package/src/theme/ItaliaTheme/SubsitesOld/ItaliaTheme/Blocks/_completeBlockLinktemplate.scss

@@ -0,0 +1,13 @@
+@use '../../all_variables' as *;
+
+@mixin block($subsite-secondary, $subsite-secondary-text) {
+  .complete-block-links-template {
+    .card.card-bg {
+      background-color: $subsite-secondary;
+
+      a {
+        color: $subsite-secondary-text;
+      }
+    }
+  }
+}

package/src/theme/ItaliaTheme/SubsitesOld/ItaliaTheme/Blocks/_highlitedContent.scss

@@ -0,0 +1,14 @@
+@use '../../all_variables' as *;
+
+@mixin block($subsite-link-color) {
+  .block.highlitedContent {
+    .card-title {
+      a {
+        &:hover,
+        &:focus {
+          color: $subsite-link-color;
+        }
+      }
+    }
+  }
+}

package/src/theme/ItaliaTheme/SubsitesOld/ItaliaTheme/Blocks/_ribbonCardTemplate.scss

@@ -0,0 +1,18 @@
+@use '../../all_variables' as *;
+
+@mixin card($subsite-link-color) {
+  .ribbon-card-template {
+    .card {
+      &.show_detail_link {
+        .card-title {
+          a {
+            &:hover,
+            &:active {
+              color: $subsite-link-color;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/src/theme/ItaliaTheme/SubsitesOld/ItaliaTheme/Blocks/_searchSections.scss

@@ -0,0 +1,33 @@
+@use '../../all_variables' as *;
+
+@mixin block($subsite-primary, $subsite-secondary, $subsite-secondary-text) {
+  .container .block {
+    .searchSections {
+      @if $subsite-secondary != $subsite-primary {
+        .searchSections-background {
+          background-color: $subsite-secondary;
+        }
+        color: $subsite-secondary-text;
+
+        h2.text-secondary {
+          color: $subsite-secondary-text !important;
+        }
+      } @else {
+        //use default: parent-site secondary color
+      }
+
+      .searchContainer {
+        .searchbar {
+          button {
+            background: $subsite-primary;
+
+            &:hover,
+            &:active {
+              background-color: darken($subsite-primary, 7.5);
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/src/theme/ItaliaTheme/SubsitesOld/ItaliaTheme/Components/_subsiteFooter.scss

@@ -0,0 +1,27 @@
+@use '../../all_variables' as *;
+
+@mixin footer($subsite-primary, $subsite-primary-text) {
+  &,
+  &.cms-ui {
+    .subsite-footer {
+      background-color: $subsite-primary;
+
+      .text {
+        color: $subsite-primary-text;
+
+        h1,
+        h2,
+        h3,
+        h4,
+        a {
+          color: $subsite-primary-text;
+
+          &:hover,
+          &:active {
+            color: $subsite-primary-text;
+          }
+        }
+      }
+    }
+  }
+}

package/src/theme/ItaliaTheme/SubsitesOld/ItaliaTheme/Views/_common.scss

@@ -0,0 +1,65 @@
+@use '../../all_variables' as *;
+
+@mixin common(
+  $subsite-primary,
+  $subsite-secondary,
+  $subsite-tertiary,
+  $subsite-link-color
+) {
+  .card-title {
+    a {
+      color: $subsite-link-color;
+    }
+  }
+
+  .genericcard {
+    .card-title {
+      a {
+        color: $subsite-link-color;
+      }
+    }
+  }
+
+  .link-list-wrapper {
+    ul {
+      li {
+        button.btn-link {
+          color: $subsite-link-color;
+
+          &:hover {
+            color: $subsite-link-color;
+
+            .icon {
+              fill: $subsite-primary;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .style_ol_list {
+    ol {
+      li {
+        &:before {
+          color: $subsite-secondary;
+        }
+
+        &:after {
+          background-color: $subsite-secondary;
+        }
+      }
+    }
+  }
+
+  .icon-argument-container {
+    .show-icon {
+      color: $subsite-tertiary;
+    }
+
+    svg {
+      color: $subsite-tertiary;
+      fill: $subsite-tertiary;
+    }
+  }
+}

package/src/theme/ItaliaTheme/SubsitesOld/ItaliaTheme/_common.scss

@@ -0,0 +1,26 @@
+@use '../all_variables' as *;
+
+@mixin common($subsite-tertiary, $subsite-tertiary-text) {
+  .btn-tertiary {
+    @include button-variant($subsite-tertiary, $subsite-tertiary-text);
+
+    svg {
+      fill: $subsite-tertiary-text;
+    }
+
+    &:hover,
+    &:active {
+      svg {
+        fill: $subsite-tertiary-text;
+      }
+    }
+  }
+
+  a.btn-tertiary {
+    color: $subsite-tertiary-text;
+  }
+
+  .btn-outline-tertiary {
+    @include button-outline-variant($subsite-tertiary);
+  }
+}

package/src/theme/ItaliaTheme/SubsitesOld/_all_variables.scss

@@ -0,0 +1,12 @@
+@import '../../site-variables';
+
+@import '~bootstrap-italia/src/scss/functions';
+@import '~bootstrap-italia/src/scss/utilities/colors_vars';
+@import '~bootstrap-italia/src/scss/variables';
+
+@import '~bootstrap/scss/functions';
+@import '~bootstrap/scss/variables';
+@import '~bootstrap/scss/mixins';
+
+@import '~bootstrap-italia/src/scss/custom/mixins/buttons';
+@import '~bootstrap-italia/src/scss/custom/mixins/text-emphasis';

package/src/theme/ItaliaTheme/SubsitesOld/_common.scss

@@ -0,0 +1,12 @@
+@import '../../site-variables';
+
+@import '~bootstrap-italia/src/scss/functions';
+@import '~bootstrap-italia/src/scss/utilities/colors_vars';
+@import '~bootstrap-italia/src/scss/variables';
+@import '~bootstrap-italia/src/scss/utilities/colors';
+
+@import '~bootstrap/scss/functions';
+@import '~bootstrap/scss/variables';
+@import '~bootstrap/scss/mixins';
+
+@import 'mixin';

package/src/theme/ItaliaTheme/SubsitesOld/_mixin.scss

@@ -0,0 +1,120 @@
+@use 'bootstrap-italia/custom/header' as bs-header;
+@use 'bootstrap-italia/custom/headercenter' as bs-headercenter;
+@use 'bootstrap-italia/brand-text' as bs-brandtext;
+@use 'bootstrap-italia/custom/headernavbar' as bs-headernavbar;
+@use 'bootstrap-italia/custom/headerslim' as bs-headerslim;
+@use 'bootstrap-italia/custom/navigation' as bs-navigation;
+@use 'bootstrap-italia/custom/nav' as bs-nav;
+@use 'bootstrap-italia/custom/megamenu' as bs-megamenu;
+@use 'bootstrap-italia/custom/buttons' as bs-buttons;
+@use 'bootstrap-italia/custom/chips' as bs-chips;
+@use 'bootstrap-italia/custom/card' as bs-card;
+@use 'bootstrap-italia/custom/dropdown' as bs-dropdown;
+@use 'bootstrap-italia/custom/linklist' as bs-linklist;
+@use 'bootstrap-italia/custom/navscroll' as bs-navscroll;
+@use 'ItaliaTheme/Components/subsiteFooter' as it-footer;
+@use 'ItaliaTheme/Blocks/cardWithImageAndInEvidence' as it-card-image-evidence;
+@use 'ItaliaTheme/Blocks/completeBlockLinktemplate' as it-complete-link;
+@use 'ItaliaTheme/Blocks/ribbonCardTemplate' as it-ribbon-card;
+@use 'ItaliaTheme/Blocks/highlitedContent' as it-highlight;
+@use 'ItaliaTheme/Blocks/argumentsInEvidence' as it-args-evidence;
+@use 'ItaliaTheme/Blocks/searchSections' as it-search-sections;
+@use 'ItaliaTheme/Views/common' as it-views;
+@use 'ItaliaTheme/common' as it-common;
+
+@mixin old-define-subsite(
+  $subsite-style,
+  $subsite-primary: $primary,
+  $subsite-primary-text: $primary-text,
+  $subsite-secondary: $secondary,
+  $subsite-secondary-text: $secondary-text,
+  $subsite-tertiary: $tertiary,
+  $subsite-tertiary-text: $tertiary-text,
+  $subsite-link-color: $link-color,
+  $subsite-light-theme: false
+) {
+  body.subsite-#{$subsite-style} {
+    &,
+    .public-ui {
+      @include bs-header.header(
+        $subsite-light-theme,
+        $subsite-primary,
+        $subsite-primary-text
+      );
+      @include bs-headercenter.headercenter(
+        $subsite-light-theme,
+        $subsite-primary,
+        $subsite-primary-text
+      );
+      @include bs-brandtext.text($subsite-primary, $subsite-primary-text);
+      @include bs-headernavbar.navbar($subsite-primary);
+      @include bs-headerslim.header($subsite-primary-text);
+      @include bs-navigation.nav(
+        $subsite-light-theme,
+        $subsite-primary,
+        $subsite-primary-text,
+        $subsite-link-color
+      );
+      @include bs-nav.nav($subsite-link-color);
+      @include bs-megamenu.megamenu(
+        $subsite-light-theme,
+        $subsite-primary,
+        $subsite-primary-text
+      );
+      @include bs-buttons.buttons(
+        $subsite-light-theme,
+        $subsite-primary,
+        $subsite-primary-text,
+        $subsite-secondary,
+        $subsite-secondary-text,
+        $subsite-tertiary,
+        $subsite-tertiary-text
+      );
+      @include bs-chips.chips(
+        $subsite-light-theme,
+        $subsite-primary,
+        $subsite-primary-text,
+        $subsite-secondary,
+        $subsite-secondary-text
+      );
+      @include bs-card.card($subsite-primary, $subsite-link-color);
+      @include bs-dropdown.dropdown($subsite-link-color);
+      @include bs-linklist.linklist($subsite-primary, $subsite-link-color);
+      @include bs-navscroll.navscroll($subsite-link-color);
+      @include it-footer.footer($subsite-primary, $subsite-primary-text);
+      @include it-card-image-evidence.card($subsite-link-color);
+      @include it-complete-link.block(
+        $subsite-secondary,
+        $subsite-secondary-text
+      );
+      @include it-ribbon-card.card($subsite-link-color);
+      @include it-highlight.block($subsite-link-color);
+      @include it-args-evidence.block($subsite-primary, $subsite-primary-text);
+      @include it-search-sections.block(
+        $subsite-primary,
+        $subsite-secondary,
+        $subsite-secondary-text
+      );
+      @include it-views.common(
+        $subsite-primary,
+        $subsite-secondary,
+        $subsite-tertiary,
+        $subsite-link-color
+      );
+      @include it-common.common($subsite-tertiary, $subsite-tertiary-text);
+
+      a,
+      &.cms-ui .public-ui a {
+        color: $subsite-link-color;
+
+        &:hover {
+          color: color-hover($subsite-link-color);
+        }
+      }
+
+      .icon-primary {
+        fill: $subsite-primary !important;
+      }
+    }
+  }
+}

package/src/theme/ItaliaTheme/SubsitesOld/bootstrap-italia/_brand-text.scss

@@ -0,0 +1,52 @@
+@use '../all_variables' as *;
+
+@mixin text($subsite-primary, $subsite-primary-text) {
+  .it-header-wrapper {
+    .it-brand-text {
+      &,
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        color: $subsite-primary-text;
+      }
+    }
+  }
+
+  // Mobile menu
+  @media (max-width: #{map-get($grid-breakpoints, lg)}) {
+    .navbar {
+      .navbar-collapsable {
+        .menu-wrapper {
+          .it-brand-text {
+            h2 {
+              font-size: 1.5rem;
+            }
+
+            h3 {
+              font-size: 1rem;
+            }
+          }
+        }
+      }
+    }
+
+    .it-header-wrapper {
+      .menu-wrapper {
+        .it-brand-text {
+          &,
+          h1,
+          h2,
+          h3,
+          h4,
+          h5,
+          h6 {
+            color: $subsite-primary;
+          }
+        }
+      }
+    }
+  }
+}