chore: update examples api

Author: github-actions[bot]

api/componenti/avatar.json

@@ -45,6 +45,6 @@
     },
     {
         "name": "Con testo aggiuntivo",
-        "content": "\n\n<div class=\"d-flex align-items-center justify-content-start justify-content-md-around flex-wrap flex-sm-nowrap\">\n  <div class=\"avatar-wrapper avatar-extra-text\">\n    <div class=\"avatar size-xl\">\n      <img src=\"https://randomuser.me/api/portraits/men/33.jpg\" alt=\"\" aria-hidden=\"true\">\n    </div>\n    <div class=\"extra-text\">\n      <h4><a href=\"#\">Mario Rossi</a></h4>\n      <time datetime=\"2025-09-15\">15 Set 2025</time>\n    </div>\n  </div>\n  <div class=\"avatar-wrapper avatar-extra-text\">\n    <div class=\"avatar size-xl\">\n      <img src=\"https://randomuser.me/api/portraits/women/33.jpg\" alt=\"\" aria-hidden=\"true\">\n    </div>\n    <div class=\"extra-text\">\n      <h4>Giulia Neri</h4>\n      <p>Lorem ipsum dolor</p>\n    </div>\n  </div>\n  <div class=\"avatar-wrapper avatar-extra-text\">\n    <div class=\"avatar size-xl\">\n      <img src=\"https://randomuser.me/api/portraits/men/15.jpg\" alt=\"\" aria-hidden=\"true\">\n    </div>\n    <div class=\"extra-text\">\n      <h4><a href=\"#\">Michele Dotti</a></h4>\n      <time datetime=\"2025-05-12\">12 Mag 2025</time>\n    </div>\n  </div>\n</div>\n\n"
+        "content": "\n\n<div class=\"d-flex align-items-center justify-content-start justify-content-md-around flex-wrap flex-sm-nowrap\">\n  <div class=\"avatar-wrapper avatar-extra-text\">\n    <div class=\"avatar size-xl\">\n      <img src=\"https://randomuser.me/api/portraits/men/33.jpg\" alt=\"\" aria-hidden=\"true\">\n    </div>\n    <div class=\"extra-text\">\n      <h4><a href=\"#\">Mario Rossi</a></h4>\n      <time datetime=\"2026-09-15\">15 Set 2026</time>\n    </div>\n  </div>\n  <div class=\"avatar-wrapper avatar-extra-text\">\n    <div class=\"avatar size-xl\">\n      <img src=\"https://randomuser.me/api/portraits/women/33.jpg\" alt=\"\" aria-hidden=\"true\">\n    </div>\n    <div class=\"extra-text\">\n      <h4>Giulia Neri</h4>\n      <p>Lorem ipsum dolor</p>\n    </div>\n  </div>\n  <div class=\"avatar-wrapper avatar-extra-text\">\n    <div class=\"avatar size-xl\">\n      <img src=\"https://randomuser.me/api/portraits/men/15.jpg\" alt=\"\" aria-hidden=\"true\">\n    </div>\n    <div class=\"extra-text\">\n      <h4><a href=\"#\">Michele Dotti</a></h4>\n      <time datetime=\"2026-05-12\">12 Mag 2026</time>\n    </div>\n  </div>\n</div>\n\n"
     }
 ]

api/componenti/card-old.json

