design-comuni-plone-theme 8.0.0-alpha.37

package/src/helpers/index.js

@@ -0,0 +1,45 @@
+/**
+ * Add your helpers here.
+ * @module helpers
+ * @example
+ * export { Api } from './Api/Api';
+ */
+
+export { defaultIconWidgetOptions } from 'design-comuni-plone-theme/helpers/IconWidget/IconWidgetHelper';
+export { fontAwesomeAliases } from 'design-comuni-plone-theme/helpers/IconWidget/IconAliasHelper';
+export {
+  getCalendarDate,
+  getEventRecurrenceMore,
+} from 'design-comuni-plone-theme/helpers/ListingHelper';
+export {
+  contentFolderHasItems,
+  renderPDCItemValue,
+} from 'design-comuni-plone-theme/helpers/contentHelper';
+export { checkRedraftHasContent } from 'design-comuni-plone-theme/helpers/redraftHelper';
+export { getTableRowData } from 'design-comuni-plone-theme/helpers/amministrazioneTrasparenteHelper';
+export { getItemsByPath } from 'design-comuni-plone-theme/helpers/getItemsByPath';
+export {
+  viewDate,
+  getRealStartAndEndWithRecurrence,
+} from 'design-comuni-plone-theme/helpers/dates';
+export { getSiteProperty } from 'design-comuni-plone-theme/helpers/config';
+export { useDebouncedEffect } from 'design-comuni-plone-theme/helpers/debounce';
+export {
+  FILE_FORMATS,
+  FILE_EXTENSIONS,
+  getFileViewFormat,
+} from 'design-comuni-plone-theme/helpers/files';
+export {
+  videoUrlHelper,
+  checkIfValidVideoLink,
+} from 'design-comuni-plone-theme/helpers/videoUrlHelper';
+export {
+  blockIsNotEmptyPlaceholder,
+  SSRRenderHtml,
+} from 'design-comuni-plone-theme/helpers/htmlDiff';
+export {
+  serviceFormValidationHelper,
+  blocksFieldIsEmpty,
+  getRealEmptyField,
+  eventFormValidationHelper,
+} from 'design-comuni-plone-theme/helpers/FormValidation/FormValidationHelpers';

package/src/helpers/redraftHelper.js

@@ -0,0 +1,9 @@
+/*
+  Used to verify that redraft text blocks are empty
+*/
+export const checkRedraftHasContent = (text) => {
+  if (text) {
+    let blocks = text.blocks.filter((block) => block?.text !== '');
+    return blocks.length > 0 ? true : false;
+  }
+};

package/src/helpers/videoUrlHelper.js

@@ -0,0 +1,67 @@
+/* eslint-disable no-useless-escape */
+import { isInternalURL, flattenToAppURL } from '@plone/volto/helpers';
+
+// test against all yt link formats I am aware of, not easy, can't find official docs.
+// Try all possible formats, match an alphanumeric token in the expected position, length should be 10-20 chars, that's the ID.
+// Reference sheet used and improved with support to shorts: https://gist.github.com/rodrigoborgesdeoliveira/987683cfbfcc8d800192da1e73adc486
+const ytReg =
+  /^(?:http|https?:)?(?:\/\/)?(?:(?:www\.|m\.)?youtube(?:-nocookie)?\.com\/(?:(?:watch)?\?(?:feature=\w*&)?vi?=|embed\/|vi?\/|e\/|shorts\/)|youtu.be\/)([\w\-]{10,20})/i;
+
+// Vimeo IDs should be only digits, let's try to get only a group of digits and suppose that's the video ID, scrap everything after.
+// Docs link, watch for changes https://developer.vimeo.com/api/common-formats
+const vimeoReg =
+  /(?:http|https)?:?\/?\/?(?:www\.)?(?:player\.)?vimeo\.com\/(?:(?:channels\/(?:[\w*\/]*\/))|(?:groups\/(?:[\w*\/]*\/))|(?:videos\/|video\/|albums\/))?(\d+)/i;
+
+// Use regex against url to get video ID, video urls supported are youtube and vimeo.
+// Return videoID and placeholder (if needed), null if no match found.
+export const videoUrlHelper = (url, previewImage) => {
+  const ytVideoMatch = checkIfValidYTLink(url, true);
+  let placeholder = previewImage
+    ? isInternalURL(previewImage)
+      ? `${flattenToAppURL(previewImage)}/@@images/image`
+      : previewImage
+    : null;
+  let videoID = null;
+  if (ytVideoMatch) {
+    videoID = ytVideoMatch[1];
+    if (!placeholder)
+      placeholder = 'https://img.youtube.com/vi/' + videoID + '/sddefault.jpg';
+
+    return [videoID, placeholder];
+  } else {
+    // maybe it's a Vimeo video, try a match against all vimeo link formats I am aware of from docs, not sure about albums.
+    const vimeoVideoMatch = checkIfValidVimeoLink(url, true);
+    if (vimeoVideoMatch) {
+      videoID = vimeoVideoMatch[1];
+      if (!placeholder)
+        placeholder = 'https://vumbnail.com/' + videoID + '.jpg';
+      return [videoID, placeholder];
+    } else {
+      // it could be an internal video, just return placeholder
+      if (placeholder) return [null, placeholder];
+    }
+  }
+  return [null, null];
+};
+
+const checkIfValidYTLink = (url, returnMatch = false) => {
+  if (!url) return false;
+  if (!url.includes('youtu')) return false;
+  return returnMatch ? url.match(ytReg) : ytReg.test(url);
+};
+
+const checkIfValidVimeoLink = (url, returnMatch = false) => {
+  if (!url) return false;
+  if (!url.includes('vimeo')) return false;
+  return returnMatch ? url.match(vimeoReg) : vimeoReg.test(url);
+};
+
+export const checkIfValidVideoLink = (url, allowedExternals = false) => {
+  // If externals are allowed, I do not care.
+  const isValidYT = checkIfValidYTLink(url);
+  const isValidVimeo = checkIfValidVimeoLink(url);
+  // This is a big leap of faith, maybe we could check if
+  // provided url is actually a video in Plone
+  const isInternalSource = isInternalURL(url);
+  return isValidYT || isValidVimeo || isInternalSource || allowedExternals;
+};

