Updates

italia · May 15, 2024 · 6ac9533 · 6ac9533
1 parent 1bbfbc6
commit 6ac9533
Show file tree

Hide file tree

Showing 78 changed files with 117 additions and 117 deletions.
diff --git a/community/index.html b/community/index.html
diff --git a/...ity/media/20210319-progettare-servizi-pubblici-digitali-piu-equi-e-sostenibili/index.html b/...ity/media/20210319-progettare-servizi-pubblici-digitali-piu-equi-e-sostenibili/index.html
diff --git a/community/media/20210615-progettare-un-servizio-pubblico-digitale/index.html b/community/media/20210615-progettare-un-servizio-pubblico-digitale/index.html
diff --git a/community/media/20210623-il-software-libero-globaleaks/index.html b/community/media/20210623-il-software-libero-globaleaks/index.html
diff --git a/...unity/media/20210706-sviluppare-nuovi-servizi-pubblici-in-modalita-open-source/index.html b/...unity/media/20210706-sviluppare-nuovi-servizi-pubblici-in-modalita-open-source/index.html
diff --git a/community/media/20210714-l-integrazione-del-spid-nei-servizi-pubblici-e-privati/index.html b/community/media/20210714-l-integrazione-del-spid-nei-servizi-pubblici-e-privati/index.html
diff --git a/community/media/20210922-il-riutilizzo-dei-modelli-di-designers-italia/index.html b/community/media/20210922-il-riutilizzo-dei-modelli-di-designers-italia/index.html
diff --git a/community/media/20211027-buone-api-per-buoni-servizi/index.html b/community/media/20211027-buone-api-per-buoni-servizi/index.html
diff --git a/...nity/media/20220521-l-attenzione-all-accessibilita-nel-design-system-del-paese/index.html b/...nity/media/20220521-l-attenzione-all-accessibilita-nel-design-system-del-paese/index.html
diff --git a/community/media/20220525-la-progettazione-di-api-rest-per-la-pa/index.html b/community/media/20220525-la-progettazione-di-api-rest-per-la-pa/index.html
diff --git a/community/media/20230203-l-atlante-per-la-trasformazione-digitale-della-pa/index.html b/community/media/20230203-l-atlante-per-la-trasformazione-digitale-della-pa/index.html
diff --git a/community/media/20230215-il-service-design-nella-pa-italiana/index.html b/community/media/20230215-il-service-design-nella-pa-italiana/index.html
diff --git a/community/media/20230220-i-test-di-usabilita-per-pa-digitale-2026/index.html b/community/media/20230220-i-test-di-usabilita-per-pa-digitale-2026/index.html
diff --git a/community/media/20230220-l-architettura-informativa-di-un-sito-comunale/index.html b/community/media/20230220-l-architettura-informativa-di-un-sito-comunale/index.html
diff --git a/community/media/20230323-dalla-norma-alla-pratica/index.html b/community/media/20230323-dalla-norma-alla-pratica/index.html
diff --git a/...design-system-del-paese-e-la-responsabilita-di-progettare-interfacce-pubbliche/index.html b/...design-system-del-paese-e-la-responsabilita-di-progettare-interfacce-pubbliche/index.html
diff --git a/...a/20231115-il-design-system-del-paese-per-realizzare-siti-e-servizi-dei-comuni/index.html b/...a/20231115-il-design-system-del-paese-per-realizzare-siti-e-servizi-dei-comuni/index.html
diff --git a/community/media/20240215-il-modello-di-sito-per-le-aziende-sanitarie-locali-asl/index.html b/community/media/20240215-il-modello-di-sito-per-le-aziende-sanitarie-locali-asl/index.html
diff --git a/design-system/componenti/accordion/index.html b/design-system/componenti/accordion/index.html
diff --git a/design-system/componenti/affix/index.html b/design-system/componenti/affix/index.html
diff --git a/design-system/componenti/alert/index.html b/design-system/componenti/alert/index.html
diff --git a/design-system/componenti/autocomplete/index.html b/design-system/componenti/autocomplete/index.html
diff --git a/design-system/componenti/avatar/index.html b/design-system/componenti/avatar/index.html
diff --git a/design-system/componenti/back-to-top/index.html b/design-system/componenti/back-to-top/index.html
diff --git a/design-system/componenti/back/index.html b/design-system/componenti/back/index.html
diff --git a/design-system/componenti/badge/index.html b/design-system/componenti/badge/index.html
diff --git a/design-system/componenti/bottomnav/index.html b/design-system/componenti/bottomnav/index.html
diff --git a/design-system/componenti/breadcrumbs/index.html b/design-system/componenti/breadcrumbs/index.html
diff --git a/design-system/componenti/buttons/index.html b/design-system/componenti/buttons/index.html
diff --git a/design-system/componenti/callout/index.html b/design-system/componenti/callout/index.html
diff --git a/design-system/componenti/card/index.html b/design-system/componenti/card/index.html
diff --git a/design-system/componenti/carousel/index.html b/design-system/componenti/carousel/index.html
diff --git a/design-system/componenti/checkbox/index.html b/design-system/componenti/checkbox/index.html
diff --git a/design-system/componenti/chips/index.html b/design-system/componenti/chips/index.html
diff --git a/design-system/componenti/collapse/index.html b/design-system/componenti/collapse/index.html
diff --git a/design-system/componenti/dimmer/index.html b/design-system/componenti/dimmer/index.html
diff --git a/design-system/componenti/dropdown/index.html b/design-system/componenti/dropdown/index.html
diff --git a/design-system/componenti/footer/index.html b/design-system/componenti/footer/index.html
diff --git a/design-system/componenti/form/index.html b/design-system/componenti/form/index.html
diff --git a/design-system/componenti/forward/index.html b/design-system/componenti/forward/index.html
diff --git a/design-system/componenti/header/index.html b/design-system/componenti/header/index.html
diff --git a/design-system/componenti/hero/index.html b/design-system/componenti/hero/index.html
diff --git a/design-system/componenti/input/index.html b/design-system/componenti/input/index.html
diff --git a/design-system/componenti/list/index.html b/design-system/componenti/list/index.html
diff --git a/design-system/componenti/megamenu/index.html b/design-system/componenti/megamenu/index.html
diff --git a/design-system/componenti/modal/index.html b/design-system/componenti/modal/index.html
diff --git a/design-system/componenti/navscroll/index.html b/design-system/componenti/navscroll/index.html
diff --git a/design-system/componenti/notifications/index.html b/design-system/componenti/notifications/index.html
diff --git a/design-system/componenti/number-input/index.html b/design-system/componenti/number-input/index.html
diff --git a/design-system/componenti/overlay/index.html b/design-system/componenti/overlay/index.html
diff --git a/design-system/componenti/pagination/index.html b/design-system/componenti/pagination/index.html
diff --git a/design-system/componenti/popover/index.html b/design-system/componenti/popover/index.html
diff --git a/design-system/componenti/progress-indicators/index.html b/design-system/componenti/progress-indicators/index.html
diff --git a/design-system/componenti/radio-button/index.html b/design-system/componenti/radio-button/index.html
diff --git a/design-system/componenti/rating/index.html b/design-system/componenti/rating/index.html
diff --git a/design-system/componenti/sections/index.html b/design-system/componenti/sections/index.html
diff --git a/design-system/componenti/select/index.html b/design-system/componenti/select/index.html
diff --git a/design-system/componenti/sidebar/index.html b/design-system/componenti/sidebar/index.html
diff --git a/design-system/componenti/skiplinks/index.html b/design-system/componenti/skiplinks/index.html
diff --git a/design-system/componenti/steppers/index.html b/design-system/componenti/steppers/index.html
diff --git a/design-system/componenti/sticky/index.html b/design-system/componenti/sticky/index.html
diff --git a/design-system/componenti/tabs/index.html b/design-system/componenti/tabs/index.html
diff --git a/design-system/componenti/thumbnav/index.html b/design-system/componenti/thumbnav/index.html
diff --git a/design-system/componenti/timeline/index.html b/design-system/componenti/timeline/index.html
diff --git a/design-system/componenti/timepicker/index.html b/design-system/componenti/timepicker/index.html
diff --git a/design-system/componenti/toggles/index.html b/design-system/componenti/toggles/index.html
diff --git a/design-system/componenti/toolbar/index.html b/design-system/componenti/toolbar/index.html
diff --git a/design-system/componenti/tooltip/index.html b/design-system/componenti/tooltip/index.html
diff --git a/design-system/componenti/transfer/index.html b/design-system/componenti/transfer/index.html
diff --git a/design-system/componenti/upload/index.html b/design-system/componenti/upload/index.html
diff --git a/design-system/componenti/video-player/index.html b/design-system/componenti/video-player/index.html
diff --git a/design-system/fondamenti/icone/index.html b/design-system/fondamenti/icone/index.html
@@ -8,7 +8,7 @@
 <li><strong>Interazioni</strong>: le icone possono rappresentare interazioni quali &quot;mi piace&quot;, &quot;condividi&quot; o &quot;commenta&quot;. In questo caso i simboli devono essere facilmente comprensibili e azionabili per agevolare l&#x27;interazione desiderata dall&#x27;utente.</li>
 </ul>
 <p>Ti consigliamo di abbinare un&#x27;icona a un&#x27;etichetta di testo che ne chiarisce la funzione.</p>