@@ -9,7 +9,7 @@
     },
     {
         "name": "Base, articolo",
-        "content": "\n<div class=\"row\">\n  <div class=\"col-12 col-lg-6\">\n    <!--start card-->\n    <div class=\"card-wrapper\">\n      <div class=\"card\">\n        <div class=\"card-body\">\n          <div class=\"category-top\">\n            <a class=\"category\" href=\"#\">Categoria</a>\n            <span class=\"data\">10/12/2025</span>\n          </div>\n          <h3 class=\"card-title big-heading h5\">Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026</h3>\n          <p class=\"card-text font-serif\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n          <span class=\"card-signature\">di Federico De Paolis</span>\n          <a class=\"read-more\" href=\"#\">\n            <span class=\"text\">Leggi di pi\u00f9</span>\n            <span class=\"visually-hidden\">su Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026</span>\n            <svg class=\"icon\"><use href=\"https://italia.github.io/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right\"></use></svg>\n          </a>\n        </div>\n      </div>\n    </div>\n    <!--end card-->\n  </div>\n</div>\n"
+        "content": "\n<div class=\"row\">\n  <div class=\"col-12 col-lg-6\">\n    <!--start card-->\n    <div class=\"card-wrapper\">\n      <div class=\"card\">\n        <div class=\"card-body\">\n          <div class=\"category-top\">\n            <a class=\"category\" href=\"#\">Categoria</a>\n            <span class=\"data\">10/12/2026</span>\n          </div>\n          <h3 class=\"card-title big-heading h5\">Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026</h3>\n          <p class=\"card-text font-serif\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n          <span class=\"card-signature\">di Federico De Paolis</span>\n          <a class=\"read-more\" href=\"#\">\n            <span class=\"text\">Leggi di pi\u00f9</span>\n            <span class=\"visually-hidden\">su Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026</span>\n            <svg class=\"icon\"><use href=\"https://italia.github.io/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right\"></use></svg>\n          </a>\n        </div>\n      </div>\n    </div>\n    <!--end card-->\n  </div>\n</div>\n"
     },
     {
         "name": "Con icona",
@@ -33,15 +33,15 @@
     },
     {
         "name": "Con ombra, grande, con tag, data e call to action",
-        "content": "\n<div class=\"row\">\n  <div class=\"col-12 col-lg-6\">\n    <!--start card-->\n    <div class=\"card-wrapper card-space\">\n      <div class=\"card card-bg card-big no-after\">\n        <div class=\"card-body\">\n          <div class=\"head-tags\">\n            <a class=\"card-tag\" href=\"#\">Tag</a>\n            <span class=\"data\">10/10/2025</span>\n          </div>\n          <h3 class=\"card-title h5\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026</h3>\n          <p class=\"card-text font-serif\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n          <div class=\"it-card-footer\">\n            <span class=\"card-signature\">di Federico De Paolis</span>\n            <a class=\"btn btn-outline-primary btn-sm\" href=\"#\">Link Button <span class=\"visually-hidden\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026</span></a>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!--end card-->\n  </div>\n</div>\n"
+        "content": "\n<div class=\"row\">\n  <div class=\"col-12 col-lg-6\">\n    <!--start card-->\n    <div class=\"card-wrapper card-space\">\n      <div class=\"card card-bg card-big no-after\">\n        <div class=\"card-body\">\n          <div class=\"head-tags\">\n            <a class=\"card-tag\" href=\"#\">Tag</a>\n            <span class=\"data\">10/10/2026</span>\n          </div>\n          <h3 class=\"card-title h5\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026</h3>\n          <p class=\"card-text font-serif\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n          <div class=\"it-card-footer\">\n            <span class=\"card-signature\">di Federico De Paolis</span>\n            <a class=\"btn btn-outline-primary btn-sm\" href=\"#\">Link Button <span class=\"visually-hidden\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026</span></a>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!--end card-->\n  </div>\n</div>\n"
     },
     {
         "name": "Con immagine",
         "content": "\n<div class=\"row\">\n  <div class=\"col-12 col-lg-6\">\n    <!--start card-->\n    <div class=\"card-wrapper\">\n      <div class=\"card card-img no-after\">\n        <div class=\"img-responsive-wrapper\">\n          <div class=\"img-responsive\">\n            <figure class=\"img-wrapper\">\n              <img src=\"https://placehold.co/310x190/0066cc/FFFFFF/?text=IMMAGINE%20DI%20ESEMPIO\" title=\"titolo immagine\" alt=\"descrizione immagine\">\n            </figure>\n          </div>\n        </div>\n        <div class=\"card-body\">\n          <h3 class=\"card-title h5\">Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026</h3>\n          <p class=\"card-text font-serif\"></p>\n          <a class=\"read-more\" href=\"#\">\n            <span class=\"text\">Leggi di pi\u00f9</span>\n            <span class=\"visually-hidden\">su Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026</span>\n            <svg class=\"icon\"><use href=\"https://italia.github.io/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right\"></use></svg>\n          </a>\n        </div>\n      </div>\n    </div>\n    <!--end card-->\n  </div>\n  <div class=\"col-12 col-lg-6\">\n    <!--start card-->\n    <div class=\"card-wrapper\">\n      <div class=\"card card-img no-after\">\n        <div class=\"img-responsive-wrapper\">\n          <div class=\"img-responsive img-responsive-panoramic\">\n            <figure class=\"img-wrapper\">\n              <img src=\"https://placehold.co/310x94/0066cc/FFFFFF/?text=IMMAGINE%20DI%20ESEMPIO\" title=\"titolo immagine\" alt=\"descrizione immagine\">\n            </figure>\n          </div>\n        </div>\n        <div class=\"card-body\">\n          <h3 class=\"card-title h5\">Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026</h3>\n          <p class=\"card-text font-serif\"></p>\n          <a class=\"read-more\" href=\"#\">\n            <span class=\"text\">Leggi di pi\u00f9</span>\n            <span class=\"visually-hidden\">su Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026</span>\n            <svg class=\"icon\"><use href=\"https://italia.github.io/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right\"></use></svg></a>\n        </div>\n      </div>\n    </div>\n    <!--end card-->\n  </div>\n  <div class=\"col-12 col-lg-6\">\n      <!--start card-->\n      <div class=\"card-wrapper\">\n        <div class=\"card card-img no-after\">\n          <div class=\"img-responsive-wrapper\">\n            <div class=\"img-responsive\">\n              <figure class=\"img-wrapper\">\n                <img src=\"https://placehold.co/310x190/0066cc/FFFFFF/?text=IMMAGINE%20DI%20ESEMPIO\" title=\"titolo immagine\" alt=\"descrizione immagine\">\n              </figure>\n              <div class=\"card-calendar d-flex flex-column justify-content-center\">\n                <span class=\"card-date\">31</span>\n                <span class=\"card-day\">dicembre</span>\n              </div>\n            </div>\n          </div>\n          <div class=\"card-body\">\n            <h3 class=\"card-title h5\">Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026</h3>\n            <p class=\"card-text font-serif\"></p>\n              <a class=\"read-more\" href=\"#\">\n              <span class=\"text\">Leggi di pi\u00f9</span>\n              <span class=\"visually-hidden\">su Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026</span>\n              <svg class=\"icon\"><use href=\"https://italia.github.io/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right\"></use></svg></a>\n          </div>\n        </div>\n      </div>\n      <!--end card-->\n    </div>\n    <div class=\"col-12 col-lg-6\">\n      <!--start card-->\n      <div class=\"card-wrapper\">\n        <div class=\"card card-img no-after\">\n          <div class=\"img-responsive-wrapper\">\n            <div class=\"img-responsive img-responsive-panoramic\">\n              <figure class=\"img-wrapper\">\n                <img src=\"https://placehold.co/310x94/0066cc/FFFFFF/?text=IMMAGINE%20DI%20ESEMPIO\" title=\"titolo immagine\" alt=\"descrizione immagine\">\n              </figure>\n              <div class=\"card-calendar d-flex flex-column justify-content-center\">\n                <span class=\"card-date\">30</span>\n                <span class=\"card-day\">novembre</span>\n              </div>\n            </div>\n          </div>\n          <div class=\"card-body\">\n            <h3 class=\"card-title h5\">Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026</h3>\n            <p class=\"card-text font-serif\"></p>\n              <a class=\"read-more\" href=\"#\">\n              <span class=\"text\">Leggi di pi\u00f9</span>\n              <span class=\"visually-hidden\">su Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026</span>\n              <svg class=\"icon\"><use href=\"https://italia.github.io/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right\"></use></svg></a>\n          </div>\n        </div>\n      </div>\n      <!--end card-->\n    </div>\n</div>\n"
     },
     {
         "name": "Speciale",
-        "content": "\n<div class=\"row\">\n  <div class=\"col-12 col-lg-6\">\n    <!--start card-->\n    <div class=\"card-wrapper\">\n      <a class=\"card card-img no-after special-card\" href=\"#\">\n        <div class=\"img-responsive-wrapper\">\n          <div class=\"img-responsive\">\n            <figure class=\"img-wrapper\">\n              <img src=\"https://placehold.co/174x214/F9F9FE/0066CC/?text=IMMAGINE%20DI%20ESEMPIO\" title=\"titolo immagine\" alt=\"descrizione immagine\">\n            </figure>\n          </div>\n        </div>\n        <div class=\"card-body\">\n          <div class=\"head-tags\"><span class=\"data\">10/10/2025</span>\n          </div>\n          <h3 class=\"card-title h5\">Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026</h3>\n        </div>\n      </a>\n    </div>\n    <!--end card-->\n  </div>\n</div>\n"
+        "content": "\n<div class=\"row\">\n  <div class=\"col-12 col-lg-6\">\n    <!--start card-->\n    <div class=\"card-wrapper\">\n      <a class=\"card card-img no-after special-card\" href=\"#\">\n        <div class=\"img-responsive-wrapper\">\n          <div class=\"img-responsive\">\n            <figure class=\"img-wrapper\">\n              <img src=\"https://placehold.co/174x214/F9F9FE/0066CC/?text=IMMAGINE%20DI%20ESEMPIO\" title=\"titolo immagine\" alt=\"descrizione immagine\">\n            </figure>\n          </div>\n        </div>\n        <div class=\"card-body\">\n          <div class=\"head-tags\"><span class=\"data\">10/10/2026</span>\n          </div>\n          <h3 class=\"card-title h5\">Lorem ipsum dolor sit amet, consectetur adipiscing elit\u2026</h3>\n        </div>\n      </a>\n    </div>\n    <!--end card-->\n  </div>\n</div>\n"
     },
     {
         "name": "Teaser",