package/src/helpers/videoUrlHelper.test.js

@@ -0,0 +1,308 @@
+/* eslint-disable no-unused-vars */
+import { videoUrlHelper, checkIfValidVideoLink } from './videoUrlHelper';
+import config from '@plone/volto/registry';
+
+const { settings } = config;
+
+const YT_TEST_ID = 'dQw4w9WgXcQ';
+const VIMEO_TEST_ID = '346762373';
+
+describe('videoUrlHelper', () => {
+  it('recognizes valid video links', () => {
+    const ytValid = checkIfValidVideoLink(
+      'https://www.youtube.com/watch?v=' + YT_TEST_ID,
+    );
+    const vimeoValid = checkIfValidVideoLink(
+      'https://www.player.vimeo.com/albums/' + VIMEO_TEST_ID + '/comments',
+    );
+    const internalValid = checkIfValidVideoLink('http://localhost:3000/video');
+    expect(ytValid).toBe(true);
+    expect(vimeoValid).toBe(true);
+    expect(internalValid).toBe(true);
+  });
+  it('recognizes invalid video links', () => {
+    const ytInvalid = checkIfValidVideoLink(
+      'https://www.youtube.com/watch?' + YT_TEST_ID,
+    );
+    const vimeoInvalid = checkIfValidVideoLink(
+      'https://www.player.vimeo.com/vid/' + VIMEO_TEST_ID + '/comments',
+    );
+    const internalInvalid = checkIfValidVideoLink(
+      'https://www.google.it/video',
+    );
+    expect(ytInvalid).toBe(false);
+    expect(vimeoInvalid).toBe(false);
+    expect(internalInvalid).toBe(false);
+  });
+  it('allows whatever external links if allowExternal setting is enabled', () => {
+    const internalValid = checkIfValidVideoLink(
+      'https://www.google.it/video',
+      true,
+    );
+    expect(internalValid).toBe(true);
+  });
+  it('disallows external links if allowExternal setting is not enabled', () => {
+    const internalValid = checkIfValidVideoLink(
+      'https://www.google.it/video',
+      false,
+    );
+    expect(internalValid).toBe(false);
+  });
+  it('resolves basic watch yt link', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube.com/watch?v=' + YT_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves alternative watch yt link', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube.com/watch?vi=' + YT_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves watch yt link with feature part', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube.com/watch?v=' + YT_TEST_ID + '&feature=youtu.be',
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves watch yt link with playnext and feature parts', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube.com/watch?v=' +
+        YT_TEST_ID +
+        '&playnext_from=TL&videos=osPknwzXEas&feature=sub',
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves watch yt link with list parts', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube.com/watch?v=' +
+        YT_TEST_ID +
+        '&list=PLGup6kBfcU7Le5laEaCLgTKtlDcxMqGxZ&index=106&shuffle=2655',
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves watch yt link with feature embedded', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube.com/watch?feature=player_embedded&v=' + YT_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves v yt link', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube.com/?v=' + YT_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves feature embedded with v yt link', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube.com/?feature=player_embedded&v=' + YT_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves alternative v yt link ', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube.com/v/' + YT_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves alternative v yt link with additional params', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube.com/v/' +
+        YT_TEST_ID +
+        '?fs=1&hl=en_US&rel=0',
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves alternative embed yt link ', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube.com/e/' + YT_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves bare v yt link with feature part', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://youtube.com/?v=' + YT_TEST_ID + '&feature=youtube_gdata_player',
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves bare vi yt link with feature part', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://youtube.com/?vi=' + YT_TEST_ID + '&feature=youtube_gdata_player',
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves alternative vi yt link with feature part', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://youtube.com/vi/' + YT_TEST_ID + '?feature=youtube_gdata_player',
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves youtube-nocookie v link', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube-nocookie.com/v/' +
+        YT_TEST_ID +
+        '?version=3&hl=en_US&rel=0',
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves youtube-nocookie embed link', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube-nocookie.com/embed/' + YT_TEST_ID + '?rel=0',
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves youtube link with channel and video ref', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://youtube.com/?feature=channel&v=' + YT_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves alternative youtube link with channel and video ref', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://youtube.com/vi/' + YT_TEST_ID + '&feature=channel',
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves alternative youtube youtu.be domain link', () => {
+    const [videoId, _] = videoUrlHelper('https://youtu.be/' + YT_TEST_ID, '');
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves alternative youtube youtu.be domain link with extra params', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://youtu.be/' + YT_TEST_ID + '?feature=youtube_gdata_player',
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves alternative youtube youtu.be domain link with list params', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://youtu.be/' +
+        YT_TEST_ID +
+        '?list=PLToa5JuFMsXTNkrLJbRlB--76IAOjRM9b',
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves yt link where videoid has special chars (_)', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube.com/watch?v=761ae_KDg_Q',
+      '',
+    );
+    expect(videoId).toBe('761ae_KDg_Q');
+  });
+  it('resolves yt link where videoid has special chars (-)', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube.com/watch?v=QH2-TGUlwu4',
+      '',
+    );
+    expect(videoId).toBe('QH2-TGUlwu4');
+  });
+  it('resolves yt link to yt shorts', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://www.youtube.com/shorts/' + YT_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves yt link to yt mobile domain', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://m.youtube.com/watch?v=' + YT_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(YT_TEST_ID);
+  });
+  it('resolves vimeo link', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://vimeo.com/' + VIMEO_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(VIMEO_TEST_ID);
+  });
+  it('resolves vimeo channel link', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://vimeo.com/channels/mychannel/' + VIMEO_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(VIMEO_TEST_ID);
+  });
+  it('resolves vimeo gropus/shortfilms/videos link', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://vimeo.com/groups/shortfilms/videos/' + VIMEO_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(VIMEO_TEST_ID);
+  });
+  it('resolves vimeo albums link', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://vimeo.com/albums/' + VIMEO_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(VIMEO_TEST_ID);
+  });
+  it('resolves vimeo link with extra params', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://vimeo.com/video/' + VIMEO_TEST_ID + '/comments',
+      '',
+    );
+    expect(videoId).toBe(VIMEO_TEST_ID);
+  });
+  it('resolves vimeo player.vimeo domain link', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://player.vimeo.com/video/' + VIMEO_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(VIMEO_TEST_ID);
+  });
+  it('resolves vimeo player.vimeo domain link with extra params', () => {
+    const [videoId, _] = videoUrlHelper(
+      'https://player.vimeo.com/video/' + VIMEO_TEST_ID + '/comments',
+      '',
+    );
+    expect(videoId).toBe(VIMEO_TEST_ID);
+  });
+  it('resolves vimeo player.vimeo domain albums link', () => {
+    // can't get to see a real one on vimeo site, docs not really helpful
+    const [videoId, _] = videoUrlHelper(
+      'https://player.vimeo.com/albums/' + VIMEO_TEST_ID,
+      '',
+    );
+    expect(videoId).toBe(VIMEO_TEST_ID);
+  });
+  it('generates YT placeholder correctly', () => {
+    const [_, placeholder] = videoUrlHelper(
+      'https://www.youtube.com/watch?v=' + YT_TEST_ID,
+      '',
+    );
+
+    expect(placeholder).toBe(
+      'https://img.youtube.com/vi/' + YT_TEST_ID + '/sddefault.jpg',
+    );
+  });
+  it('generates vimeo placeholder correctly', async () => {
+    const [_, placeholder] = videoUrlHelper(
+      'https://vimeo.com/video/' + VIMEO_TEST_ID,
+      '',
+    );
+
+    expect(placeholder).toBe('https://vumbnail.com/' + VIMEO_TEST_ID + '.jpg');
+  });
+});

