chore: update examples api

api/componenti/chips.json

@@ -7,12 +7,20 @@
         "name": "Varianti di colore",
         "content": "\n\n\n\n<div class=\"chip chip-primary chip-lg chip-simple\">\n  <span class=\"chip-label\">Primary</span>\n</div>\n\n<div class=\"chip chip-secondary chip-lg chip-simple\">\n  <span class=\"chip-label\">Secondary</span>\n</div>\n\n<div class=\"chip chip-success chip-lg chip-simple\">\n  <span class=\"chip-label\">Success</span>\n</div>\n\n<div class=\"chip chip-danger chip-lg chip-simple\">\n  <span class=\"chip-label\">Danger</span>\n</div>\n\n<div class=\"chip chip-warning chip-lg chip-simple\">\n  <span class=\"chip-label\">Warning</span>\n</div>\n"
     },
+    {
+        "name": "Varianti di colore link",
+        "content": "\n\n\n\n<a class=\"chip chip-primary chip-lg chip-simple\" href=\"#\">\n  <span class=\"chip-label\">Primary</span>\n</a>\n\n\n<a class=\"chip chip-secondary chip-lg chip-simple\" href=\"#\">\n  <span class=\"chip-label\">Secondary</span>\n</a>\n\n\n<a class=\"chip chip-success chip-lg chip-simple\" href=\"#\">\n  <span class=\"chip-label\">Success</span>\n</a>\n\n\n<a class=\"chip chip-danger chip-lg chip-simple\" href=\"#\">\n  <span class=\"chip-label\">Danger</span>\n</a>\n\n\n<a class=\"chip chip-warning chip-lg chip-simple\" href=\"#\">\n  <span class=\"chip-label\">Warning</span>\n</a>\n\n"
+    },
     {
         "name": "Disabilitata",
         "content": "\n<div class=\"chip chip-simple chip-lg chip-disabled\">\n  <span class=\"chip-label\">Label disabilitata</span>\n</div>\n\n<div class=\"chip chip-lg chip-disabled\">\n  <label class=\"chip-label\" for=\"chip-01\">Label disabilitata</label>\n  <button id=\"chip-01\" disabled>\n    <svg class=\"icon\"><use href=\"/dist/svg/sprites.svg#it-close\"></use></svg>\n    <span class=\"visually-hidden\">Elimina label</span>\n  </button>\n</div>\n\n<div class=\"chip chip-lg chip-disabled\">\n  <svg class=\"icon icon-xs\"><use href=\"/dist/svg/sprites.svg#it-github\"></use></svg>\n  <label class=\"chip-label\" for=\"chip-02\">Label disabilitata</label>\n  <button id=\"chip-02\" disabled>\n    <svg class=\"icon\"><use href=\"/dist/svg/sprites.svg#it-close\"></use></svg>\n    <span class=\"visually-hidden\">Elimina label</span>\n  </button>\n</div>\n\n<div class=\"chip chip-lg chip-disabled\">\n  <div class=\"avatar size-xs\">\n    <img src=\"https://randomuser.me/api/portraits/men/46.jpg\" alt=\"Mario Rossi\">\n  </div>\n  <label class=\"chip-label\" for=\"chip-03\">Label disabilitata</label>\n  <button id=\"chip-03\" disabled>\n    <svg class=\"icon\"><use href=\"/dist/svg/sprites.svg#it-close\"></use></svg>\n    <span class=\"visually-hidden\">Elimina label</span>\n  </button>\n</div>\n"
     },
     {
         "name": "Gruppi",
         "content": "\n<div class=\"chip chip-simple\">\n  <span class=\"chip-label\">Label</span>\n</div>\n<div class=\"chip\">\n  <span class=\"chip-label\">Label</span>\n  <button>\n    <svg class=\"icon\"><use href=\"/dist/svg/sprites.svg#it-close\"></use></svg>\n    <span class=\"visually-hidden\">Elimina label</span>\n  </button>\n</div>\n<div class=\"chip\">\n  <svg class=\"icon icon-xs\"><use href=\"/dist/svg/sprites.svg#it-github\"></use></svg>\n  <span class=\"chip-label\">Label</span>\n  <button>\n    <svg class=\"icon\"><use href=\"/dist/svg/sprites.svg#it-close\"></use></svg>\n    <span class=\"visually-hidden\">Elimina label</span>\n  </button>\n</div>\n<div class=\"chip\">\n  <div class=\"avatar size-xs\">\n    <img src=\"https://randomuser.me/api/portraits/men/46.jpg\" alt=\"Mario Rossi\">\n  </div>\n  <span class=\"chip-label\">Label</span>\n  <button>\n    <svg class=\"icon\"><use href=\"/dist/svg/sprites.svg#it-close\"></use></svg>\n    <span class=\"visually-hidden\">Elimina label</span>\n  </button>\n</div>\n\n<hr/>\n\n<div class=\"chip chip-lg chip-simple\">\n  <span class=\"chip-label\">Label</span>\n</div>\n<div class=\"chip chip-lg\">\n  <span class=\"chip-label\">Label</span>\n  <button>\n    <svg class=\"icon\"><use href=\"/dist/svg/sprites.svg#it-close\"></use></svg>\n    <span class=\"visually-hidden\">Elimina label</span>\n  </button>\n</div>\n<div class=\"chip chip-lg\">\n  <svg class=\"icon icon-xs\"><use href=\"/dist/svg/sprites.svg#it-github\"></use></svg>\n  <span class=\"chip-label\">Label</span>\n  <button>\n    <svg class=\"icon\"><use href=\"/dist/svg/sprites.svg#it-close\"></use></svg>\n    <span class=\"visually-hidden\">Elimina label</span>\n  </button>\n</div>\n<div class=\"chip chip-lg\">\n  <div class=\"avatar size-xs\">\n    <img src=\"https://randomuser.me/api/portraits/men/46.jpg\" alt=\"Mario Rossi\">\n  </div>\n  <span class=\"chip-label\">Label</span>\n  <button>\n    <svg class=\"icon\"><use href=\"/dist/svg/sprites.svg#it-close\"></use></svg>\n    <span class=\"visually-hidden\">Elimina label</span>\n  </button>\n</div>\n"
+    },
+    {
+        "name": "Gruppi",
+        "content": "\n<a href=\"#\" class=\"chip chip-simple chip-primary\">\n  <span class=\"chip-label\">Label</span>\n</a>\n<a href=\"#\" class=\"chip chip-primary\">\n  <span class=\"chip-label\">Label</span>\n  <button>\n    <svg class=\"icon\"><use href=\"/dist/svg/sprites.svg#it-close\"></use></svg>\n    <span class=\"visually-hidden\">Elimina label</span>\n  </button>\n</a>\n<a href=\"#\" class=\"chip chip-primary\">\n  <svg class=\"icon icon-xs\"><use href=\"/dist/svg/sprites.svg#it-github\"></use></svg>\n  <span class=\"chip-label\">Label</span>\n  <button>\n    <svg class=\"icon\"><use href=\"/dist/svg/sprites.svg#it-close\"></use></svg>\n    <span class=\"visually-hidden\">Elimina label</span>\n  </button>\n</a>\n<a href=\"#\" class=\"chip chip-primary\">\n  <div class=\"avatar size-xs\">\n    <img src=\"https://randomuser.me/api/portraits/men/46.jpg\" alt=\"Mario Rossi\">\n  </div>\n  <span class=\"chip-label\">Label</span>\n  <button>\n    <svg class=\"icon\"><use href=\"/dist/svg/sprites.svg#it-close\"></use></svg>\n    <span class=\"visually-hidden\">Elimina label</span>\n  </button>\n</a>\n\n<hr/>\n\n<a href=\"#\" class=\"chip chip-lg chip-simple chip-primary\">\n  <span class=\"chip-label\">Label</span>\n</a>\n<a href=\"#\" class=\"chip chip-lg chip-primary\">\n  <span class=\"chip-label\">Label</span>\n  <button>\n    <svg class=\"icon\"><use href=\"/dist/svg/sprites.svg#it-close\"></use></svg>\n    <span class=\"visually-hidden\">Elimina label</span>\n  </button>\n</a>\n<a href=\"#\" class=\"chip chip-lg chip-primary\">\n  <svg class=\"icon icon-xs\"><use href=\"/dist/svg/sprites.svg#it-github\"></use></svg>\n  <span class=\"chip-label\">Label</span>\n  <button>\n    <svg class=\"icon\"><use href=\"/dist/svg/sprites.svg#it-close\"></use></svg>\n    <span class=\"visually-hidden\">Elimina label</span>\n  </button>\n</a>\n<a href=\"#\" class=\"chip chip-lg chip-primary\">\n  <div class=\"avatar size-xs\">\n    <img src=\"https://randomuser.me/api/portraits/men/46.jpg\" alt=\"Mario Rossi\">\n  </div>\n  <span class=\"chip-label\">Label</span>\n  <button>\n    <svg class=\"icon\"><use href=\"/dist/svg/sprites.svg#it-close\"></use></svg>\n    <span class=\"visually-hidden\">Elimina label</span>\n  </button>\n</a>\n"
     }
 ]

