design-comuni-plone-theme 8.7.6 → 8.7.7

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [8.7.7](https://github.com/redturtle/design-comuni-plone-theme/compare/v8.7.6...v8.7.7) (2023-10-12)
+
+
+### Maintenance
+
+* preparing release 8.7.7 ([1136269](https://github.com/redturtle/design-comuni-plone-theme/commit/1136269c2afd1de887d44c96edbe1fffcbdb990e))
+* updated twitter icon ([#361](https://github.com/redturtle/design-comuni-plone-theme/issues/361)) ([ce75b74](https://github.com/redturtle/design-comuni-plone-theme/commit/ce75b74e5d2b7eccdb56456f7b474184483d3035))
+
 
 
 ## [8.7.6](https://github.com/redturtle/design-comuni-plone-theme/compare/v8.7.5...v8.7.6) (2023-10-09)

package/RELEASE.md

@@ -30,7 +30,11 @@
 - ...
 -->
 
-## Versione X.X.X (06/10/2023)
+## Versione 8.7.7 (12/10/2023)
+
+### Migliorie
+
+- Aggiornata nuova icona di Twitter
 
 ### Fix
 

package/package.json

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

package/src/components/ItaliaTheme/Icons/Icon.jsx

@@ -7,6 +7,7 @@ import classNames from 'classnames';
 
 import DesignIcon from './DesignIcon';
 import TelegramSVG from './svg/TelegramSVG';
+import XTwitterSVG from './svg/XTwitterSVG';
 import { FontAwesomeIcon } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
 const Icon = (props) => {
@@ -25,10 +26,13 @@ const Icon = (props) => {
 
     const parts = icon.split(' ');
 
-    if (icon.indexOf('it-') === 0) {
+    // TO DO: rimuovere le condizioni dell'icona di twitter quando verrà aggiornato Bootstrap Italia
+    if (icon.indexOf('it-') === 0 && icon !== 'it-twitter') {
       return <DesignIcon {...props} className={classes} {...rest} />;
     } else if (icon === 'telegram') {
       return <TelegramSVG className={classes} {...rest} />;
+    } else if (icon === 'it-twitter') {
+      return <XTwitterSVG className={classes} {...rest} />;
     } else if (parts.length > 1) {
       return (
         <FontAwesomeIcon icon={parts} className={`fal ${classes}`} {...rest} />

package/src/components/ItaliaTheme/Icons/svg/XTwitterSVG.jsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+const XTwitterSVG = (props) => (
+  <svg
+    aria-hidden="true"
+    focusable="false"
+    data-prefix="fab"
+    data-icon="x-twitter"
+    {...props}
+    role="img"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 496 512"
+  >
+    <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" />
+  </svg>
+);
+
+export default XTwitterSVG;

package/src/theme/ItaliaTheme/Components/_sharing.scss

@@ -3,6 +3,7 @@
   .btn.dropdown-toggle {
     text-decoration: underline;
   }
+
   .link-list-wrapper {
     ul {
       li {
@@ -10,7 +11,10 @@
         button.btn-link {
           display: flex;
           align-items: center;
+
           .icon {
+            height: 28px;
+            width: 28px;
             margin-right: 0.5em;
           }
         }