package/src/icons/archive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M32 448c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V160H32v288zm160-212c0-6.6 5.4-12 12-12h104c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12H204c-6.6 0-12-5.4-12-12v-8zM480 32H32C14.3 32 0 46.3 0 64v48c0 8.8 7.2 16 16 16h480c8.8 0 16-7.2 16-16V64c0-17.7-14.3-32-32-32z"/></svg>

package/src/icons/bando.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="384px" height="512px" viewBox="0 0 384 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="file">
+            <path d="M224,136 L224,0 L24,0 C10.7,0 0,10.7 0,24 L0,488 C0,501.3 10.7,512 24,512 L360,512 C373.3,512 384,501.3 384,488 L384,160 L248,160 C234.8,160 224,149.2 224,136 Z M384,121.9 L384,128 L256,128 L256,0 L262.1,0 C268.5,0 274.6,2.5 279.1,7 L377,105 C381.5,109.5 384,115.6 384,121.9 Z" id="Shape" fill="currentColor" fill-rule="nonzero"></path>
+            <path d="M304.635752,395.342969 C312.627468,390.730281 314.656838,378.210781 321.145105,371.737734 C327.633372,365.264688 340.181167,363.251484 344.805843,355.272812 C349.367638,347.408203 344.900624,335.574219 347.305684,326.591797 C349.624883,317.894531 359,309.910156 359,300.5 C359,291.089844 349.127544,283.094063 346.800914,274.419609 C344.395968,265.437187 348.865727,253.603203 344.305647,245.738594 C339.683256,237.765625 327.138892,235.746719 320.650625,229.273672 C314.162357,222.800625 312.138704,210.282266 304.146988,205.668438 C296.263886,201.117914 284.402076,205.575077 275.398533,203.17332 C267.192447,200.849297 259.189298,191 249.757015,191 C240.324733,191 232.321584,200.849297 223.63245,203.170469 C214.600325,205.565781 202.767097,201.111641 194.866846,205.657031 C186.87513,210.270859 184.851477,222.789219 178.363209,229.256563 C171.880659,235.729609 159.327148,237.748516 154.702471,245.721484 C150.140676,253.563281 154.611006,265.425781 152.204345,274.379687 C149.871999,283.105469 140,291.089844 140,300.5 C140,309.910156 149.872456,317.905937 152.199086,326.580391 C154.604032,335.562812 150.132558,347.396797 154.692067,355.261406 C159.321431,363.234375 171.863509,365.230469 178.34606,371.732031 C184.834327,378.205078 186.85798,390.723437 194.855413,395.342969 C202.738515,399.893492 214.594608,395.433192 223.598151,397.834664 C232.321584,400.133594 240.324733,410 249.757015,410 C259.189298,410 267.20388,400.150703 275.904447,397.829531 C284.913706,395.457031 296.746933,399.905469 304.635752,395.342969 Z M204,300.5 C204,275.321438 224.366938,255 249.5,255 C274.633062,255 295,275.321438 295,300.5 C295,325.621688 274.633062,346 249.5,346 C224.366938,346 204,325.63875 204,300.5 Z M140.966366,438.443517 C139.120097,443.07332 139.95461,448.327367 143.167686,452.155379 C146.380762,455.972083 151.421927,457.75208 156.301758,456.762565 L181.973414,451.653836 L194.147426,475.554883 C196.491335,480.172812 201.115528,483 206.28508,483 C206.480387,483 206.662344,482.993384 206.857708,482.984564 C212.254493,482.772524 216.884367,479.545572 218.923784,474.570852 L238,428.159734 C207.488279,425.536669 180.055567,412.259629 159.490974,392 L140.966366,438.443517 Z M339.483549,392 C318.954024,412.263066 291.524535,425.541794 261,428.165869 L280.070026,474.584861 C282.111052,479.55986 286.737152,482.785097 292.132186,483 C292.347988,482.485364 292.064039,482.994345 292.745517,482.994345 C297.909984,482.994345 302.530405,480.181946 304.870146,475.563234 L317.040207,451.652477 L342.703533,456.762072 C347.584051,457.751756 352.624716,455.971456 355.833342,452.154105 C359.045375,448.327705 359.879618,443.071636 358.033948,438.439917 L339.483549,392 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
+            <rect id="Rectangle" fill="#FFFFFF" x="32" y="42" width="138" height="37" rx="8"></rect>
+            <rect id="Rectangle" fill="#FFFFFF" x="32" y="123" width="138" height="37" rx="8"></rect>
+            <rect id="Rectangle" fill="#FFFFFF" x="32" y="238" width="69" height="37" rx="8"></rect>
+            <rect id="Rectangle" fill="#FFFFFF" x="32" y="300" width="69" height="37" rx="8"></rect>
+        </g>
+    </g>
+</svg>