api/componenti/rating.json

@@ -1,14 +1,14 @@
 [
     {
         "name": "Base",
-        "content": "\n<fieldset class=\"rating\">\n  <legend>Rating</legend>\n  <input type=\"radio\" id=\"star5a\" name=\"ratingA\" value=\"5\" />\n  <label class = \"full\" for=\"star5a\">\n    <svg class=\"icon icon-sm\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 5 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star4a\" name=\"ratingA\" value=\"4\"/>\n  <label class = \"full\" for=\"star4a\">\n    <svg class=\"icon icon-sm\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 4 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star3a\" name=\"ratingA\" value=\"3\" />\n  <label class = \"full\" for=\"star3a\">\n    <svg class=\"icon icon-sm\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 3 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star2a\" name=\"ratingA\" value=\"2\" />\n  <label class = \"full\" for=\"star2a\">\n    <svg class=\"icon icon-sm\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 2 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star1a\" name=\"ratingA\" value=\"1\" />\n  <label class = \"full\" for=\"star1a\">\n    <svg class=\"icon icon-sm\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 1 stelle su 5</span>\n  </label>\n</fieldset>\n"
+        "content": "\n<fieldset class=\"rating\">\n  <legend>Rating</legend>\n  <input type=\"radio\" id=\"star5a\" name=\"ratingA\" value=\"5\" />\n  <label class = \"full\" for=\"star5a\">\n    <svg class=\"icon icon-sm\" aria-hidden=\"true\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 5 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star4a\" name=\"ratingA\" value=\"4\"/>\n  <label class = \"full\" for=\"star4a\">\n    <svg class=\"icon icon-sm\" aria-hidden=\"true\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 4 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star3a\" name=\"ratingA\" value=\"3\" />\n  <label class = \"full\" for=\"star3a\">\n    <svg class=\"icon icon-sm\" aria-hidden=\"true\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 3 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star2a\" name=\"ratingA\" value=\"2\" />\n  <label class = \"full\" for=\"star2a\">\n    <svg class=\"icon icon-sm\" aria-hidden=\"true\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 2 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star1a\" name=\"ratingA\" value=\"1\" />\n  <label class = \"full\" for=\"star1a\">\n    <svg class=\"icon icon-sm\" aria-hidden=\"true\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 1 stella su 5</span>\n  </label>\n</fieldset>\n"
     },
     {
         "name": "Con etichetta",
-        "content": "\n<fieldset class=\"rating rating-label\">\n  <legend><span class=\"visually-hidden\">Valutazione</span> <span>4 stelle</span> <span class=\"visually-hidden\">su 5</span></legend>\n  <input type=\"radio\" id=\"star5b\" name=\"ratingB\" value=\"5\" />\n  <label class = \"full\" for=\"star5b\">\n    <svg class=\"icon icon-sm\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 5 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star4b\" name=\"ratingB\" value=\"4\" checked/>\n  <label class = \"full\" for=\"star4b\">\n    <svg class=\"icon icon-sm\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 4 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star3b\" name=\"ratingB\" value=\"3\" />\n  <label class = \"full\" for=\"star3b\">\n    <svg class=\"icon icon-sm\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 3 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star2b\" name=\"ratingB\" value=\"2\" />\n  <label class = \"full\" for=\"star2b\">\n    <svg class=\"icon icon-sm\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 2 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star1b\" name=\"ratingB\" value=\"1\" />\n  <label class = \"full\" for=\"star1b\">\n    <svg class=\"icon icon-sm\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 1 stelle su 5</span>\n  </label>\n</fieldset>\n\n"
+        "content": "\n<fieldset class=\"rating rating-label\">\n  <legend><span class=\"visually-hidden\">Valutazione</span> <span>4 stelle</span> <span class=\"visually-hidden\">su 5</span></legend>\n  <input type=\"radio\" id=\"star5b\" name=\"ratingB\" value=\"5\" />\n  <label class = \"full\" for=\"star5b\">\n    <svg class=\"icon icon-sm\" aria-hidden=\"true\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 5 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star4b\" name=\"ratingB\" value=\"4\" checked/>\n  <label class = \"full\" for=\"star4b\">\n    <svg class=\"icon icon-sm\" aria-hidden=\"true\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 4 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star3b\" name=\"ratingB\" value=\"3\" />\n  <label class = \"full\" for=\"star3b\">\n    <svg class=\"icon icon-sm\" aria-hidden=\"true\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 3 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star2b\" name=\"ratingB\" value=\"2\" />\n  <label class = \"full\" for=\"star2b\">\n    <svg class=\"icon icon-sm\" aria-hidden=\"true\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 2 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star1b\" name=\"ratingB\" value=\"1\" />\n  <label class = \"full\" for=\"star1b\">\n    <svg class=\"icon icon-sm\" aria-hidden=\"true\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 1 stella su 5</span>\n  </label>\n</fieldset>\n\n"
     },
     {
         "name": "Sola lettura",
-        "content": "\n<fieldset class=\"rating rating-read-only\">\n  <legend class=\"visually-hidden\">Valutazione 4 stelle su 5</legend>\n  <input type=\"radio\" id=\"star5c\" name=\"ratingC\" value=\"5\" aria-hidden=\"true\" disabled />\n  <label class = \"full\" for=\"star5c\">\n    <svg class=\"icon icon-sm\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 5 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star4c\" name=\"ratingC\" value=\"4\" checked aria-hidden=\"true\" disabled />\n  <label class = \"full\" for=\"star4c\">\n    <svg class=\"icon icon-sm\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 4 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star3c\" name=\"ratingC\" value=\"3\" aria-hidden=\"true\" disabled />\n  <label class = \"full\" for=\"star3c\">\n    <svg class=\"icon icon-sm\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 3 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star2c\" name=\"ratingC\" value=\"2\" aria-hidden=\"true\" disabled />\n  <label class = \"full\" for=\"star2c\">\n    <svg class=\"icon icon-sm\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 2 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star1c\" name=\"ratingC\" value=\"1\" aria-hidden=\"true\" disabled />\n  <label class = \"full\" for=\"star1c\">\n    <svg class=\"icon icon-sm\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 1 stelle su 5</span>\n  </label>\n</fieldset>\n"
+        "content": "\n<fieldset class=\"rating rating-read-only\">\n  <legend class=\"visually-hidden\">Valutazione 4 stelle su 5</legend>\n  <input type=\"radio\" id=\"star5c\" name=\"ratingC\" value=\"5\" aria-hidden=\"true\" disabled />\n  <label class = \"full\" for=\"star5c\">\n    <svg class=\"icon icon-sm\" aria-hidden=\"true\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 5 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star4c\" name=\"ratingC\" value=\"4\" checked aria-hidden=\"true\" disabled />\n  <label class = \"full\" for=\"star4c\">\n    <svg class=\"icon icon-sm\" aria-hidden=\"true\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 4 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star3c\" name=\"ratingC\" value=\"3\" aria-hidden=\"true\" disabled />\n  <label class = \"full\" for=\"star3c\">\n    <svg class=\"icon icon-sm\" aria-hidden=\"true\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 3 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star2c\" name=\"ratingC\" value=\"2\" aria-hidden=\"true\" disabled />\n  <label class = \"full\" for=\"star2c\">\n    <svg class=\"icon icon-sm\" aria-hidden=\"true\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 2 stelle su 5</span>\n  </label>\n  <input type=\"radio\" id=\"star1c\" name=\"ratingC\" value=\"1\" aria-hidden=\"true\" disabled />\n  <label class = \"full\" for=\"star1c\">\n    <svg class=\"icon icon-sm\" aria-hidden=\"true\"><use href=\"/dist/svg/sprites.svg#it-star-full\"></use></svg>\n    <span class=\"visually-hidden\">Valuta 1 stella su 5</span>\n  </label>\n</fieldset>\n"
     }
 ]