design-comuni-plone-theme 10.4.0 → 10.4.2

package/.eslintrc.js

@@ -8,7 +8,7 @@ module.exports = {
     mocha: true,
     jasmine: true,
   },
-  parser: 'babel-eslint',
+  parser: '@babel/eslint-parser',
   parserOptions: {
     ecmaVersion: 6,
     sourceType: 'module',

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 
 
+## [10.4.2](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v10.4.1...v10.4.2) (2023-11-23)
+
+
+### Bug Fixes
+
+* a11y of listing block read-more with card-slide-text template ([#415](https://github.com/RedTurtle/design-comuni-plone-theme/issues/415)) ([6260983](https://github.com/RedTurtle/design-comuni-plone-theme/commit/6260983016622af038d84d0f2efd3c9e13d2fbcf))
+* changed layout of readMore component to avoid overlapping ([#411](https://github.com/RedTurtle/design-comuni-plone-theme/issues/411)) ([a36a8b8](https://github.com/RedTurtle/design-comuni-plone-theme/commit/a36a8b8b1be250a27fa48316bf514d43f2aac9b7))
+* error in search blocks with service-link lighthouse id ([#417](https://github.com/RedTurtle/design-comuni-plone-theme/issues/417)) ([69f1a42](https://github.com/RedTurtle/design-comuni-plone-theme/commit/69f1a4243d13c077a0b0b469ce1de50a17527b95))
+
+
+### Maintenance
+
+* fix babel-eslint ([a7aa9a6](https://github.com/RedTurtle/design-comuni-plone-theme/commit/a7aa9a6dff9f420bceef34809c2f7e23da883bcd))
+* upgrade linters ([9d8f13a](https://github.com/RedTurtle/design-comuni-plone-theme/commit/9d8f13a34d82fb6cc9ce68f0881a46ffd8803eca))
+
+
+### Documentation
+
+* updated publiccode and release log ([603c65d](https://github.com/RedTurtle/design-comuni-plone-theme/commit/603c65d1de43952d7a1936127ea043d8a631a8b3))
+
+## [10.4.1](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v10.4.0...v10.4.1) (2023-11-21)
+
+
+### Bug Fixes
+
+* BandiInEvidenceTemplate layout to space bando dati when titles have different lengths ([#410](https://github.com/RedTurtle/design-comuni-plone-theme/issues/410)) ([4780b12](https://github.com/RedTurtle/design-comuni-plone-theme/commit/4780b127497e247df7dd59ffcba274537b2bc5a5))
+* class no-after added to simple card text block ([#413](https://github.com/RedTurtle/design-comuni-plone-theme/issues/413)) ([10073e8](https://github.com/RedTurtle/design-comuni-plone-theme/commit/10073e8bdf50c9e4b8d4245c05ad38bdac8423e3))
+* search block column template + button text color ([#408](https://github.com/RedTurtle/design-comuni-plone-theme/issues/408)) ([72f7eae](https://github.com/RedTurtle/design-comuni-plone-theme/commit/72f7eae3bac35aaaa01e725a89a65de8a2b02b60))
+
+
+### Maintenance
+
+* how to customize the 503 file ([#405](https://github.com/RedTurtle/design-comuni-plone-theme/issues/405)) ([b444ba8](https://github.com/RedTurtle/design-comuni-plone-theme/commit/b444ba84de9a31edffb01f778b66677ac72971cb))
+
+
+### Documentation
+
+* updated publiccode and release log ([5be0543](https://github.com/RedTurtle/design-comuni-plone-theme/commit/5be054313163816dd764149e8f7cb1717c52eab2))
+
 ## [10.4.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v10.3.0...v10.4.0) (2023-11-14)
 
 

package/RELEASE.md

@@ -41,6 +41,24 @@
 - ...
 -->
 
+## Versione 10.4.2 (23/11/2023)
+
+### Fix
+
+- Sistemato il layout della card nella variazione Bandi del Blocco Elenco per la modalità tablet
+- Sistemata accessibilità del read-more nel blocco elenco con variazione "Card con testo animato" quando si è in un sottosito con uno stile applicato.
+- Sistemato errore quando viene impostato "service-link" come ID lighthouse.
+
+## Versione 10.4.1 (21/11/2023)
+
+### Migliorie
+
+- Migliorato l'allineamento delle informazioni dei bandi nelle card dei blocchi elenco
+
+### Fix
+
+- Nel blocco Cerca, quando viene selezionata la variazione "Colonna a destra" o "Colonna a sinistra" i blocchi si allineano correttamente, e i bottoni nella testata si vedono correttamente in modalità Edit.
+
 ## Versione 10.4.0 (14/11/2023)
 
 ### Novità

package/error-503.html

@@ -1,3 +1,18 @@
+<!-- 
+WHAT YOU NEED TO CHANGE IN THIS FILE:
+
+[ ] - Base64 favicon (~LINE 29)
+[ ] - Root variable colors (~LINE 110)
+[ ] - Slim header region (href and content) (~LINE 581)
+[ ] - Header brand Base64 image and alt title (~LINE 596)
+[ ] - Header brand title (~LINE 603)
+[ ] - Header brand tagline (~LINE 605)
+[ ] - Footer Base64 image and alt title (~LINE 635)
+[ ] - Footer brand title (~LINE 638)
+[ ] - Footer brand tagline (~LINE 640)
+[ ] - Footer column "Contatti" - one item per <p> - Pay attention to href links (~LINE 662)
+ -->
+
 <!DOCTYPE html>
 <html lang="it">
   <head>
@@ -207,11 +222,7 @@
         padding-right: 6px;
         padding-left: 6px;
       }
-      .icon {
-        width: 32px;
-        height: 32px;
-        vertical-align: middle;
-      }
+
       @media (min-width: 576px) {
         body,
         html {
@@ -335,8 +346,7 @@
 
       .it-header-center-wrapper
         .it-header-center-content-wrapper
-        .it-brand-wrapper
-        a {
+        .it-brand-wrapper {
         display: flex;
         color: var(--header-text);
         align-items: center;
@@ -347,7 +357,6 @@
       .it-header-center-wrapper
         .it-header-center-content-wrapper
         .it-brand-wrapper
-        a
         .icon {
         /********** if is a image, delete the "fill" prop above ***********/
         fill: #fff;
@@ -365,12 +374,10 @@
       .it-header-center-wrapper
         .it-header-center-content-wrapper
         .it-brand-wrapper
-        a
         .it-brand-title,
       .it-header-center-wrapper
         .it-header-center-content-wrapper
         .it-brand-wrapper
-        a
         h2 {
         font-size: 1.25em;
         margin-bottom: 0;
@@ -386,7 +393,6 @@
       .it-header-center-wrapper
         .it-header-center-content-wrapper
         .it-brand-wrapper
-        a
         h3 {
         font-size: 0.889em;
         font-weight: 400;
@@ -427,7 +433,6 @@
         .it-header-center-wrapper
           .it-header-center-content-wrapper
           .it-brand-wrapper
-          a
           .icon {
           width: auto;
           height: 82px;
@@ -436,12 +441,10 @@
         .it-header-center-wrapper
           .it-header-center-content-wrapper
           .it-brand-wrapper
-          a
           .it-brand-title,
         .it-header-center-wrapper
           .it-header-center-content-wrapper
           .it-brand-wrapper
-          a
           h2 {
           font-size: 1.778em;
           margin-bottom: 0;
@@ -450,12 +453,10 @@
         .it-header-center-wrapper
           .it-header-center-content-wrapper
           .it-brand-wrapper
-          a
           .it-brand-tagline,
         .it-header-center-wrapper
           .it-header-center-content-wrapper
           .it-brand-wrapper
-          a
           h3 {
           font-size: 0.889em;
           font-weight: 400;
@@ -502,7 +503,7 @@
       .it-footer-main .it-brand-wrapper {
         padding: 32px 0;
       }
-      .it-footer-main .it-brand-wrapper a {
+      .it-footer-main .it-brand-wrapper {
         display: flex;
         color: var(--footer-text);
         align-items: center;
@@ -510,7 +511,7 @@
       }
 
       /******** Logo footer ***********/
-      .it-footer-main .it-brand-wrapper a .icon {
+      .it-footer-main .it-brand-wrapper .icon {
         /* if is a image, delete the "fill" prop above */
         fill: var(--logo);
         width: auto;
@@ -518,14 +519,14 @@
         margin-right: 8px;
         flex-shrink: 0;
       }
-      .it-footer-main .it-brand-wrapper a h2 {
+      .it-footer-main .it-brand-wrapper h2 {
         font-size: 1.25em;
         margin-bottom: 0;
         font-weight: 600;
         letter-spacing: unset;
         line-height: 1.1;
       }
-      .it-footer-main .it-brand-wrapper a h3 {
+      .it-footer-main .it-brand-wrapper h3 {
         font-size: 0.889em;
         font-weight: 400;
         margin-bottom: 0;
@@ -547,7 +548,7 @@
         padding-bottom: 8px !important;
       }
 
-      .it-footer-main h4 a {
+      .it-footer-main h4 {
         color: var(--footer-text);
         text-decoration: none;
         text-transform: uppercase;
@@ -577,7 +578,9 @@
           <div class="row">
             <div class="col-12">
               <div class="it-header-slim-wrapper-content">
-                <a class="d-lg-block navbar-brand">Nome della Regione</a>
+                <a href="#" target="_blank" class="d-lg-block navbar-brand"
+                  >Nome della Regione</a
+                >
               </div>
             </div>
           </div>
@@ -590,20 +593,18 @@
               <div class="col-12">
                 <div class="it-header-center-content-wrapper">
                   <div class="it-brand-wrapper">
-                    <a>
-                      <img
-                        class="icon"
-                        alt=""
-                        src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDx0aXRsZT5QQTwvdGl0bGU+CiAgPGc+CiAgICA8cGF0aAogICAgZmlsbD0iI2ZmZiIKICAgICAgZD0iTTMsMjFIMjF2MUgzWm0wLTFIMjFWMTlIM1pNMjIsOUgyTDEyLDJaTTUuMiw4SDE4LjhMMTIsMy4yWk02LDE4VjEwSDV2OFptNCwwVjEwSDl2OFptNSwwVjEwSDE0djhabTQsMFYxMEgxOHY4WiIKICAgICAgLz4KICA8L2c+CiAgPGc+CiAgICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiLz4KICA8L2c+Cjwvc3ZnPgo="
-                      />
-
-                      <div class="it-brand-text">
-                        <div class="it-brand-title">Nome del Comune</div>
-                        <div class="it-brand-tagline d-none d-md-block">
-                          Uno dei tanti Comuni d'Italia
-                        </div>
+                    <img
+                      class="icon"
+                      alt="Logo io-Comune"
+                      src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDx0aXRsZT5QQTwvdGl0bGU+CiAgPGc+CiAgICA8cGF0aAogICAgZmlsbD0iI2ZmZiIKICAgICAgZD0iTTMsMjFIMjF2MUgzWm0wLTFIMjFWMTlIM1pNMjIsOUgyTDEyLDJaTTUuMiw4SDE4LjhMMTIsMy4yWk02LDE4VjEwSDV2OFptNCwwVjEwSDl2OFptNSwwVjEwSDE0djhabTQsMFYxMEgxOHY4WiIKICAgICAgLz4KICA8L2c+CiAgPGc+CiAgICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiLz4KICA8L2c+Cjwvc3ZnPgo="
+                    />
+
+                    <div class="it-brand-text">
+                      <div class="it-brand-title">Nome del Comune</div>
+                      <div class="it-brand-tagline d-none d-md-block">
+                        Uno dei tanti Comuni d'Italia
                       </div>
-                    </a>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -628,19 +629,17 @@
             <div class="row clearfix">
               <div class="col-sm-12">
                 <div class="it-brand-wrapper">
-                  <a>
-                    <img
-                      class="icon"
-                      alt=""
-                      src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDx0aXRsZT5QQTwvdGl0bGU+CiAgPGc+CiAgICA8cGF0aAogICAgZmlsbD0iI2ZmZiIKICAgICAgZD0iTTMsMjFIMjF2MUgzWm0wLTFIMjFWMTlIM1pNMjIsOUgyTDEyLDJaTTUuMiw4SDE4LjhMMTIsMy4yWk02LDE4VjEwSDV2OFptNCwwVjEwSDl2OFptNSwwVjEwSDE0djhabTQsMFYxMEgxOHY4WiIKICAgICAgLz4KICA8L2c+CiAgPGc+CiAgICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiLz4KICA8L2c+Cjwvc3ZnPgo="
-                    />
-                    <div class="it-brand-text">
-                      <h2 class="no_toc">Nome del Comune</h2>
-                      <h3 class="no_toc d-none d-md-block">
-                        Uno dei tanti Comuni d'Italia
-                      </h3>
-                    </div>
-                  </a>
+                  <img
+                    class="icon"
+                    alt="Logo io-Comune"
+                    src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIKICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDx0aXRsZT5QQTwvdGl0bGU+CiAgPGc+CiAgICA8cGF0aAogICAgZmlsbD0iI2ZmZiIKICAgICAgZD0iTTMsMjFIMjF2MUgzWm0wLTFIMjFWMTlIM1pNMjIsOUgyTDEyLDJaTTUuMiw4SDE4LjhMMTIsMy4yWk02LDE4VjEwSDV2OFptNCwwVjEwSDl2OFptNSwwVjEwSDE0djhabTQsMFYxMEgxOHY4WiIKICAgICAgLz4KICA8L2c+CiAgPGc+CiAgICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiLz4KICA8L2c+Cjwvc3ZnPgo="
+                  />
+                  <div class="it-brand-text">
+                    <h2 class="no_toc">Nome del Comune</h2>
+                    <h3 class="no_toc d-none d-md-block">
+                      Uno dei tanti Comuni d'Italia
+                    </h3>
+                  </div>
                 </div>
               </div>
             </div>
@@ -650,7 +649,7 @@
             <div class="row">
               <div class="col-lg-3 col-md-3 pb-2">
                 <h4>
-                  <a>Amministrazione trasparente</a>
+                  Amministrazione trasparente
                 </h4>
                 <p>
                   I dati personali pubblicati sono riutilizzabili solo alle
@@ -660,13 +659,16 @@
               </div>
               <div class="col-lg-3 col-md-3 pb-2">
                 <h4>
-                  <a>Contatti</a>
+                  Contatti
                 </h4>
                 <p>
                   <strong>Nome del Comune</strong><br />
                   Via Roma 0 - 00000 Lorem Ipsum Codice fiscale / P. IVA:
                   000000000
                 </p>
+                <p>
+                  <a href="#">info@io-comune.it</a>
+                </p>
               </div>
             </div>
           </section>

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "10.4.0",
+  "version": "10.4.2",
   "main": "src/index.js",
   "keywords": [
     "volto-addon",
@@ -55,12 +55,31 @@
   },
   "stylelint": {
     "extends": [
-      "stylelint-config-prettier",
       "stylelint-config-idiomatic-order"
     ],
     "plugins": [
       "stylelint-prettier"
     ],
+    "overrides": [
+      {
+        "files": [
+          "**/*.scss"
+        ],
+        "customSyntax": "postcss-scss"
+      },
+      {
+        "files": [
+          "**/*.less"
+        ],
+        "customSyntax": "postcss-less"
+      },
+      {
+        "files": [
+          "**/*.overrides"
+        ],
+        "customSyntax": "postcss-less"
+      }
+    ],
     "rules": {
       "prettier/prettier": true,
       "rule-empty-line-before": [
@@ -85,21 +104,12 @@
       "yarn i18n",
       "git add locales"
     ],
-    "theme/**/*.{css,less}": [
-      "npx stylelint --fix"
-    ],
     "src/**/*.{css,less}": [
       "npx stylelint --fix"
     ],
-    "theme/**/*.scss": [
-      "npx stylelint --fix --customSyntax postcss-scss"
-    ],
     "src/**/*.scss": [
       "npx stylelint --fix --customSyntax postcss-scss"
     ],
-    "theme/**/*.overrides": [
-      "npx stylelint --fix --syntax less"
-    ],
     "src/**/*.overrides": [
       "npx stylelint --fix --syntax less"
     ]
@@ -149,28 +159,34 @@
   },
   "devDependencies": {
     "@babel/core": "7.19.6",
+    "@babel/eslint-parser": "7.23.3",
     "@commitlint/cli": "17.6.6",
     "@commitlint/config-conventional": "17.6.6",
     "@plone/scripts": "*",
     "@release-it/conventional-changelog": "5.1.1",
-    "babel-eslint": "10.1.0",
-    "eslint": "6.8.0",
-    "eslint-config-prettier": "6.11.0",
-    "eslint-config-react-app": "5.2.1",
+    "eslint": "8.54.0",
+    "eslint-config-prettier": "9.0.0",
+    "eslint-config-react-app": "7.0.1",
     "eslint-plugin-flowtype": "4.7.0",
-    "eslint-plugin-import": "2.20.2",
-    "eslint-plugin-jsx-a11y": "6.2.3",
-    "eslint-plugin-prettier": "3.1.3",
-    "eslint-plugin-react": "7.20.0",
-    "eslint-plugin-react-hooks": "4.0.2",
+    "eslint-plugin-import": "2.29.0",
+    "eslint-plugin-jsx-a11y": "6.8.0",
+    "eslint-plugin-prettier": "5.0.1",
+    "eslint-plugin-react": "7.33.2",
+    "eslint-plugin-react-hooks": "4.6.0",
     "husky": "8.0.2",
     "lint-staged": "13.0.3",
-    "prettier": "2.0.5",
+    "postcss": "8.4.31",
+    "postcss-flexbugs-fixes": "5.0.2",
+    "postcss-less": "6.0.0",
+    "postcss-load-config": "4.0.2",
+    "postcss-loader": "7.3.3",
+    "postcss-overrides": "3.1.4",
+    "postcss-scss": "4.0.9",
+    "prettier": "3.1.0",
     "release-it": "16.1.3",
-    "stylelint": "15.10.2",
+    "stylelint": "15.11.0",
     "stylelint-config-idiomatic-order": "9.0.0",
-    "stylelint-config-prettier": "9.0.5",
-    "stylelint-prettier": "4.0.0"
+    "stylelint-prettier": "4.0.2"
   },
   "peerDependencies": {
     "@plone/volto": "17.0.0-alpha.19"

package/publiccode.yml

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

package/src/actions/getDettagliProcedimento.js

@@ -2,8 +2,7 @@
  * Search filters action
  * @module src/actions/getDettagliProcedimento
  */
-export const GET_DETTAGLI_PROCEDIMENTO =
-  'GET_DETTAGLI_PROCEDIMENTO';
+export const GET_DETTAGLI_PROCEDIMENTO = 'GET_DETTAGLI_PROCEDIMENTO';
 
 /**
  * Get search filters.