-<p>Puoi usare l&#x27;icona da sola se il simbolo è chiaro e non ambiguo. In questo caso, l&#x27;etichetta di testo deve comunque essere leggibile da un lettore di schermo (screen reader).</p></div></div><div class="text-image-cta d-flex mb-0"><div class="content w-100"><h2 class="/*mb-3*/">Le icone disponibili</h2><p>Le icone sono disponibili nella libreria <a href="https://italia.github.io/bootstrap-italia/docs/utilities/icone/#lista-delle-icone-disponibili">Bootstrap Italia</a> e in <a href="https://www.figma.com/@designersitalia">UI kit Italia</a> (Figma).</p></div></div><div id="viewer01--component-view-id_74" class="pb-4 mb-5"><div class="d-flex flex-column align-items-center me-lg-4 me-xl-5"><div class="w-100 d-flex align-items-end justify-content-end py-3"><div class="responsive-buttons d-none d-lg-block"><span class="me-4">Anteprima:</span><div class="btn-group" role="group" aria-label="Scegli la risoluzione per l&#x27;anteprima:"><button type="button" aria-label="Visualizzazione anteprima mobile 360px" class="btn btn-secondary btn-xs"><span>mobile</span></button><button type="button" aria-label="Visualizzazione anteprima tablet 768px" class="btn btn-secondary btn-xs"><span>tablet</span></button><button type="button" aria-label="Visualizzazione anteprima desktop" class="btn btn-secondary btn-xs"><span>full</span></button></div></div><div class="ms-2"><a href="/examples/bsi/utilities/icone/icone-disponibili.html" target="_blank" rel="noreferrer" class="btn btn-xs btn-primary p-2"><svg role="img" class="icon icon-sm icon-white align-middle" aria-label=" Apri l&#x27;anteprima in una nuova finestra"><use href="/svg/sprites.svg#it-external-link"></use></svg></a></div></div><span class="visually-hidden">Inizio anteprima:</span><iframe id="viewer01--iframe" src="/examples/bsi/utilities/icone/icone-disponibili.html" title="Variante: Icone disponibili" class="w-100 iframe-example rounded border shadow-sm  viewer-full"></iframe><span class="visually-hidden">Fine anteprima.</span></div><div class="accordion accordion-left-icon py-2 border-bottom-0 me-lg-4 me-xl-5" id="viewer01--component-view-id_74-accordion"><div class="accordion-item"><div class="d-flex justify-content-between align-items-center" id="viewer01--component-view-id_74-heading"><h2 id="viewer01--codeViewer" class="accordion-header "><button class="accordion-button border-top-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#viewer01--component-view-id_74-collapse" aria-expanded="false" aria-controls="viewer01--component-view-id_74-collapse">Codice Bootstrap Italia</button></h2><div class="d-flex justify-content-between align-items-center"><button type="button" class="btn shadow-none btn btn-xs btn-secondary p-2 me-2"><span><svg role="img" class="icon icon-sm icon-white align-middle" aria-label=" Copia il codice negli appunti"><use href="/svg/sprites.svg#it-copy"></use></svg></span></button><a href="https://italia.github.io/bootstrap-italia/docs/utilities/icone/" target="_blank" rel="noreferrer" aria-label="Apri la documentazione sul sito Boostrap Italia (si apre in una nuova finestra)" class="shadow-none btn btn-xs btn-primary p-2"><svg role="img" class="icon icon-sm icon-white align-middle" aria-label=" (Link esterno)"><use href="/svg/sprites.svg#it-info-circle"></use></svg></a></div></div><div id="viewer01--component-view-id_74-collapse" class="accordion-collapse collapse hide" data-bs-parent="#viewer01--component-view-id_74-accordion" role="region" aria-labelledby="viewer01--component-view-id_74-heading"><div class="accordion-body p-0 position-relative"><div aria-hidden="true" class="position-absolute end-0 split-code-checkbox"><div class="form-check me-4"><input id="viewer01--wrap" type="checkbox"/><label for="viewer01--wrap">Mostra codice a capo</label></div></div></div></div><div class="notification with-icon right-fix success dismissable fade" role="alert" aria-labelledby="viewer01--not1d-title" id="viewer01--copyToast"><span id="viewer01--not1d-title" class="h5 "><svg role="img" class="icon"><use href="/svg/sprites.svg#it-check-circle"></use></svg>Codice copiato negli appunti</span></div></div></div></div><div class="text-image-cta d-flex mb-5"><div class="content w-100"><h2 class="/*mb-3*/">I token per le icone</h2><p>I design token delle icone appartengono al livello degli &quot;specifici&quot;.</p><div class="ctas mt-3 mb-4 d-lg-flex flex-wrap"><a class="simple-cta py-1 mb-3" href="/design-system/fondamenti/design-tokens/"><span class="text">Vai al fondamento Design tokens</span><span class="visually-hidden"></span><svg role="img" class="icon icon-sm align-middle icon-primary ms-2" aria-hidden="true"><use href="/svg/sprites.svg#it-arrow-right"></use></svg></a></div></div></div><div class="table-responsive"><table class="table y-4 mb-5"><thead><tr><th scope="col">Valore</th><th scope="col">Descrizione</th><th scope="col">Token</th></tr></thead><tbody><tr><td><p><img src="/images/design-system/fondamenti/color-gray-10.png" alt="Riquadro di anteprima del colore"/>
+<p>Puoi usare l&#x27;icona da sola se il simbolo è chiaro e non ambiguo. In questo caso, l&#x27;etichetta di testo deve comunque essere leggibile da un lettore di schermo (screen reader).</p></div></div><div class="text-image-cta d-flex mb-0"><div class="content w-100"><h2 class="/*mb-3*/">Le icone disponibili</h2><p>Le icone sono disponibili nella libreria <a href="https://italia.github.io/bootstrap-italia/docs/utilities/icone/#lista-delle-icone-disponibili">Bootstrap Italia</a> e in <a href="https://www.figma.com/@designersitalia">UI kit Italia</a> (Figma).</p></div></div><div id="viewer01--component-view-id_69" class="pb-4 mb-5"><div class="d-flex flex-column align-items-center me-lg-4 me-xl-5"><div class="w-100 d-flex align-items-end justify-content-end py-3"><div class="responsive-buttons d-none d-lg-block"><span class="me-4">Anteprima:</span><div class="btn-group" role="group" aria-label="Scegli la risoluzione per l&#x27;anteprima:"><button type="button" aria-label="Visualizzazione anteprima mobile 360px" class="btn btn-secondary btn-xs"><span>mobile</span></button><button type="button" aria-label="Visualizzazione anteprima tablet 768px" class="btn btn-secondary btn-xs"><span>tablet</span></button><button type="button" aria-label="Visualizzazione anteprima desktop" class="btn btn-secondary btn-xs"><span>full</span></button></div></div><div class="ms-2"><a href="/examples/bsi/utilities/icone/icone-disponibili.html" target="_blank" rel="noreferrer" class="btn btn-xs btn-primary p-2"><svg role="img" class="icon icon-sm icon-white align-middle" aria-label=" Apri l&#x27;anteprima in una nuova finestra"><use href="/svg/sprites.svg#it-external-link"></use></svg></a></div></div><span class="visually-hidden">Inizio anteprima:</span><iframe id="viewer01--iframe" src="/examples/bsi/utilities/icone/icone-disponibili.html" title="Variante: Icone disponibili" class="w-100 iframe-example rounded border shadow-sm  viewer-full"></iframe><span class="visually-hidden">Fine anteprima.</span></div><div class="accordion accordion-left-icon py-2 border-bottom-0 me-lg-4 me-xl-5" id="viewer01--component-view-id_69-accordion"><div class="accordion-item"><div class="d-flex justify-content-between align-items-center" id="viewer01--component-view-id_69-heading"><h2 id="viewer01--codeViewer" class="accordion-header "><button class="accordion-button border-top-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#viewer01--component-view-id_69-collapse" aria-expanded="false" aria-controls="viewer01--component-view-id_69-collapse">Codice Bootstrap Italia</button></h2><div class="d-flex justify-content-between align-items-center"><button type="button" class="btn shadow-none btn btn-xs btn-secondary p-2 me-2"><span><svg role="img" class="icon icon-sm icon-white align-middle" aria-label=" Copia il codice negli appunti"><use href="/svg/sprites.svg#it-copy"></use></svg></span></button><a href="https://italia.github.io/bootstrap-italia/docs/utilities/icone/" target="_blank" rel="noreferrer" aria-label="Apri la documentazione sul sito Boostrap Italia (si apre in una nuova finestra)" class="shadow-none btn btn-xs btn-primary p-2"><svg role="img" class="icon icon-sm icon-white align-middle" aria-label=" (Link esterno)"><use href="/svg/sprites.svg#it-info-circle"></use></svg></a></div></div><div id="viewer01--component-view-id_69-collapse" class="accordion-collapse collapse hide" data-bs-parent="#viewer01--component-view-id_69-accordion" role="region" aria-labelledby="viewer01--component-view-id_69-heading"><div class="accordion-body p-0 position-relative"><div aria-hidden="true" class="position-absolute end-0 split-code-checkbox"><div class="form-check me-4"><input id="viewer01--wrap" type="checkbox"/><label for="viewer01--wrap">Mostra codice a capo</label></div></div></div></div><div class="notification with-icon right-fix success dismissable fade" role="alert" aria-labelledby="viewer01--not1d-title" id="viewer01--copyToast"><span id="viewer01--not1d-title" class="h5 "><svg role="img" class="icon"><use href="/svg/sprites.svg#it-check-circle"></use></svg>Codice copiato negli appunti</span></div></div></div></div><div class="text-image-cta d-flex mb-5"><div class="content w-100"><h2 class="/*mb-3*/">I token per le icone</h2><p>I design token delle icone appartengono al livello degli &quot;specifici&quot;.</p><div class="ctas mt-3 mb-4 d-lg-flex flex-wrap"><a class="simple-cta py-1 mb-3" href="/design-system/fondamenti/design-tokens/"><span class="text">Vai al fondamento Design tokens</span><span class="visually-hidden"></span><svg role="img" class="icon icon-sm align-middle icon-primary ms-2" aria-hidden="true"><use href="/svg/sprites.svg#it-arrow-right"></use></svg></a></div></div></div><div class="table-responsive"><table class="table y-4 mb-5"><thead><tr><th scope="col">Valore</th><th scope="col">Descrizione</th><th scope="col">Token</th></tr></thead><tbody><tr><td><p><img src="/images/design-system/fondamenti/color-gray-10.png" alt="Riquadro di anteprima del colore"/>
 #1a1a1a</p></td><td><p>Icona nel colore di base</p></td><td><span class="tag neutral-1-bg-a1 text-black fw-semibold font-monospace text-lowercase">icon.default</span></td></tr><tr><td><p><img src="/images/design-system/fondamenti/color-blue-7.png" alt="Riquadro di anteprima del colore"/>
 #0066cc</p></td><td><p>Icona primaria</p></td><td><span class="tag neutral-1-bg-a1 text-black fw-semibold font-monospace text-lowercase">icon.primary</span></td></tr><tr><td><p><img src="/images/design-system/fondamenti/color-blue-8.png" alt="Riquadro di anteprima del colore"/>
 #004d99</p></td><td><p>Icona primario nello stato hover</p></td><td><span class="tag neutral-1-bg-a1 text-black fw-semibold font-monospace text-lowercase">icon.primary.hover</span></td></tr><tr><td><p><img src="/images/design-system/fondamenti/color-blue-9.png" alt="dimensione bordo spesso"/>

diff --git a/design-system/fondamenti/ombre/index.html b/design-system/fondamenti/ombre/index.html