package/src/icons/blocco-icone.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="597px" height="391px" viewBox="0 0 597 391" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
+    <title>blocco-icone</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="blocco-icone" transform="translate(1.000000, 1.000000)">
+            <g id="Group">
+                <rect id="Rectangle" stroke="currentColor" stroke-width="3" x="0.5" y="0.5" width="280" height="388" rx="9"></rect>
+                <g id="star-solid" transform="translate(85.000000, 68.000000)" fill="currentColor" fill-rule="nonzero">
+                    <path d="M75.0582738,31.7081902 L105.261918,36.1795063 C107.763125,36.5380552 109.864979,38.3097087 110.663684,40.7351868 C111.462388,43.181756 110.810813,45.8392363 109.003219,47.653072 L87.1018982,69.20819 L92.2724595,100.127762 C92.6928303,102.658696 91.6629218,105.231812 89.5610676,106.729281 C87.4802319,108.22675 84.726803,108.41657 82.477819,107.214377 L55.4900114,92.7669638 L28.5232222,107.214377 C26.2532197,108.41657 23.4997908,108.22675 21.4189551,106.729281 C19.3381195,105.231812 18.2871924,102.658696 18.7285818,100.127762 L23.8991431,69.20819 L1.99361881,47.653072 C0.18392236,45.8392363 -0.459245018,43.181756 0.335255861,40.7351868 C1.12765489,38.3097087 3.2232035,36.5380552 5.74332666,36.1795063 L35.921749,31.7081902 L49.4576899,3.79831972 C50.5716726,1.47492266 52.9257493,0 55.4900114,0 C58.075292,0 60.4293687,1.47492266 61.5433514,3.79831972 L75.0582738,31.7081902 Z" id="Path"></path>
+                </g>
+                <rect id="Rectangle" fill="currentColor" fill-rule="nonzero" x="29" y="233" width="224" height="31"></rect>
+                <rect id="Rectangle" fill="currentColor" fill-rule="nonzero" x="29" y="291" width="224" height="15"></rect>
+                <rect id="Rectangle" fill="currentColor" fill-rule="nonzero" x="29" y="324" width="150" height="15"></rect>
+            </g>
+            <g id="Group" transform="translate(314.000000, 0.000000)">
+                <rect id="Rectangle" stroke="currentColor" stroke-width="3" x="0.5" y="0.5" width="280" height="388" rx="9"></rect>
+                <g id="star-solid" transform="translate(85.000000, 68.000000)" fill="currentColor" fill-rule="nonzero">
+                    <path d="M75.0582738,31.7081902 L105.261918,36.1795063 C107.763125,36.5380552 109.864979,38.3097087 110.663684,40.7351868 C111.462388,43.181756 110.810813,45.8392363 109.003219,47.653072 L87.1018982,69.20819 L92.2724595,100.127762 C92.6928303,102.658696 91.6629218,105.231812 89.5610676,106.729281 C87.4802319,108.22675 84.726803,108.41657 82.477819,107.214377 L55.4900114,92.7669638 L28.5232222,107.214377 C26.2532197,108.41657 23.4997908,108.22675 21.4189551,106.729281 C19.3381195,105.231812 18.2871924,102.658696 18.7285818,100.127762 L23.8991431,69.20819 L1.99361881,47.653072 C0.18392236,45.8392363 -0.459245018,43.181756 0.335255861,40.7351868 C1.12765489,38.3097087 3.2232035,36.5380552 5.74332666,36.1795063 L35.921749,31.7081902 L49.4576899,3.79831972 C50.5716726,1.47492266 52.9257493,0 55.4900114,0 C58.075292,0 60.4293687,1.47492266 61.5433514,3.79831972 L75.0582738,31.7081902 Z" id="Path"></path>
+                </g>
+                <rect id="Rectangle" fill="currentColor" fill-rule="nonzero" x="29" y="233" width="224" height="31"></rect>
+                <rect id="Rectangle" fill="currentColor" fill-rule="nonzero" x="29" y="291" width="224" height="15"></rect>
+                <rect id="Rectangle" fill="currentColor" fill-rule="nonzero" x="29" y="324" width="150" height="15"></rect>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/icons/box-open.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M425.7 256c-16.9 0-32.8-9-41.4-23.4L320 126l-64.2 106.6c-8.7 14.5-24.6 23.5-41.5 23.5-4.5 0-9-.6-13.3-1.9L64 215v178c0 14.7 10 27.5 24.2 31l216.2 54.1c10.2 2.5 20.9 2.5 31 0L551.8 424c14.2-3.6 24.2-16.4 24.2-31V215l-137 39.1c-4.3 1.3-8.8 1.9-13.3 1.9zm212.6-112.2L586.8 41c-3.1-6.2-9.8-9.8-16.7-8.9L320 64l91.7 152.1c3.8 6.3 11.4 9.3 18.5 7.3l197.9-56.5c9.9-2.9 14.7-13.9 10.2-23.1zM53.2 41L1.7 143.8c-4.6 9.2.3 20.2 10.1 23l197.9 56.5c7.1 2 14.7-1 18.5-7.3L320 64 69.8 32.1c-6.9-.8-13.5 2.7-16.6 8.9z"/></svg>

