feat: new codebase with bootstrap

.github/workflows/build.yml

@@ -8,7 +8,7 @@ jobs:
     name: HtmlProofer tests
     runs-on: ubuntu-latest
     container:
-      image: timbru31/ruby-node:3.0-20
+      image: timbru31/ruby-node:3.1-20
     steps:
       - uses: actions/checkout@v3
       - name: Fixup git permissions

.github/workflows/ci.yml

@@ -35,7 +35,7 @@ jobs:
     name: HtmlProofer tests
     runs-on: ubuntu-latest
     container:
-      image: timbru31/ruby-node:3.0-20
+      image: timbru31/ruby-node:3.1-20
     steps:
       - uses: actions/checkout@v3
       - name: Fixup git permissions

.github/workflows/lint.yml

@@ -10,7 +10,7 @@ jobs:
   lint-code:
     runs-on: ubuntu-latest
     container:
-      image: timbru31/ruby-node:3.0-20
+      image: timbru31/ruby-node:3.1-20
     steps:
       - uses: actions/checkout@v3
       - run: chmod -R 777 .

.github/workflows/publish-release.yml

@@ -7,7 +7,7 @@ jobs:
   build:
     runs-on: ubuntu-latest
     container:
-      image: timbru31/ruby-node:3.0-20
+      image: timbru31/ruby-node:3.1-20
     permissions:
       contents: write
     steps:

.github/workflows/update_docs.yml

@@ -5,7 +5,7 @@ jobs:
   build:
     runs-on: ubuntu-latest
     container:
-      image: timbru31/ruby-node:3.0-20
+      image: timbru31/ruby-node:3.1-20
     permissions:
       contents: write
     steps:

.stylelintrc.json

@@ -5,6 +5,9 @@
     "prettier/prettier": true,
     "no-descending-specificity": null,
     "scss/no-global-function-names": null,
-    "scss/comment-no-empty": null
+    "scss/comment-no-empty": null,
+    "scss/at-if-no-null": null,
+    "scss/at-extend-no-missing-placeholder": null,
+    "no-invalid-position-at-import-rule": null
   }
 }

Dockerfile

@@ -1,4 +1,4 @@
-FROM timbru31/ruby-node:3.1-18
+FROM timbru31/ruby-node:3.1-20
 
 WORKDIR /app
 

README.EN.md

