chore(release): design system .italia 🇮🇹 v1-beta.5 (#1380)

--------- Co-authored-by: Andrea Stagi <[email protected]>
italia · Aug 6, 2024 · 23ee4c8 · 23ee4c8
1 parent f32ad9f
commit 23ee4c8
Show file tree

Hide file tree

Showing 560 changed files with 1,621 additions and 1,472 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -39,7 +39,7 @@
     "@loadable/component": "^5.15.2",
     "adm-zip": "^0.5.10",
     "babel-preset-gatsby": "^3.9.0",
-    "bootstrap-italia": "^2.8.8",
+    "bootstrap-italia": "^2.9.0",
     "classnames": "^2.3.2",
     "dotenv": "^16.1.4",
     "express": "^4.19.2",

diff --git a/src/data/components_json/bsi/form/upload.json b/src/data/components_json/bsi/form/upload.json
diff --git a/src/data/content/design-system/componenti/affix.yaml b/src/data/content/design-system/componenti/affix.yaml
@@ -108,29 +108,29 @@ tabs:
                   - text: Visivamente accessibile
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Pronto
+                      addonClasses: bg-success
                   - text: Uso e contrasto dei colori, leggibilità
               - cols:
                   - text: Amichevole con lettori di schermo
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Pronto
+                      addonClasses: bg-success
                   - text: Struttura titolazioni, etichette e testi alternativi
               - cols:
                   - text: Navigabile
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Pronto
+                      addonClasses: bg-success
                   - text: Focus, struttura, navigazione da tastiera o altri device
               - cols:
                   - text: Comprensibile
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Pronto
+                      addonClasses: bg-success
                   - text: Comprensibile, prevedibile, gestione semplice dell’errore
           - name: TextImageCta
             ctas:

diff --git a/src/data/content/design-system/componenti/autocomplete.yaml b/src/data/content/design-system/componenti/autocomplete.yaml
@@ -51,15 +51,29 @@ tabs:
             noSpace: false
             title: Quando usarlo
             headingLevel: 2
-            text: |
-              Il componente Autocomplete consiste in un campo input con funzione di autocompletamento dei dati che fornisce all'utente suggerimenti pertinenti mentre inizia a digitare. Questi suggerimenti si basano sul testo inserito e aiutano l'utente a completare rapidamente il campo senza dover scrivere il testo per intero.
+            text: >
+              Il componente Autocomplete consiste in un campo input con funzione
+              di autocompletamento dei dati che fornisce all'utente suggerimenti
+              pertinenti mentre inizia a digitare. Questi suggerimenti si basano
+              sul testo inserito e aiutano l'utente a completare rapidamente il
+              campo senza dover scrivere il testo per intero.
+
 
               Usa il campo input con funzione di autocomplete nei seguenti casi:
 
-              - quando il numero di opzioni disponibili è molto elevato e risulterebbe difficile per l'utente scorrerle tutte manualmente;
-              - per migliorare l'esperienza d'uso, riducendo il tempo necessario per trovare e selezionare un'opzione;
-              - quando è necessario fornire suggerimenti basati su input parziali dell'utente, come nei campi di ricerca o nei moduli di registrazione;
-              - per aiutare l'utente a evitare errori di digitazione, mostrando opzioni predefinite che possono essere selezionate rapidamente.
+
+              - quando il numero di opzioni disponibili è molto elevato e
+              risulterebbe difficile per l'utente scorrerle tutte manualmente;
+
+              - per migliorare l'esperienza d'uso, riducendo il tempo necessario
+              per trovare e selezionare un'opzione;
+
+              - quando è necessario fornire suggerimenti basati su input
+              parziali dell'utente, come nei campi di ricerca o nei moduli di
+              registrazione;
+
+              - per aiutare l'utente a evitare errori di digitazione, mostrando
+              opzioni predefinite che possono essere selezionate rapidamente.
       - full: true
         noSpace: true
         paddingLeft: true
@@ -68,13 +82,23 @@ tabs:
             noSpace: false
             title: Come usarlo
             headingLevel: 2
-            text: |
-              Per utilizzare correttamente un campo input con funzione di autocomplete, segui questi passaggi:
+            text: >
+              Per utilizzare correttamente un campo input con funzione di
+              autocomplete, segui questi passaggi:
+
+
+              - implementa una lista di suggerimenti che si aggiorna
+              dinamicamente mentre l'utente digita un testo;
 
-              - implementa una lista di suggerimenti che si aggiorna dinamicamente mentre l'utente digita un testo;
-              - fornisci un feedback visivo chiaro quando un'opzione è selezionata, come un'ombreggiatura o un'icona di conferma;
-              - permetti la navigazione tramite tastiera, assicurandoti che l'utente possa scorrere i suggerimenti usando i tasti freccia e selezionare un'opzione con il tasto Invio;
-              - previeni gli errori, avvisando l'utente nel caso in cui tenta di inserire un valore non valido.
+              - fornisci un feedback visivo chiaro quando un'opzione è
+              selezionata, come un'ombreggiatura o un'icona di conferma;
+
+              - permetti la navigazione tramite tastiera, assicurandoti che
+              l'utente possa scorrere i suggerimenti usando i tasti freccia e
+              selezionare un'opzione con il tasto Invio;
+
+              - previeni gli errori, avvisando l'utente nel caso in cui tenta di
+              inserire un valore non valido.
       - full: true
         noSpace: true
         paddingLeft: true
@@ -255,13 +279,25 @@ tabs:
             noSpace: false
             title: Comportamento
             headingLevel: 2
-            text: |
-              - Quando l'utente inizia a digitare, viene mostrata una lista di suggerimenti pertinenti basati sui caratteri inseriti.
-              - La lista di suggerimenti si aggiorna dinamicamente man mano che l'utente digita ulteriori caratteri.
-              - L'utente può navigare tra i suggerimenti usando i tasti freccia e selezionare un suggerimento con il tasto Invio.
-              - Nel caso di un dispositivo no-touch, i suggerimenti possono essere evidenziati al passaggio del puntatore del mouse.
-              - Una volta selezionato un suggerimento, questo viene inserito automaticamente nel campo input e la lista dei suggerimenti scompare.
-              - Se l'utente non seleziona alcun suggerimento e continua a digitare, il valore inserito manualmente rimane nel campo input.
+            text: >
+              - Quando l'utente inizia a digitare, viene mostrata una lista di
+              suggerimenti pertinenti basati sui caratteri inseriti.
+
+              - La lista di suggerimenti si aggiorna dinamicamente man mano che
+              l'utente digita ulteriori caratteri.
+
+              - L'utente può navigare tra i suggerimenti usando i tasti freccia
+              e selezionare un suggerimento con il tasto Invio.
+
+              - Nel caso di un dispositivo no-touch, i suggerimenti possono
+              essere evidenziati al passaggio del puntatore del mouse.
+
+              - Una volta selezionato un suggerimento, questo viene inserito
+              automaticamente nel campo input e la lista dei suggerimenti
+              scompare.
+
+              - Se l'utente non seleziona alcun suggerimento e continua a
+              digitare, il valore inserito manualmente rimane nel campo input.
       - full: true
         noSpace: true
         paddingLeft: true

diff --git a/src/data/content/design-system/componenti/back-to-top.yaml b/src/data/content/design-system/componenti/back-to-top.yaml
@@ -133,29 +133,29 @@ tabs:
                   - text: Visivamente accessibile
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Pronto
+                      addonClasses: bg-success
                   - text: Uso e contrasto dei colori, leggibilità
               - cols:
                   - text: Amichevole con lettori di schermo
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Verifica in corso
+                      addonClasses: bg-warning
                   - text: Struttura titolazioni, etichette e testi alternativi
               - cols:
                   - text: Navigabile
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Verifica in corso
+                      addonClasses: bg-warning
                   - text: Focus, struttura, navigazione da tastiera o altri device
               - cols:
                   - text: Comprensibile
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Pronto
+                      addonClasses: bg-success
                   - text: Comprensibile, prevedibile, gestione semplice dell’errore
           - name: TextImageCta
             ctas:
@@ -192,8 +192,8 @@ tabs:
                   - text: UI Kit Italia (design)
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Pronto
+                      addonClasses: bg-success
                   - simpleCta:
                       label: Kit
                       url: https://www.figma.com/community/file/1105848677422572920
@@ -206,8 +206,8 @@ tabs:
                   - text: Bootstrap Italia
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Da rivedere
+                      addonClasses: bg-warning
                   - simpleCta:
                       label: Scheda documentazione
                       blank: true
@@ -221,8 +221,8 @@ tabs:
                   - text: React
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Da rivedere
+                      addonClasses: bg-warning
                   - simpleCta:
                       label: Scheda Storybook
                       url: >-
@@ -236,8 +236,8 @@ tabs:
                   - text: Angular
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Da rivedere
+                      addonClasses: bg-warning
                   - simpleCta:
                       label: Scheda documentazione
                       url: >-

diff --git a/src/data/content/design-system/componenti/back.yaml b/src/data/content/design-system/componenti/back.yaml
@@ -152,29 +152,29 @@ tabs:
                   - text: Visivamente accessibile
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Pronto
+                      addonClasses: bg-success
                   - text: Uso e contrasto dei colori, leggibilità
               - cols:
                   - text: Amichevole con lettori di schermo
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Pronto
+                      addonClasses: bg-success
                   - text: Struttura titolazioni, etichette e testi alternativi
               - cols:
                   - text: Navigabile
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Da rivedere
+                      addonClasses: bg-warning
                   - text: Focus, struttura, navigazione da tastiera o altri device
               - cols:
                   - text: Comprensibile
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Pronto
+                      addonClasses: bg-success
                   - text: Comprensibile, prevedibile, gestione semplice dell’errore
           - name: TextImageCta
             ctas:
@@ -211,8 +211,8 @@ tabs:
                   - text: UI Kit Italia (design)
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Pronto
+                      addonClasses: bg-success
                   - simpleCta:
                       label: Kit
                       url: https://www.figma.com/community/file/1105848677422572920
@@ -225,8 +225,8 @@ tabs:
                   - text: Bootstrap Italia
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Da rivedere
+                      addonClasses: bg-warning
                   - simpleCta:
                       label: Scheda documentazione
                       blank: true
@@ -240,8 +240,8 @@ tabs:
                   - text: React
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Da rivedere
+                      addonClasses: bg-warning
                   - simpleCta:
                       label: Scheda Storybook
                       url: >-
@@ -255,8 +255,8 @@ tabs:
                   - text: Angular
                     scope: row
                   - tag:
-                      label: Da verificare
-                      addonClasses: neutral-2-bg text-secondary
+                      label: Da rivedere
+                      addonClasses: bg-warning
                   - simpleCta:
                       label: Scheda documentazione
                       url: >-