package/src/icons/building.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M436 480h-20V24c0-13.255-10.745-24-24-24H56C42.745 0 32 10.745 32 24v456H12c-6.627 0-12 5.373-12 12v20h448v-20c0-6.627-5.373-12-12-12zM128 76c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12V76zm0 96c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12v-40zm52 148h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12zm76 160h-64v-84c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v84zm64-172c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40zm0-96c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40zm0-96c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12V76c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40z"/></svg>

package/src/icons/calendar-alt.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"/></svg>

package/src/icons/card-immagine.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="555px" height="325px" viewBox="0 0 555 325" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group">
+            <rect id="Rectangle" stroke="currentColor" stroke-width="12" x="2" y="2" width="551" height="321" rx="25"></rect>
+            <rect id="Rectangle" fill="currentColor" x="299" y="27" width="237" height="12"></rect>
+            <rect id="Rectangle" fill="currentColor" x="299" y="55" width="237" height="12"></rect>
+            <rect id="Rectangle" fill="currentColor" x="299" y="83" width="180" height="12"></rect>
+            <rect id="Rectangle" fill="currentColor" x="299" y="111" width="144" height="13"></rect>
+            <rect id="Rectangle" fill="currentColor" x="299" y="139" width="119" height="13"></rect>
+            <rect id="Rectangle" fill="currentColor" x="299" y="167" width="78" height="13"></rect>
+            <rect id="Rectangle" fill="currentColor" x="299" y="195" width="180" height="12"></rect>
+            <rect id="Rectangle" fill="currentColor" x="299" y="223" width="144" height="13"></rect>
+            <rect id="Rectangle" fill="currentColor" x="299" y="251" width="119" height="13"></rect>
+            <rect id="Rectangle" fill="currentColor" x="299" y="279" width="78" height="13"></rect>
+            <path d="M184.376322,113.180804 C178.654036,104.452009 164.318153,104.487165 158.615981,113.149414 L121.823397,168.777902 L113.57687,157.427455 C107.844528,148.989955 94.3684961,149.391741 88.5858705,157.427455 L56.1428263,202.206473 C52.7250432,206.930469 52.2458395,213.114955 54.8621005,218.277902 C57.4753444,223.521205 62.7651898,226.785714 68.6483829,226.785714 L230.81332,226.785714 C236.55069,226.785714 241.775167,223.631194 244.460316,218.559152 C247.131387,213.53683 246.840747,207.464844 243.698015,202.708705 L184.376322,113.180804 Z M69.1763617,210.714286 L100.548363,166.829241 L115.588218,187.591518 C117.147013,189.720982 119.761765,191.227679 122.27595,190.926339 C124.915845,190.86356 127.364661,189.529632 128.822888,187.316295 L170.975715,122.076339 L229.681937,210.714286 L69.1763617,210.714286 Z M245.823005,50 L52.7335914,50 C35.4108563,50 21,64.3889509 21,82.1428571 L21,242.857143 C21,260.611049 35.4062804,275 52.7290156,275 L245.818429,275 C263.593717,275 278,260.611049 278,242.857143 L278,82.1428571 C278.004574,64.3889509 264.025705,50 245.823005,50 Z M262.366342,242.857143 C262.366342,251.716518 255.145603,258.928571 246.275558,258.928571 L53.1861447,258.928571 C44.3160998,258.928571 37.0953603,251.716518 37.0953603,242.857143 L37.0953603,82.1428571 C37.0953603,73.2834821 44.3160998,66.0714286 53.1861447,66.0714286 L246.275558,66.0714286 C255.145603,66.0714286 262.366342,73.2834821 262.366342,82.1428571 L262.366342,242.857143 Z M93.4131058,130.357143 C106.738287,130.357143 117.549282,119.559152 117.549282,106.25 C117.549282,92.9408482 106.738287,82.1428571 93.4131058,82.1428571 C80.0879249,82.1428571 69.2769291,92.9408482 69.2769291,106.25 C69.2769291,119.559152 80.0879249,130.357143 93.4131058,130.357143 Z M93.4131058,98.2142857 C97.8491339,98.2142857 101.005945,101.819308 101.005945,106.25 C101.005945,110.680692 97.8380715,114.285714 93.4131058,114.285714 C88.9881401,114.285714 85.3677136,110.669643 85.3677136,106.25 C85.3677136,101.830357 88.9881401,98.2142857 93.4131058,98.2142857 Z" id="Shape" fill="currentColor" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>

