chore(release): 3.0.0-alpha.0 🎉

Author: astagi

CHANGELOG.md

@@ -1,3 +1,39 @@
+# [3.0.0-alpha.0](https://github.com/italia/bootstrap-italia/compare/v2.17.3...v3.0.0-alpha.0) (2026-02-04)
+
+
+### Bug Fixes
+
+* add icon color in lists ([6e29bce](https://github.com/italia/bootstrap-italia/commit/6e29bce02614c2f903ccc0691588098a16661361))
+* add missing link variables ([46e282e](https://github.com/italia/bootstrap-italia/commit/46e282e9aecd74e4acd3e98bce9c80cbe741d073))
+* add missing suffix ([9ae19e9](https://github.com/italia/bootstrap-italia/commit/9ae19e95fce393a7333a04ce4764f861cb327bde))
+* bootstrap classes ([8c1b1e0](https://github.com/italia/bootstrap-italia/commit/8c1b1e0dc0cbdd65083acc8e76ac3734b9ac43e3))
+* breadcrumb link color on dark bg [#1585](https://github.com/italia/bootstrap-italia/issues/1585) ([e662bea](https://github.com/italia/bootstrap-italia/commit/e662bea9ee197e0e2c22a962439ba71d46b3e914))
+* breadcrumb screen reader announcement, ignore separators ([052fb0c](https://github.com/italia/bootstrap-italia/commit/052fb0ca680156e4169b8a488b78c5f0a95e7eb2))
+* check and radio visibility ([1ab96a6](https://github.com/italia/bootstrap-italia/commit/1ab96a6c9d48f298e20933eaaa787b13f059675a))
+* checkbox and radio alignment [#1647](https://github.com/italia/bootstrap-italia/issues/1647) ([0bc4a47](https://github.com/italia/bootstrap-italia/commit/0bc4a476fbbb54cf7e65bcc589ee5e52f57c10be))
+* color link variables ([fb34090](https://github.com/italia/bootstrap-italia/commit/fb34090010cbfbad27236b4ca928575d443f8cd3))
+* double class on card profile [#1566](https://github.com/italia/bootstrap-italia/issues/1566) ([d0c64dd](https://github.com/italia/bootstrap-italia/commit/d0c64dd2eb0087df1e8b57776b4953d011a7934d))
+* duplicate use ([59d46a2](https://github.com/italia/bootstrap-italia/commit/59d46a264d93243a25b4a7191a044cb4f03a6a51))
+* font-switcher active style ([9c34e6f](https://github.com/italia/bootstrap-italia/commit/9c34e6f5c20b4a7ed94e697b1be520ee2fd9f736))
+* font-switcher w-100 class ([5242653](https://github.com/italia/bootstrap-italia/commit/5242653f3f3b2e8a3718ed686092759f295311c4))
+* html proofer ([fef6ab9](https://github.com/italia/bootstrap-italia/commit/fef6ab92b3732f4c913acd10690c70bda4ffbb17))
+* htmlproofer ([fadc1be](https://github.com/italia/bootstrap-italia/commit/fadc1be220c70f47d45c6ef8e8eae32507e43bf0))
+* label leading property ([5dccfc7](https://github.com/italia/bootstrap-italia/commit/5dccfc75b8573169a22edab5ef5c6934f1d080bc))
+* link colors variants ([2721f83](https://github.com/italia/bootstrap-italia/commit/2721f83d1cf9130ba72383ebd8355b0414e52b97))
+* linting scss ([2cbf34b](https://github.com/italia/bootstrap-italia/commit/2cbf34b4a1bbf45891bf17c6cdd12f9d405dd302))
+* navscroll zindex [#1619](https://github.com/italia/bootstrap-italia/issues/1619) ([cbd41ee](https://github.com/italia/bootstrap-italia/commit/cbd41eeca9abca4837d8c222129b76b707b9ee8b))
+* proper zindex order [#1619](https://github.com/italia/bootstrap-italia/issues/1619) ([546dcaa](https://github.com/italia/bootstrap-italia/commit/546dcaa1afe0d055367bea11b0676302951c7b06))
+* restore legend for checkbox fieldset ([d6f74e0](https://github.com/italia/bootstrap-italia/commit/d6f74e0c32cf66f4b7ce841330c3c7db953c3534))
+
+
+### Features
+
+* add titillium sans pro support ([5426cd3](https://github.com/italia/bootstrap-italia/commit/5426cd39d7445cd2ab95f27de4508005a0cde5eb))
+* design tokens ([#1310](https://github.com/italia/bootstrap-italia/issues/1310)) ([a99dac1](https://github.com/italia/bootstrap-italia/commit/a99dac1e179c251c5b3a0e6623e64d6ddfc4cf4f)), closes [#1340](https://github.com/italia/bootstrap-italia/issues/1340) [#1335](https://github.com/italia/bootstrap-italia/issues/1335) [#1380](https://github.com/italia/bootstrap-italia/issues/1380) [#1346](https://github.com/italia/bootstrap-italia/issues/1346) [#1384](https://github.com/italia/bootstrap-italia/issues/1384) [#1393](https://github.com/italia/bootstrap-italia/issues/1393) [#1364](https://github.com/italia/bootstrap-italia/issues/1364) [#1398](https://github.com/italia/bootstrap-italia/issues/1398) [#1405](https://github.com/italia/bootstrap-italia/issues/1405) [#1400](https://github.com/italia/bootstrap-italia/issues/1400) [#1409](https://github.com/italia/bootstrap-italia/issues/1409) [#1411](https://github.com/italia/bootstrap-italia/issues/1411) [#1415](https://github.com/italia/bootstrap-italia/issues/1415) [#1418](https://github.com/italia/bootstrap-italia/issues/1418) [#1413](https://github.com/italia/bootstrap-italia/issues/1413) [#1361](https://github.com/italia/bootstrap-italia/issues/1361) [#1431](https://github.com/italia/bootstrap-italia/issues/1431) [#1443](https://github.com/italia/bootstrap-italia/issues/1443) [#1443](https://github.com/italia/bootstrap-italia/issues/1443) [#1437](https://github.com/italia/bootstrap-italia/issues/1437) [#1447](https://github.com/italia/bootstrap-italia/issues/1447) [#1452](https://github.com/italia/bootstrap-italia/issues/1452) [#1460](https://github.com/italia/bootstrap-italia/issues/1460) [#1462](https://github.com/italia/bootstrap-italia/issues/1462) [#1467](https://github.com/italia/bootstrap-italia/issues/1467) [#1468](https://github.com/italia/bootstrap-italia/issues/1468) [#1487](https://github.com/italia/bootstrap-italia/issues/1487) [#1495](https://github.com/italia/bootstrap-italia/issues/1495) [#1476](https://github.com/italia/bootstrap-italia/issues/1476) [#1492](https://github.com/italia/bootstrap-italia/issues/1492) [#1507](https://github.com/italia/bootstrap-italia/issues/1507)
+* extract variables for api and add Properties table to documentation ([c421a01](https://github.com/italia/bootstrap-italia/commit/c421a01262e9955cdbb361c16cdeb4d993bbba5b))
+
+
+
 ## [2.17.3](https://github.com/italia/bootstrap-italia/compare/v2.17.2...v2.17.3) (2026-02-04)
 
 * security update

_config.yml

@@ -58,7 +58,7 @@ twitter: 'https://twitter.com/designersITA'
 twitter_handle: '@designersITA'
 
 # Versions
-current_version:		2.17.3
+current_version:		3.0.0-alpha.0
 bootstrap_version: 5.2.3
 bootstrap_minor: 5.1
 

_includes/breaking-features-list.md

@@ -69,6 +69,7 @@ Implementato nell'esempio il nuovo componente card definito dalle classi `.it-ca
 
 Le classi legacy di Bootstrap `.card` sono ora deprecate ma **saranno mantenute nei fogli di stile fino al prossimo rilascio maggiore, per permettere una migrazione graduale**. 
 
+
 ## 2.15.0
 
 [Changelog completo](https://github.com/italia/bootstrap-italia/releases/tag/v2.15.0) <svg class="icon steppers-success" aria-hidden="true"><use href="{{ site.baseurl }}/dist/svg/sprites.svg#it-file"></use></svg>
@@ -247,6 +248,165 @@ Il codice markup è stato rivisto in chiave accessibilità e robustezza. In part
 - Sostituire `aria-labelledby` con `aria-describedby`.
 
 
+## 3.0.0
+
+[Changelog completo](https://github.com/italia/bootstrap-italia/releases/tag/v3.0.0) <svg class="icon steppers-success" aria-hidden="true"><use href="{{ site.baseurl }}/dist/svg/sprites.svg#it-file"></use></svg>
+
+### Alert
+
+- Nel markup del componente il contenuto va incluso in un tag `<p>`. 
+- L'icona d'ora in poi va definita esplicitamente con il tag `<svg>` e la corretta semantica per l'accessibilità. 
+
+
+### Avatar
+
+- Nelle varianti avatar con testo i colori di fondo possono essere solo `.avatar-primary` e `.avatar-secondary`. Sono state rimosse le classi `.avatar-green`, `.avatar-orange` e `.avatar-red`.
+- Corretta l'icona nella variante Avatar con icona (`sprites.svg#it-user`).
+- Rimossi dagli esempi liste i colori di sfondo custom, ad esempio `.complementary-3-bg`.
+
+
+### Badge
+
+- Le classi che controllano il colore diventano specifiche per il componente e hanno cambiato nome, ad esempio le classi `.bg-secondary` e `.bg-white` diventano `.badge-secondary` e `.badge-inverse`.
+- Viene definita la classe `.badge-sm` per l'uso mirato all'intero di pulsanti.  
+
+
+### Breadcrumbs
+
+- Per la versione su sfondo scuro il colore delle icone dovrà essere impostato manualmente con la classe `.icon-inverse` per renderle visibili su sfondo scuro.
+
+
+### Buttons
+
+- Il nome delle varianti di dimensione ora coincide con UI Kit Italia: 
+  - Large (`.btn-lg`) diventa Grande (stessa classe `.btn-lg`).
+  - Small (`.btn-sm`) diventa Base (senza classe di dimensione specifica).
+  - Mini (`.btn-xs`) diventa Piccolo (stessa classe `.btn-xs`).
+- La classe `.btn-me` è stata sostituita a favore delle classi di spacing generico usando `.me-2`.
+- Nelle varianti con icona le classi che ne controllano il colore potrebbero aver cambiato nome, ad esempio `.icon-white` diventa `.icon-inverse`.
+
+
+### Callout
+
+- Il carattere di default del contenuto diventa senza grazie e con dimensione `16px`. 
+- È disponibile la nuova classe `.callout-big-text` per aumentare la dimensione del carattere del contenuto. 
+- È disponibile la nuova classe `.callout-primary`.
+- Le classi che controllano il colore diventano specifiche per il componente, ad esempio le classi `.success` e `.danger` diventano `.callout-success` e `.callout-danger`.
+- Sono state rimosse la classi `.important` e `.note` a favore delle varianti standard. 
+
+
+### Card
+
+- Per i metadati è stata rimossa la classe `.it-card-related` a favore del solo uso dell'elemento `<footer>` con classe `.it-card-footer` a seguire il corpo della card.
+- Usa un `<div>` con la sola classe `.it-card-actions` a seguire il corpo della card per ospitare link correlati e/o secondari.
+- È stata rimossa la classe `.chips-list` dall'elemento `<ul>` con classe `.it-card-chips` che ospita una lista di più argomenti.
+
+
+### Chips
+
+- È stata rimossa la classe `.chip-simple`.
+- Nelle chip con pulsante di chiusura il tag `<label>` diventa `<span>`.
+- Alle icone del pulsante di chiusura per le chip con classe `.chip-lg` viene aggiunta la classe `.icon-md`. 
+
+
+### Dropdown
+
+- Per quanto riguarda le icone le classi che ne controllano il colore potrebbero aver cambiato nome, ad esempio `.icon-white` diventa `.icon-inverse`.
+- Aggiunta classe `.dropdown-item` alla voce attiva nell'esempio di menu voci attive ed a tutti agli elementi dei menu dropdown laddove mancava.
+- Corretto markup dell'intestazione nel Menu con intestazioni e separatori, `<div>` diventa `<h4>`. Sarà da far attenzione alla corretta gerarchia in pagina di questa intestazione scegliendone il livello a seconda del contesto. 
+
+
+### Footer
+
+- Per la `<section>` di branding dell'ente: aggiunta classe `.pb-4`.
+- Per la `<section>` che ospita sitemap o link: aggiunta classe `.pt-2`. 
+  - Per i `<div>` interni di questa seconda sezione è stato corretto il responsive: rimossa classe `.col-md-3` e aggiunta la classe `.pb-3`.
+- Per la `<section>` che presenta dati dell'ente e contatti: cambiato da `.py-4` a `.pt-4`.
+  - Per i `<div>` interni di questa terza sezione sono state corrette le spaziature verticali: cambiato da `.pb-2` a `.mt-2` 
+- La classe che controlla il colore delle icone social ha cambiato nome: `.icon-white` diventa `.icon-inverse`.
+- Aggiunto il markup per mostrare il campo input per l'iscrizione alla newsletter.
+
+
+### Header
+
+- Cambiata la dimensione del pulsante Accedi: cambiato classe da `.btn-sm` a `.btn-sx`.
+- Rimossa la classe `.ms-1` dall'icona `<svg>` che segue la voce Megamenu negli esempi.
+
+
+### Icone
+
+- Per le icone bianche da usare su sfondi scuri sono state rimosse le classi `.icon-light` e `.icon-white` a favore di `.icon-inverse`.
+
+
+### Input
+
+- Nel caso di input con icona o pulsanti, l'elemento `label` è stato spostato fuori dal contenitore `.input-group` per leggibilità del markup.
+- Nel paragrafo dimensioni sono stati integrati gli esempi con icone, pulsanti di invio e istruzioni specifiche.
+
+
+### Generale
+
+La versione 3.0.0 ha portato molte breaking changes sia a livello generale che a livello di singolo componente. Fai riferimento alla [guida alla migrazione dalla versione 2]({{ site.baseurl }}/docs/come-iniziare/migrazione-dalla-versione-2/).
+
+
+### Liste
+
+- Negli esempi di varianti lista con avatar è stata rimossa la classe `.size-lg` dai `<div>` con classe `.avatar`. 
+- Nelle liste con immagini sono state aggiunge le classi per controllare la dimensione dell'immagine sui `<div>` con classe `.it-thumb`: `.ratio` e `.ratio-16x9` con istruzioni su come cambiare quest'ultima con le classi specifiche per cambiare le proporzioni.
+- Nelle liste con azioni e freccia è definita esplicitamente la dimensione e il colore delle icone freccia aggiungendo le classi `.icon-primary` e `.icon-sm` rispettivamente dove necessario.
+
+
+### Megamenu
+
+- Rimosse varianti scure definite dalla presenza delle classi sul `<nav>` contenitore `.theme-light-desk` e `.theme-dark-mobile`.
+- Corrette spaziature sul `<div>` contenitore con classe `.megamenu`: rimosse classi `.pb-5 .pt-3 .py-lg-0`. 
+- Nella variante con Call to action in basso: rimossa la classe `.justify-content-around` sul contenitore e aggiunta la classe `.flex-grow-1` agli elementi `<a>` con classe `.it-footer-link`. 
+
+
+### Modale
+
+- È stata rimossa la classe `.h5` dal titolo della modale `<h2>`.
+- È stata aggiunga la classe `.icon-lg` all'icona `<svg>` del pulsante di chiusura `.btn-close`.
+
+
+### Navscroll
+
+- La classe che controlla il colore dell'icona chevron per le varianti scure ha cambiato nome: `.icon-white` diventa `.icon-inverse`.
+
+
+### Paginazione
+
+- È stato corretto il colore delle icone chevron per gli elementi disabilitati sostituendo la classe `.icon-primary` con `.icon-disabled`.
+- È stato corretto l'esempio "Changer" aggiungendo la classe `.dropdown-item` che mancava sul primo elemento `.list-item`. 
+
+
+### Progress indicators
+
+- Nella variante "Pulsante con Progress Bar" la classe che controlla il colore dell'icona ha cambiato nome: `.icon-white` diventa `.icon-inverse`.
+
+
+### Sections
+
+- Negli esempi sono stati rimossi dai contenitori delle colonne tutte le classi custom per padding, margin e font a favore dello standard. 
+
+
+### Sidebar
+
+- Rimossi elementi `<span>` con classe `list-item-title-icon-wrapper`.
+- Nella variante con una lista di link primaria annidata è stata rimossa la classe `.large` dagli elementi `<a>` con classi `.list-item .medium`. 
+- Nelle varianti scure la classe che controlla il colore delle icone bianche ha cambiato nome: `.icon-white` diventa `.icon-inverse`.
+
+
+### Torna indietro
+
+- La classe che controlla il colore delle icone bianche ha cambiato nome: `.icon-white` diventa `.icon-inverse`.
+
+
+### Torna su
+
+- La classe che controlla il colore delle icone bianche ha cambiato nome: `.icon-white` diventa `.icon-inverse`.
+
+
 ## 2.8.0
 
 [Changelog completo](https://github.com/italia/bootstrap-italia/releases/tag/v2.8.0) <svg class="icon steppers-success" aria-hidden="true"><use href="{{ site.baseurl }}/dist/svg/sprites.svg#it-file"></use></svg>

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-italia",
-  "version": "2.17.3",
+  "version": "3.0.0-alpha.0",
   "keywords": [
     "css",
     "sass",

package.json

@@ -8,5 +8,5 @@
 
 // NOTE:bootstrap italia version variable, useful to check for the current version
 
-const BOOTSTRAP_ITALIA_VERSION = '2.17.3'
+const BOOTSTRAP_ITALIA_VERSION = '3.0.0-alpha.0'
 export default BOOTSTRAP_ITALIA_VERSION

src/js/version.js

@@ -1,3 +1,3 @@
 :root {
-  --bootstrap-italia-version: '2.17.3';
+  --bootstrap-italia-version: '3.0.0-alpha.0';
 }