@@ -60,7 +60,7 @@ Software components distributed with Bootstrap Italia that have their own differ
 - [Accessible Autocomplete](https://alphagov.github.io/accessible-autocomplete) © Crown Copyright (Government Digital Service), MIT license
 - [AnimeJS](https://animejs.com) © Julian Garnier, MIT license
 - [Just Validate](https://just-validate.dev) © Horprogs, MIT license
-- [Masonry Layout](https://masonry.desandro.com) © David DeSandro, MIT license
+- [Mini Masonry](https://github.com/Spope/MiniMasonry.js) © Spope, licenza MIT
 - [Progressbar.js](https://kimmobrunfeldt.github.io/progressbar.js) © Kimmo Brunfeldt, MIT license
 
 ### Main dependencies for the compilation and development phase

README.md

@@ -64,7 +64,7 @@ Vengono di seguito elencati i componenti distribuiti con Bootstrap Italia che ha
 - [Accessible Autocomplete](https://alphagov.github.io/accessible-autocomplete) © Crown Copyright (Government Digital Service), licenza MIT
 - [AnimeJS](https://animejs.com) © Julian Garnier, licenza MIT
 - [Just Validate](https://just-validate.dev) © Horprogs, licenza MIT
-- [Masonry Layout](https://masonry.desandro.com) © David DeSandro, licenza MIT
+- [Mini Masonry](https://github.com/Spope/MiniMasonry.js) © Spope, licenza MIT
 - [Progressbar.js](https://kimmobrunfeldt.github.io/progressbar.js) © Kimmo Brunfeldt, licenza MIT
 
 ### Principali dipendenze per la fase di compilazione e sviluppo

docs/assets/src/scss/docs.scss

@@ -22,18 +22,14 @@
 //
 // Happy Bootstrapping!
 // Load Bootstrap variables and mixins
-@import '../../../../src/scss/functions';
+@import '../../../../src/scss/base/functions';
 // here to be available to "variables"
-@import '../../../../src/scss/utilities/colors_vars';
-@import '../../../../src/scss/variables';
-@import '../../../../node_modules/bootstrap/scss/functions';
-@import '../../../../src/scss/custom/mixins/buttons';
-// here to override any conflicting "node_modules/bootstrap/scss/functions" definitions
-@import '../../../../node_modules/bootstrap/scss/variables';
-@import '../../../../node_modules/bootstrap/scss/mixins';
-// focus
-@import '../../../../src/scss/utilities/focus';
+@import '../../../../src/scss/base/variables';
+@import '../../../../src/scss/base/mixins/buttons';
+// here to override any conflicting "bootstrap/scss/functions" definitions
+@import '../../../../src/scss/base/mixins';
 // Load docs components
+@import '../../../../src/scss/utilities/focus';
 @import 'colors';
 @import 'nav';
 @import 'masthead';

docs/organizzare-i-contenuti/liste-di-immagini.md

@@ -334,7 +334,7 @@ Per utilizzare l'immagine orizzontale, occorre aggiungere la classe `.it-grid-it
 
 Masonry è incluso in Bootstrap Italia.
 
-Per un elenco di tutti i possibili parametri di configurazione consultare la [documentazione completa](https://masonry.desandro.com/).
+Per un elenco di tutti i possibili parametri di configurazione consultare la [documentazione completa](https://github.com/Spope/MiniMasonry.js).
 
 Aggiungendo `data-bs-toggle="masonry"` al contenitore `row`, verrà attivato l'effetto Masonry sulla griglia responsiva.
 

package.json

@@ -37,7 +37,7 @@
     "fix-scss": "stylelint ./src/scss/ ./docs/assets/src/scss/ --fix",
     "format-code": "npx prettier --write . && eslint ./src/js ./docs/assets/src/js/ --fix --cache && stylelint ./src/scss/ ./docs/assets/src/scss/ --fix --cache",
     "release": "node scripts/release",
-    "version": "node scripts/config-sync && git add _config.yml && git add src/js/version.js && git add src/scss/custom/_version.scss && conventional-changelog -p angular -i CHANGELOG.md -s && node scripts/wait-confirm && git add CHANGELOG.md",
+    "version": "node scripts/config-sync && git add _config.yml && git add src/js/version.js && git add src/scss/base/_version.scss && conventional-changelog -p angular -i CHANGELOG.md -s && node scripts/wait-confirm && git add CHANGELOG.md",
     "postversion": "echo \"You can now publish your tag with 'git push --follow-tags'\"",
     "test-htmlproofer": "JEKYLL_ENV=development bundle exec jekyll build --config _config.yml && bundle exec htmlproofer ./_site --assume-extension --check-html --allow-hash-href --disable-external --url-ignore /1.x/",
     "test-a11y": "npx pa11y-ci --sitemap http://localhost:4000/sitemap.xml --sitemap-find ^/ --sitemap-replace 'http://localhost:4000/'",
@@ -94,15 +94,14 @@
     "stylelint-scss": "^6.10.0"
   },
   "dependencies": {
-    "@popperjs/core": "^2.11.2",
+    "@popperjs/core": "^2.11.6",
     "@splidejs/splide": "^3.6.12",
     "@types/bootstrap": "^5.2.6",
-    "accessible-autocomplete": "^2.0.4",
+    "accessible-autocomplete": "^3.0.1",
     "animejs": "^3.2.1",
-    "bootstrap": "5.2.3",
     "design-tokens-italia": "^1.1.1",
     "just-validate": "^3.10.0",
-    "masonry-layout": "^4.2.2",
+    "minimasonry": "^1.3.2",
     "progressbar.js": "^1.1.0",
     "uuid": "^8.3.2",
     "video.js": "^8.0.4"

rollup.config.mjs

@@ -57,7 +57,6 @@ export default [
       globals: {
         '@popperjs/core' : 'Popper', 
         '@splidejs/splide' : 'Splide', 
-        'masonry-layout' : 'MasonryPlugin', 
         'accessible-autocomplete' : 'accessibleAutocomplete',
         'animejs/lib/anime.es.js' : 'anime',
         'video.js' : 'videojs'
@@ -66,7 +65,6 @@ export default [
     external: [
       '@popperjs/core', 
       '@splidejs/splide', 
-      'masonry-layout', 
       'accessible-autocomplete',
       'animejs/lib/anime.es.js',
       'video.js'

scripts/config-sync.js

@@ -2,7 +2,7 @@ const replace = require('replace-in-file')
 
 const configYmlPath = '_config.yml'
 const jsPath = 'src/js/version.js'
-const scssPath = 'src/scss/custom/_version.scss'
+const scssPath = 'src/scss/base/_version.scss'
 // package.json is updated by `npm version major/minor/patch` or similar
 const version = require('../package.json').version
 

src/js/bootstrap-italia.entry.js

@@ -1,3 +1,11 @@
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap Italia (https://italia.github.io/bootstrap-italia/)
+ * Authors: https://github.com/italia/bootstrap-italia/blob/main/AUTHORS
+ * Licensed under BSD-3-Clause license (https://github.com/italia/bootstrap-italia/blob/main/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
 import '../scss/bootstrap-italia.scss'
 
 import { loadPlugin } from './load-plugin'

src/js/bootstrap-italia.esm.js

@@ -1,3 +1,11 @@
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap Italia (https://italia.github.io/bootstrap-italia/)
+ * Authors: https://github.com/italia/bootstrap-italia/blob/main/AUTHORS
+ * Licensed under BSD-3-Clause license (https://github.com/italia/bootstrap-italia/blob/main/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
 export { default as CarouselBI } from './plugins/carousel-bi'
 export { default as InputNumber } from './plugins/input-number'
 export { default as Dimmer } from './plugins/dimmer'

src/js/icons.js

@@ -1,3 +1,11 @@
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap Italia (https://italia.github.io/bootstrap-italia/)
+ * Authors: https://github.com/italia/bootstrap-italia/blob/main/AUTHORS
+ * Licensed under BSD-3-Clause license (https://github.com/italia/bootstrap-italia/blob/main/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
 import '../svg/it-android.svg'
 import '../svg/it-android-square.svg'
 import '../svg/it-apple.svg'