package/src/icons/card-semplice.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="555px" height="325px" viewBox="0 0 555 325" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group">
+            <rect id="Rectangle" stroke="currentColor" stroke-width="12" x="2" y="2" width="551" height="321" rx="25"></rect>
+            <rect id="Rectangle" fill="currentColor" x="24" y="32" width="506" height="51"></rect>
+            <rect id="Rectangle" fill="currentColor" x="24" y="120" width="506" height="12"></rect>
+            <rect id="Rectangle" fill="currentColor" x="25" y="148" width="506" height="12"></rect>
+            <rect id="Rectangle" fill="currentColor" x="25" y="176" width="384" height="12"></rect>
+            <rect id="Rectangle" fill="currentColor" x="25" y="204" width="306" height="13"></rect>
+            <rect id="Rectangle" fill="currentColor" x="24" y="232" width="254" height="13"></rect>
+            <rect id="Rectangle" fill="currentColor" x="25" y="260" width="165" height="13"></rect>
+            <line x1="24.5" y1="98.5" x2="530.5" y2="98.5" id="Line" stroke="currentColor" stroke-width="3" stroke-linecap="square"></line>
+        </g>
+    </g>
+</svg>

package/src/icons/cog.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z"/></svg>

package/src/icons/count-down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M16 512C7.164 512 0 504.8 0 496C0 487.2 7.164 480 16 480H32V435.3C32 403.7 42.41 372.1 61.61 347.9L131.9 256L61.61 164.1C42.41 139 32 108.3 32 76.67V32H16C7.164 32 0 24.84 0 16C0 7.164 7.164 0 16 0H368C376.8 0 384 7.164 384 16C384 24.84 376.8 32 368 32H352V76.67C352 108.3 341.6 139 322.4 164.1L252.1 256L275.8 286.9C270 297.9 265.5 309.6 262.1 321.8L219.3 265.7C214.9 259.1 214.9 252 219.3 246.3L296.1 144.7C311.9 125.2 320 101.3 320 76.67V32H64V76.67C64 101.3 72.09 125.2 87.03 144.7L164.7 246.3C169.1 252 169.1 259.1 164.7 265.7L87.03 367.3C72.09 386.8 64 410.7 64 435.3V480H296.2C306.3 492.1 317.9 502.9 330.8 512L16 512zM262.6 416C265.8 427.2 270 437.9 275.2 448H112C106 448 100.5 444.6 97.77 439.3C95.03 433.1 95.5 427.6 98.98 422.7L178.1 310.7C184.1 303.5 194.1 301.8 201.3 306.1C208.5 312.1 210.2 322.1 205 329.3L143.1 416H262.6zM179.5 201.1L115.5 121.1C111.7 117.2 110.9 110.6 113.6 105.1C116.2 99.53 121.8 96 128 96H256C262.2 96 267.8 99.53 270.4 105.1C273.1 110.6 272.3 117.2 268.5 121.1L204.5 201.1C201.5 205.8 196.9 208 192 208C187.1 208 182.5 205.8 179.5 201.1zM192 166.4L222.7 128H161.3L192 166.4zM431.1 288C440.8 288 447.1 295.2 447.1 304V352H480C488.8 352 496 359.2 496 368C496 376.8 488.8 384 480 384H431.1C423.2 384 415.1 376.8 415.1 368V304C415.1 295.2 423.2 288 431.1 288V288zM288 368C288 288.5 352.5 224 432 224C511.5 224 576 288.5 576 368C576 447.5 511.5 512 432 512C352.5 512 288 447.5 288 368zM432 480C493.9 480 544 429.9 544 368C544 306.1 493.9 256 432 256C370.1 256 320 306.1 320 368C320 429.9 370.1 480 432 480z"/></svg>

package/src/icons/file-alt.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm64 236c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-72v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm96-114.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"/></svg>

package/src/icons/file-download.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z"/></svg>

