design-comuni-plone-theme 11.0.1 → 11.1.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 
 
+## [11.1.0](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.0.2...v11.1.0) (2023-12-20)
+
+
+### Features
+
+* login with cie ([#443](https://github.com/redturtle/design-comuni-plone-theme/issues/443)) ([21dae70](https://github.com/redturtle/design-comuni-plone-theme/commit/21dae707b3207a0fed69ea6b4b39289ee0b1d90e))
+
+
+### Documentation
+
+* updated publiccode ([5d169c7](https://github.com/redturtle/design-comuni-plone-theme/commit/5d169c78920a25f5765ae281400bea3aa0e6be1a))
+
+## [11.0.2](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.0.1...v11.0.2) (2023-12-20)
+
+
+### Bug Fixes
+
+* subsite mixin styles ([#442](https://github.com/redturtle/design-comuni-plone-theme/issues/442)) ([84719fe](https://github.com/redturtle/design-comuni-plone-theme/commit/84719fe08521076c62e09c2ad1fd840fb65e6f45))
+
+
+### Documentation
+
+* updated publiccode ([aed0730](https://github.com/redturtle/design-comuni-plone-theme/commit/aed073008414c8ca7f4b726410ec20f9333ff297))
+
 ## [11.0.1](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.0.0...v11.0.1) (2023-12-19)
 
 

package/locales/de/LC_MESSAGES/volto.po

@@ -2358,6 +2358,21 @@ msgstr ""
 msgid "login_agid_other_description"
 msgstr ""
 
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: CIE
+msgid "login_cie"
+msgstr ""
+
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: Log in with CIE.
+msgid "login_cie_description"
+msgstr ""
+
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: How to activate CIE
+msgid "login_cie_help"
+msgstr ""
+
 #: components/ItaliaTheme/LoginAgid/LoginAgid
 #: components/ItaliaTheme/Unauthorized/Unauthorized
 # defaultMessage: Log in as employee
@@ -2379,6 +2394,11 @@ msgstr ""
 msgid "login_spid_help"
 msgstr ""
 
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: Login with CIE
+msgid "login_with_cie"
+msgstr ""
+
 #: components/ItaliaTheme/LoginAgid/LoginAgidButtons
 # defaultMessage: Login with SPID
 msgid "login_with_spid"

package/locales/en/LC_MESSAGES/volto.po

@@ -2343,6 +2343,21 @@ msgstr ""
 msgid "login_agid_other_description"
 msgstr ""
 
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: CIE
+msgid "login_cie"
+msgstr ""
+
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: Log in with CIE.
+msgid "login_cie_description"
+msgstr ""
+
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: How to activate CIE
+msgid "login_cie_help"
+msgstr ""
+
 #: components/ItaliaTheme/LoginAgid/LoginAgid
 #: components/ItaliaTheme/Unauthorized/Unauthorized
 # defaultMessage: Log in as employee
@@ -2364,6 +2379,11 @@ msgstr ""
 msgid "login_spid_help"
 msgstr ""
 
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: Login with CIE
+msgid "login_with_cie"
+msgstr ""
+
 #: components/ItaliaTheme/LoginAgid/LoginAgidButtons
 # defaultMessage: Login with SPID
 msgid "login_with_spid"

package/locales/es/LC_MESSAGES/volto.po

@@ -2352,6 +2352,21 @@ msgstr ""
 msgid "login_agid_other_description"
 msgstr ""
 
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: CIE
+msgid "login_cie"
+msgstr ""
+
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: Log in with CIE.
+msgid "login_cie_description"
+msgstr ""
+
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: How to activate CIE
+msgid "login_cie_help"
+msgstr ""
+
 #: components/ItaliaTheme/LoginAgid/LoginAgid
 #: components/ItaliaTheme/Unauthorized/Unauthorized
 # defaultMessage: Log in as employee
@@ -2373,6 +2388,11 @@ msgstr ""
 msgid "login_spid_help"
 msgstr ""
 
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: Login with CIE
+msgid "login_with_cie"
+msgstr ""
+
 #: components/ItaliaTheme/LoginAgid/LoginAgidButtons
 # defaultMessage: Login with SPID
 msgid "login_with_spid"

package/locales/fr/LC_MESSAGES/volto.po

@@ -2360,6 +2360,21 @@ msgstr ""
 msgid "login_agid_other_description"
 msgstr ""
 
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: CIE
+msgid "login_cie"
+msgstr ""
+
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: Log in with CIE.
+msgid "login_cie_description"
+msgstr ""
+
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: How to activate CIE
+msgid "login_cie_help"
+msgstr ""
+
 #: components/ItaliaTheme/LoginAgid/LoginAgid
 #: components/ItaliaTheme/Unauthorized/Unauthorized
 # defaultMessage: Log in as employee
@@ -2381,6 +2396,11 @@ msgstr ""
 msgid "login_spid_help"
 msgstr ""
 
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: Login with CIE
+msgid "login_with_cie"
+msgstr ""
+
 #: components/ItaliaTheme/LoginAgid/LoginAgidButtons
 # defaultMessage: Login with SPID
 msgid "login_with_spid"

package/locales/it/LC_MESSAGES/volto.po

@@ -2343,6 +2343,21 @@ msgstr "Altre utenze"
 msgid "login_agid_other_description"
 msgstr "In alternativa puoi utilizzare le seguenti modalità."
 
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: CIE
+msgid "login_cie"
+msgstr ""
+
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: Log in with CIE.
+msgid "login_cie_description"
+msgstr "Entra con CIE"
+
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: How to activate CIE
+msgid "login_cie_help"
+msgstr "Maggiori informazioni sulla CIE"
+
 #: components/ItaliaTheme/LoginAgid/LoginAgid
 #: components/ItaliaTheme/Unauthorized/Unauthorized
 # defaultMessage: Log in as employee
@@ -2364,6 +2379,11 @@ msgstr "Accedi con SPID, il sistema Pubblico di Identità Digitale."
 msgid "login_spid_help"
 msgstr "Come attivare SPID"
 
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: Login with CIE
+msgid "login_with_cie"
+msgstr "Entra con CIE"
+
 #: components/ItaliaTheme/LoginAgid/LoginAgidButtons
 # defaultMessage: Login with SPID
 msgid "login_with_spid"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2023-12-18T16:06:10.430Z\n"
+"POT-Creation-Date: 2023-12-20T09:24:02.911Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -2345,6 +2345,21 @@ msgstr ""
 msgid "login_agid_other_description"
 msgstr ""
 
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: CIE
+msgid "login_cie"
+msgstr ""
+
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: Log in with CIE.
+msgid "login_cie_description"
+msgstr ""
+
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: How to activate CIE
+msgid "login_cie_help"
+msgstr ""
+
 #: components/ItaliaTheme/LoginAgid/LoginAgid
 #: components/ItaliaTheme/Unauthorized/Unauthorized
 # defaultMessage: Log in as employee
@@ -2366,6 +2381,11 @@ msgstr ""
 msgid "login_spid_help"
 msgstr ""
 
+#: components/ItaliaTheme/LoginAgid/LoginAgidButtons
+# defaultMessage: Login with CIE
+msgid "login_with_cie"
+msgstr ""
+
 #: components/ItaliaTheme/LoginAgid/LoginAgidButtons
 # defaultMessage: Login with SPID
 msgid "login_with_spid"

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "11.0.1",
+  "version": "11.1.0",
   "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-19'
+releaseDate: '2023-12-20'
 softwareType: standalone/web
-softwareVersion: 11.0.1
+softwareVersion: 11.1.0
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/src/components/ItaliaTheme/LoginAgid/LoginAgidButtons.jsx

@@ -14,8 +14,10 @@ import {
   Icon,
   LoginButton,
 } from 'design-comuni-plone-theme/components/ItaliaTheme';
+import { Icon as BaseIcon } from '@plone/volto/components';
 import { useLocation } from 'react-router-dom';
 import config from '@plone/volto/registry';
+import cieSVG from 'design-comuni-plone-theme/icons/entra_con_cie.svg';
 
 const messages = defineMessages({
   loginSpid: {
@@ -34,6 +36,22 @@ const messages = defineMessages({
     id: 'login_spid_help',
     defaultMessage: 'How to activate SPID',
   },
+  loginCie: {
+    id: 'login_cie',
+    defaultMessage: 'CIE',
+  },
+  loginCieDescription: {
+    id: 'login_cie_description',
+    defaultMessage: 'Log in with CIE.',
+  },
+  loginCieButton: {
+    id: 'login_with_cie',
+    defaultMessage: 'Login with CIE',
+  },
+  loginCieHelp: {
+    id: 'login_cie_help',
+    defaultMessage: 'How to activate CIE',
+  },
 });
 
 // https://v5.reactrouter.com/web/example/query-parameters
@@ -42,61 +60,111 @@ function useQueryV5() {
   return React.useMemo(() => new URLSearchParams(search), [search]);
 }
 
+const SpidButton = ({ spidLoginUrl, qs, intl }) => (
+  <div className="login-method">
+    <h2>{intl.formatMessage(messages.loginSpid)}</h2>
+    <p className="description">
+      {intl.formatMessage(messages.loginSpidDescription)}
+    </p>
+    <div className="authorized-spid-login mb-4">
+      <Button
+        className="btn-icon"
+        color="primary"
+        href={`${spidLoginUrl}${qs}`}
+        tag="a"
+        data-element="personal-area-login"
+        size="big"
+      >
+        <span className="rounded-icon">
+          <Icon color="primary" icon="it-user" padding={false} size="" />
+        </span>
+        <span>{intl.formatMessage(messages.loginSpidButton)}</span>
+      </Button>
+      <div>
+        <UniversalLink href="https://www.spid.gov.it/cos-e-spid/come-attivare-spid">
+          <small>{intl.formatMessage(messages.loginSpidHelp)}</small>
+        </UniversalLink>
+      </div>
+    </div>
+  </div>
+);
+
+const CieButton = ({ cieLoginUrl, qs, intl }) => (
+  <div className="login-method">
+    <h2>{intl.formatMessage(messages.loginCie)}</h2>
+    <p className="description">
+      {intl.formatMessage(messages.loginCieDescription)}
+    </p>
+    <div className="authorized-spid-login mb-4">
+      <Button
+        className="btn-icon"
+        color="primary"
+        href={`${cieLoginUrl}${qs}`}
+        tag="a"
+        data-element="personal-area-login"
+        size="big"
+        style={{
+          padding: 0,
+        }}
+        title={intl.formatMessage(messages.loginCieButton)}
+      >
+        <BaseIcon name={cieSVG} style={{ width: '100%', height: '100%' }} />
+      </Button>
+      <div>
+        <UniversalLink href="https://www.cartaidentita.interno.gov.it/">
+          <small>{intl.formatMessage(messages.loginCieHelp)}</small>
+        </UniversalLink>
+      </div>
+    </div>
+  </div>
+);
+
+const ArButton = ({ arLoginUrl, intl }) => (
+  <div className="login-method">
+    <h2>{intl.formatMessage(messages.loginSpid)}</h2>
+    <p className="description">
+      {intl.formatMessage(messages.loginSpidDescription)}
+    </p>
+    <div className="authorized-spid-login mb-4">
+      <LoginButton baseLoginUrl={arLoginUrl}>
+        <span className="rounded-icon">
+          <Icon color="primary" icon="it-user" padding={false} size="" />
+        </span>
+        <span className="d-none d-lg-block">
+          {intl.formatMessage(messages.loginSpidButton)}
+        </span>
+      </LoginButton>
+    </div>
+  </div>
+);
+
 const LoginAgidButtons = ({ origin }) => {
   const intl = useIntl();
   const query = useQueryV5();
   const came_from = query.get('came_from') || origin;
   const qs = came_from ? `?came_from=${came_from}` : '';
+  // "ar" => "Area Riservata"
   const arLoginUrl = config.settings.siteProperties?.arLoginUrl;
   const spidLoginUrl = __CLIENT__
     ? window.env.RAZZLE_SPID_LOGIN_URL
     : process.env.RAZZLE_SPID_LOGIN_URL;
+  const cieLoginUrl = __CLIENT__
+    ? window.env.RAZZLE_CIE_LOGIN_URL
+    : process.env.RAZZLE_CIE_LOGIN_URL;
 
-  return spidLoginUrl ? (
-    <div className="login-method">
-      <h2>{intl.formatMessage(messages.loginSpid)}</h2>
-      <p className="description">
-        {intl.formatMessage(messages.loginSpidDescription)}
-      </p>
-      <div className="authorized-spid-login mb-4">
-        <Button
-          className="btn-icon"
-          color="primary"
-          href={`${spidLoginUrl}${qs}`}
-          tag="a"
-          data-element="personal-area-login"
-          size="big"
-        >
-          <span className="rounded-icon">
-            <Icon color="primary" icon="it-user" padding={false} size="" />
-          </span>
-          <span>{intl.formatMessage(messages.loginSpidButton)}</span>
-        </Button>
-        <div>
-          <UniversalLink href="https://www.spid.gov.it/cos-e-spid/come-attivare-spid">
-            <small>{intl.formatMessage(messages.loginSpidHelp)}</small>
-          </UniversalLink>
-        </div>
-      </div>
-    </div>
-  ) : arLoginUrl ? (
-    <div className="login-method">
-      <h2>{intl.formatMessage(messages.loginSpid)}</h2>
-      <p className="description">
-        {intl.formatMessage(messages.loginSpidDescription)}
-      </p>
-      <div className="authorized-spid-login mb-4">
-        <LoginButton baseLoginUrl={arLoginUrl}>
-          <span className="rounded-icon">
-            <Icon color="primary" icon="it-user" padding={false} size="" />
-          </span>
-          <span className="d-none d-lg-block">
-            {intl.formatMessage(messages.loginSpidButton)}
-          </span>
-        </LoginButton>
-      </div>
-    </div>
-  ) : null;
+  return (
+    <>
+      {spidLoginUrl && (
+        <SpidButton intl={intl} qs={qs} spidLoginUrl={spidLoginUrl} />
+      )}
+      {cieLoginUrl && (
+        <CieButton intl={intl} qs={qs} cieLoginUrl={cieLoginUrl} />
+      )}
+      {!cieLoginUrl && !spidLoginUrl && arLoginUrl && (
+        <ArButton intl={intl} qs={qs} arLoginUrl={arLoginUrl} />
+      )}
+    </>
+  );
 };
 
 export default LoginAgidButtons;

package/src/icons/entra_con_cie.svg

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 281.5 56.3">
+    <title>Entra con CIE</title>
+    <g id="Livello_2" data-name="Livello 2">
+        <g id="Livello_1-2" data-name="Livello 1">
+            <rect width="281.5" height="56.3" fill="#0053a2" />
+            <path
+                d="M20,11.4l1.4-.6L39,4.8a1.2,1.2,0,0,1,1.3.2,2.8,2.8,0,0,1,.8,1.2c.5,1.3,1.1,2.6,1.6,4a9.2,9.2,0,0,1,.5,3.7,10.3,10.3,0,0,0-.1,1.7,2.9,2.9,0,0,0,0,1.3c0,.5.1,1.1.1,1.6a6.6,6.6,0,0,0,1.2,3c1.2,1.6,2.4,3.1,3.5,4.7a11.3,11.3,0,0,1,1.6,2.6,3,3,0,0,1,.4,1,3.6,3.6,0,0,1-.2,1,7.5,7.5,0,0,1-1.2,1.4l-1.7,1.1-1.3,1a1.6,1.6,0,0,0-.2,1.5,10.4,10.4,0,0,0,.4,1,1.7,1.7,0,0,1-.2,1.8l-.3.4a1.1,1.1,0,0,0-.2,1.1,4.3,4.3,0,0,1,.1.5c.1.4-.1.7-.4,1.1l-.6.8a2.2,2.2,0,0,0-.6,1.9,4.3,4.3,0,0,0,.2,1.1,5,5,0,0,1,.2,2.1,3.2,3.2,0,0,1-1.7,2.8,2.6,2.6,0,0,1-1.7.3l-2.2-.4-8.2-1.7-2.8-.7h-.1a19.8,19.8,0,0,0,9-12.8,19.3,19.3,0,0,0-3-15.3A19.5,19.5,0,0,0,20,11.4Z"
+                fill="#fff" />
+            <path
+                d="M12.2,29.1c-2,0-3.4-.6-4.1-1.7S7,24.5,7,21.9a10.4,10.4,0,0,1,1.1-5.4c.7-1.1,2.1-1.6,4.1-1.6a18.9,18.9,0,0,1,3.9.5v1.8a21.9,21.9,0,0,0-3.6-.3c-1.2,0-2,.3-2.4,1.1s-.7,2-.7,4a8.9,8.9,0,0,0,.6,4,2.6,2.6,0,0,0,2.5,1.1,21.9,21.9,0,0,0,3.6-.3v1.9A28.7,28.7,0,0,1,12.2,29.1Z"
+                fill="#fff" />
+            <path d="M17.8,17.1V14.8H20v2.3Zm0,11.8V18.8H20V28.9Z" fill="#fff" />
+            <path
+                d="M29.4,27.1H30v1.6a20.8,20.8,0,0,1-4,.5,3.8,3.8,0,0,1-3.2-1.2,6.1,6.1,0,0,1-1-3.9c0-3.6,1.5-5.4,4.4-5.4s4.2,1.5,4.2,4.6l-.2,1.6H24a2.4,2.4,0,0,0,.6,1.8,2.4,2.4,0,0,0,1.9.6Zm-1.2-4a3.7,3.7,0,0,0-.4-2.1,2.1,2.1,0,0,0-1.6-.6,2.2,2.2,0,0,0-1.7.6,3.8,3.8,0,0,0-.5,2.1Z"
+                fill="#fff" />
+            <path d="M15.6,45.3V31.5h2.2V45.3Z" fill="#fff" />
+            <path
+                d="M24.9,45.3H20.1V31.5h4.8c2.1,0,3.6.6,4.3,1.6a8.7,8.7,0,0,1,1.2,5.1,21.9,21.9,0,0,1-.2,2.9,9.3,9.3,0,0,1-.8,2.2C28.6,44.6,27.1,45.3,24.9,45.3Zm3.2-7.1a7.8,7.8,0,0,0-.6-3.6,2.9,2.9,0,0,0-2.6-1.1H22.4v9.8h2.5a2.6,2.6,0,0,0,2.6-1.4,4.9,4.9,0,0,0,.5-1.6C28,39.7,28.1,39,28.1,38.2Z"
+                fill="#fff" />
+            <line x1="56.7" y1="7.9" x2="56.7" y2="49.2" fill="none" stroke="#fff"
+                stroke-miterlimit="10" />
+            <path d="M89.6,36.5V19h11.1v2.5H92.5v4.9h6.7v2.5H92.5V34h8.2v2.5Z" fill="#fff" />
+            <path
+                d="M106.3,36.5h-2.8V23.7h2.8v.8a7.1,7.1,0,0,1,3.5-1.1c1.7,0,2.9.5,3.5,1.5a9.4,9.4,0,0,1,.9,4.8v6.8h-2.7V29.7a6.9,6.9,0,0,0-.5-2.9,1.8,1.8,0,0,0-1.8-.9,7,7,0,0,0-2.5.5l-.4.2Z"
+                fill="#fff" />
+            <path
+                d="M124.4,26.1h-3.6v5.6a4.5,4.5,0,0,0,.3,2.1c.1.4.5.5,1.1.5h2.1l.2,2.2-2.6.3c-1.5,0-2.5-.3-3-1s-.8-1.9-.8-3.7v-6h-1.7V23.7h1.7V20h2.7v3.7h3.6Z"
+                fill="#fff" />
+            <path
+                d="M126.7,36.5V23.7h2.7v1.6a12,12,0,0,1,4.4-1.9v2.8a17,17,0,0,0-3.8,1.2l-.6.2v8.9Z"
+                fill="#fff" />
+            <path
+                d="M145.4,27.7v5.8c0,.4.1.7.3.8a1.5,1.5,0,0,0,.8.4v2.1a5.7,5.7,0,0,1-3.4-.9,9.8,9.8,0,0,1-4.1.9c-2.5,0-3.8-1.3-3.8-4.1a3.4,3.4,0,0,1,1-2.8,5.5,5.5,0,0,1,3.2-1l3.3-.3v-.9a2.1,2.1,0,0,0-.4-1.5,2.5,2.5,0,0,0-1.3-.4l-4.1.2h-.9v-2a25.8,25.8,0,0,1,5.2-.7,4.8,4.8,0,0,1,3.4,1.1A4.5,4.5,0,0,1,145.4,27.7Zm-5.8,3.1a1.8,1.8,0,0,0-1.7,2c0,1.2.5,1.7,1.5,1.7a9.5,9.5,0,0,0,2.8-.4h.4V30.6Z"
+                fill="#fff" />
+            <path
+                d="M159.3,23.4a21.4,21.4,0,0,1,3.2.4h.7v2.2l-3-.2c-1.3,0-2.2.3-2.6.9a5.4,5.4,0,0,0-.7,3.3,6.4,6.4,0,0,0,.6,3.3,3.4,3.4,0,0,0,2.7.9l3-.2v2.3a23.1,23.1,0,0,1-3.9.4c-2,0-3.3-.5-4.1-1.6s-1.2-2.7-1.2-5.1.4-4.1,1.2-5.1A5.2,5.2,0,0,1,159.3,23.4Z"
+                fill="#fff" />
+            <path
+                d="M166.4,25.1a5.4,5.4,0,0,1,4.4-1.7c2.1,0,3.6.6,4.4,1.7a7.8,7.8,0,0,1,1.4,5,8.5,8.5,0,0,1-1.3,5c-.9,1.2-2.4,1.7-4.5,1.7s-3.5-.5-4.4-1.7a8.5,8.5,0,0,1-1.3-5A8.5,8.5,0,0,1,166.4,25.1Zm2.1,8.3a2.5,2.5,0,0,0,2.3,1.1c1.2,0,2-.4,2.3-1.1a6.6,6.6,0,0,0,.6-3.3,6.4,6.4,0,0,0-.6-3.3,2.4,2.4,0,0,0-2.3-1,2.3,2.3,0,0,0-2.2,1,6.2,6.2,0,0,0-.7,3.3A6.6,6.6,0,0,0,168.5,33.4Z"
+                fill="#fff" />
+            <path
+                d="M182.1,36.5h-2.8V23.7h2.8v.8a7.1,7.1,0,0,1,3.5-1.1c1.7,0,2.9.5,3.5,1.5s1,2.5,1,4.8v6.8h-2.8V29.7a6.9,6.9,0,0,0-.5-2.9,1.8,1.8,0,0,0-1.8-.9,7,7,0,0,0-2.5.5l-.4.2Z"
+                fill="#fff" />
+            <path
+                d="M205.2,36.8c-2.6,0-4.3-.7-5.2-2.1s-1.4-3.8-1.4-7,.5-5.6,1.4-6.9,2.6-2.1,5.2-2.1a23.4,23.4,0,0,1,5,.6v2.3a35.7,35.7,0,0,0-4.6-.4,3.3,3.3,0,0,0-3.1,1.4c-.6.9-.9,2.6-.9,5.2a11.6,11.6,0,0,0,.8,5.1,3.4,3.4,0,0,0,3.1,1.4,24.9,24.9,0,0,0,4.7-.4v2.4A30.2,30.2,0,0,1,205.2,36.8Z"
+                fill="#fff" />
+            <path d="M213.2,36.5V19h2.9V36.5Z" fill="#fff" />
+            <path d="M220.1,36.5V19h11.1v2.5H223v4.9h6.7v2.5H223V34h8.2v2.5Z" fill="#fff" />
+        </g>
+    </g>
+</svg>

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

@@ -38,6 +38,12 @@
         }
       }
     }
+
+    &.search {
+      .search-wrapper .autocomplete-icon .icon {
+        fill: $subsite-primary;
+      }
+    }
   }
 
   .event-search,

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

@@ -27,11 +27,6 @@
     }
   }
 
-  // TO DO: questo serve?
-  // a.btn-tertiary {
-  //   color: $subsite-tertiary-text;
-  // }
-
   .btn-outline-tertiary {
     @include button-outline-variant($subsite-tertiary);
   }
@@ -45,11 +40,34 @@
     background-color: $subsite-primary !important;
   }
 
+  //fix per bg-primary in CT servizio
+  // .contenttype-servizio {
+  .it-page-section.bg-primary {
+    background-color: $subsite-primary-a0 !important;
+  }
+  // }
+
   .bg-secondary {
     background-color: $subsite-secondary !important;
     color: $subsite-secondary-text;
   }
 
+  //text
+  .text-primary {
+    color: $subsite-primary-text !important;
+  }
+  .select-pill.text-primary {
+    color: $subsite-primary !important;
+
+    div {
+      color: inherit;
+    }
+  }
+
+  .text-secondary {
+    color: $subsite-secondary-text !important;
+  }
+
   //btn mini
   .select-all-cts.btn.btn-link.btn-mini,
   .subsite-header .text a.select-all-cts.btn-link.btn-mini {
@@ -293,6 +311,10 @@
 
   // date picker - general
   .DateRangePicker {
+    td.CalendarDay_default {
+      color: #484848;
+    }
+
     td.CalendarDay__selected {
       color: $subsite-link-color;
 
@@ -301,6 +323,12 @@
       }
     }
 
+    td.CalendarDay__hovered_span {
+      background: $subsite-primary-a0;
+      border: $subsite-primary-a0;
+      color: $subsite-link-color;
+    }
+
     @if $subsite-light-theme {
       td.CalendarDay__selected_span {
         background: darken($subsite-primary, 10%);
@@ -312,6 +340,7 @@
     } @else {
       td.CalendarDay__selected_span {
         background: $subsite-primary-a0;
+        color: #484848;
 
         &:hover {
           border: 1px double $subsite-primary-a0;
@@ -319,4 +348,20 @@
       }
     }
   }
+
+  .DayPickerKeyboardShortcuts_show__bottomRight::before {
+    border-right-color: $subsite-primary;
+  }
+
+  .DayPickerKeyboardShortcuts_showSpan {
+    color: $subsite-primary-text;
+  }
+
+  .react-select__menu-list {
+    .select-list {
+      .react-select__option--is-focused {
+        background-color: $subsite-primary-a0 !important;
+      }
+    }
+  }
 }

package/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_card.scss

@@ -1,6 +1,11 @@
 @use '../../all_variables' as *;
 
 @mixin card($subsite-primary, $subsite-link-color) {
+  //card category
+  .card .card-body .category-top a.category {
+    color: $subsite-link-color;
+  }
+
   // flag
   .flag-icon {
     background: $subsite-primary;

package/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headercenter.scss

@@ -26,13 +26,13 @@
 
         //right zone
         .it-right-zone {
-          color: $subsite-primary-text;
+          color: $subsite-primary-text !important;
 
           .it-socials {
             ul {
               .icon {
-                color: $subsite-primary-text;
-                fill: $subsite-primary-text;
+                color: $subsite-primary-text !important;
+                fill: $subsite-primary-text !important;
               }
             }
           }

package/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss

@@ -13,26 +13,14 @@
       .navbar-nav {
         li {
           a.nav-link {
-            @if $subsite-light-theme {
-              color: $subsite-primary-text;
-
-              &.active {
-                border-left-color: $subsite-primary-text;
-              }
+            color: $subsite-primary-text;
 
-              svg {
-                fill: $subsite-primary-text !important;
-              }
-            } @else {
-              color: $subsite-link-color;
-
-              &.active {
-                border-left-color: $subsite-link-color;
-              }
+            &.active {
+              border-left-color: $subsite-primary-text;
+            }
 
-              svg {
-                fill: $subsite-link-color !important;
-              }
+            svg {
+              fill: $subsite-primary-text !important;
             }
           }
         }
@@ -76,7 +64,7 @@
   }
 
   //Tablet horizontal / small desktop
-  @media (min-width: #{map-get($grid-breakpoints, lg)}) {
+  @media (min-width: #{map-get($grid-breakpoints, md)}) and (max-width: #{map-get($grid-breakpoints, lg)}) {
     .navbar {
       background: $subsite-primary;