package/src/icons/file-invoice.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="file-invoice" class="svg-inline--fa fa-file-invoice fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M288 256H96v64h192v-64zm89-151L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9zm-153 31V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zM64 72c0-4.42 3.58-8 8-8h80c4.42 0 8 3.58 8 8v16c0 4.42-3.58 8-8 8H72c-4.42 0-8-3.58-8-8V72zm0 64c0-4.42 3.58-8 8-8h80c4.42 0 8 3.58 8 8v16c0 4.42-3.58 8-8 8H72c-4.42 0-8-3.58-8-8v-16zm256 304c0 4.42-3.58 8-8 8h-80c-4.42 0-8-3.58-8-8v-16c0-4.42 3.58-8 8-8h80c4.42 0 8 3.58 8 8v16zm0-200v96c0 8.84-7.16 16-16 16H80c-8.84 0-16-7.16-16-16v-96c0-8.84 7.16-16 16-16h224c8.84 0 16 7.16 16 16z"></path></svg>

package/src/icons/file-odp.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="384" height="513" viewBox="0 0 384 513">
+  <defs>
+    <clipPath id="clip-file-odp">
+      <rect width="384" height="513"/>
+    </clipPath>
+  </defs>
+  <g id="file-odp" clip-path="url(#clip-file-odp)">
+    <path id="file-xml-s" d="M369.9,97.9,286,14A48,48,0,0,0,252.1-.1H48A48.16,48.16,0,0,0,0,48V464a48,48,0,0,0,48,48H336a48,48,0,0,0,48-48V131.9a48.23,48.23,0,0,0-14.1-34ZM332.1,128H256V51.9ZM48,464V48H208V152a23.94,23.94,0,0,0,24,24H336V464Z" transform="translate(0 0.1)"/>
+    <g id="Raggruppa_1" data-name="Raggruppa 1" transform="translate(13.73)">
+      <path id="Tracciato_7" data-name="Tracciato 7" d="M329.86,261.14c18.27,0,32.57,8.47,32.57,31.24v34.29c0,22.76-14.3,31.23-32.57,31.23H306.43c-5.42,0-9-2.91-9-6.22V267.36c0-3.31,3.58-6.22,9-6.22Zm-11.78,18V339.9h11.78c7.42,0,11.92-4.23,11.92-13.23V292.38c0-9-4.5-13.24-11.92-13.24Z" transform="translate(-148.45 58)"/>
+      <path id="Tracciato_8" data-name="Tracciato 8" d="M276.72,328.378V292.812c0-23.085,14.356-31.672,32.879-31.672s33.011,8.587,33.011,31.672v35.565c0,23.085-14.488,31.672-33.011,31.672S276.72,351.463,276.72,328.378Zm44.954-35.565c0-9.256-4.562-13.423-12.075-13.423s-11.943,4.167-11.943,13.423v35.565c0,9.256,4.43,13.423,11.943,13.423s12.075-4.167,12.075-13.423Z" transform="translate(-210.45 57.25)"/>
+      <path id="Tracciato_22" data-name="Tracciato 22" d="M151.57,267.36c0-3.31,3-6.22,7.67-6.22h27.4c17.48,0,31.24,8.21,31.24,30.45v.66c0,22.24-14.29,30.71-32.56,30.71h-13.1v28.59c0,4.24-5.17,6.35-10.33,6.35s-10.32-2.11-10.32-6.35Zm20.65,11.78v27.93h13.1c7.41,0,11.91-4.23,11.91-13.23v-1.46c0-9-4.5-13.24-11.91-13.24Z" transform="translate(79.231 59.25)"/>
+    </g>
+  </g>
+</svg>

package/src/icons/file-ods.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="384" height="513" viewBox="0 0 384 513">
+  <defs>
+    <clipPath id="clip-file-ods">
+      <rect width="384" height="513"/>
+    </clipPath>
+  </defs>
+  <g id="file-ods" clip-path="url(#clip-file-ods)">
+    <path id="file-xml-s" d="M369.9,97.9,286,14A48,48,0,0,0,252.1-.1H48A48.16,48.16,0,0,0,0,48V464a48,48,0,0,0,48,48H336a48,48,0,0,0,48-48V131.9a48.23,48.23,0,0,0-14.1-34ZM332.1,128H256V51.9ZM48,464V48H208V152a23.94,23.94,0,0,0,24,24H336V464Z" transform="translate(0 0.1)"/>
+    <g id="Raggruppa_1" data-name="Raggruppa 1" transform="translate(13.73)">
+      <path id="Tracciato_6" data-name="Tracciato 6" d="M266.59,332c0-16-42-13.24-42-44.21,0-19.86,17.34-27.4,33.89-27.4,7,0,26.34,1.32,26.34,11.65,0,3.57-2.38,10.85-8.21,10.85-4.76,0-7.28-5-18.13-5-9.4,0-13.24,3.84-13.24,7.94,0,13.24,42,10.73,42,44.08,0,19.06-13.9,29.39-33.09,29.39-17.34,0-31.9-8.47-31.9-17.21,0-4.5,4-11.12,9-11.12,6.22,0,10.19,9.8,22.5,9.8C259.84,340.7,266.59,338.31,266.59,332Z" transform="translate(2.55 58)"/>
+      <path id="Tracciato_7" data-name="Tracciato 7" d="M329.86,261.14c18.27,0,32.57,8.47,32.57,31.24v34.29c0,22.76-14.3,31.23-32.57,31.23H306.43c-5.42,0-9-2.91-9-6.22V267.36c0-3.31,3.58-6.22,9-6.22Zm-11.78,18V339.9h11.78c7.42,0,11.92-4.23,11.92-13.23V292.38c0-9-4.5-13.24-11.92-13.24Z" transform="translate(-148.45 58)"/>
+      <path id="Tracciato_8" data-name="Tracciato 8" d="M276.72,328.378V292.812c0-23.085,14.356-31.672,32.879-31.672s33.011,8.587,33.011,31.672v35.565c0,23.085-14.488,31.672-33.011,31.672S276.72,351.463,276.72,328.378Zm44.954-35.565c0-9.256-4.562-13.423-12.075-13.423s-11.943,4.167-11.943,13.423v35.565c0,9.256,4.43,13.423,11.943,13.423s12.075-4.167,12.075-13.423Z" transform="translate(-210.45 57.25)"/>
+    </g>
+  </g>
+</svg>

package/src/icons/file-odt.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="384" height="513" viewBox="0 0 384 513">
+  <defs>
+    <clipPath id="clip-file-odt">
+      <rect width="384" height="513"/>
+    </clipPath>
+  </defs>
+  <g id="file-odt" clip-path="url(#clip-file-odt)">
+    <path id="file-xml-s" d="M369.9,97.9,286,14A48,48,0,0,0,252.1-.1H48A48.16,48.16,0,0,0,0,48V464a48,48,0,0,0,48,48H336a48,48,0,0,0,48-48V131.9a48.23,48.23,0,0,0-14.1-34ZM332.1,128H256V51.9ZM48,464V48H208V152a23.94,23.94,0,0,0,24,24H336V464Z" transform="translate(0 0.1)"/>
+    <g id="Raggruppa_1" data-name="Raggruppa 1" transform="translate(13.73)">
+      <path id="Tracciato_7" data-name="Tracciato 7" d="M329.86,261.14c18.27,0,32.57,8.47,32.57,31.24v34.29c0,22.76-14.3,31.23-32.57,31.23H306.43c-5.42,0-9-2.91-9-6.22V267.36c0-3.31,3.58-6.22,9-6.22Zm-11.78,18V339.9h11.78c7.42,0,11.92-4.23,11.92-13.23V292.38c0-9-4.5-13.24-11.92-13.24Z" transform="translate(-148.45 58)"/>
+      <path id="Tracciato_8" data-name="Tracciato 8" d="M276.72,328.378V292.812c0-23.085,14.356-31.672,32.879-31.672s33.011,8.587,33.011,31.672v35.565c0,23.085-14.488,31.672-33.011,31.672S276.72,351.463,276.72,328.378Zm44.954-35.565c0-9.256-4.562-13.423-12.075-13.423s-11.943,4.167-11.943,13.423v35.565c0,9.256,4.43,13.423,11.943,13.423s12.075-4.167,12.075-13.423Z" transform="translate(-210.45 57.25)"/>
+      <path id="Tracciato_14" data-name="Tracciato 14" d="M255.44,261.14c4.36,0,6.22,4.77,6.22,9.14,0,5-2.25,9.39-6.22,9.39H237.17v71.88c0,4.24-5.16,6.35-10.33,6.35s-10.32-2.11-10.32-6.35V279.67H198.25c-4,0-6.22-4.36-6.22-9.39,0-4.37,1.85-9.14,6.22-9.14Z" transform="translate(33.771 58.325)"/>
+    </g>
+  </g>
+</svg>

package/src/icons/file-xml.svg

@@ -0,0 +1 @@
+<svg id="Livello_1" data-name="Livello 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512.1"><title>file-xml-s</title><path d="M369.9,97.9,286,14A48,48,0,0,0,252.1-.1H48A48.16,48.16,0,0,0,0,48V464a48,48,0,0,0,48,48H336a48,48,0,0,0,48-48V131.9A48.23,48.23,0,0,0,369.9,97.9ZM332.1,128H256V51.9ZM48,464V48H208V152a23.94,23.94,0,0,0,24,24H336V464Zm64.06-82.25L92.73,414.58c-.92,1.46-2.78,2.12-4.89,2.12-5.7,0-13.77-4.5-13.77-10.19a7.11,7.11,0,0,1,1.19-3.71l22.9-35.34-22-35.21a7.49,7.49,0,0,1-1.33-4.11c0-5.56,7.55-9.79,13.37-9.79a6.44,6.44,0,0,1,6.22,3.44L112,352.5l17.65-30.71a6.45,6.45,0,0,1,6.22-3.44c5.83,0,13.37,4.23,13.37,9.79a7.47,7.47,0,0,1-1.32,4.11l-22,35.21,22.9,35.34a7.2,7.2,0,0,1,1.19,3.71c0,5.69-8.08,10.19-13.77,10.19-2.12,0-4.1-.66-4.9-2.12Zm92.79-.13a7.6,7.6,0,0,1-6.89,3.84,6.78,6.78,0,0,1-6.48-3.84l-12.58-23v51c0,4.24-5.16,6.35-10.32,6.35s-10.33-2.11-10.33-6.35V329.47c0-7.55,5.17-10.33,10.33-10.33,7.41,0,10.59.8,16,10.33l13.63,23.82,13.63-23.82c5.43-9.53,8.61-10.33,16-10.33,5.3,0,10.33,2.78,10.33,10.33v80.08c0,4.24-5.17,6.35-10.33,6.35s-10.32-2.11-10.32-6.35V359.91ZM261.5,415.9c-4.5,0-9-2.11-9-6.35V325.36c0-4.36,5.16-6.22,10.32-6.22s10.33,1.86,10.33,6.22V397.9h30.18c4,0,6,4.5,6,9s-2,9-6,9Z" transform="translate(0 0.1)"/></svg>