Merge branch 'main' into feat/new-cards

Author: astagi

.github/workflows/publiccode-yml-validation.yml

@@ -0,0 +1,12 @@
+name: publiccode.yml validation
+
+on: [pull_request, push]
+
+jobs:
+  publiccode_yml_validation:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: italia/publiccode-parser-action@v1
+        with:
+          publiccode: 'publiccode.yml'

README.EN.md

@@ -82,6 +82,26 @@ The `design-react-kit` module does not include the CSS and font files in the bun
 yarn add bootstrap-italia typeface-lora typeface-roboto-mono typeface-titillium-web --save
 ```
 
+#### Note for `vite` users
+
+If you are using `vite` as a bundler and want to customize the standard appearance of Bootstrap Italia, you need to
+add an alias in the `vite.config.js` file:
+
+```js
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      "@splidejs/splide/src/css/core/index":
+        "node_modules/@splidejs/splide/src/css/core/index.scss",
+    }
+  }
+});
+```
+
 ### Example
 
 Then, you just need to import CSS e font editing `./src/App.js` as shown:

README.md

@@ -106,6 +106,26 @@ export default App;
 Puoi consultare questo template web con StackBlitz:
 [Template web](https://stackblitz.com/edit/vitejs-vite-yy8bnk?file=src%2FApp.tsx)
 
+#### Nota per chi utilizza `vite`
+
+Se si utilizza `vite` come bundler e si vuole personalizzare l'aspetto standard di Bootstrap Italia, è necessario
+aggiungere un alias nel file `vite.config.js`:
+
+```js
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      "@splidejs/splide/src/css/core/index":
+        "node_modules/@splidejs/splide/src/css/core/index.scss",
+    }
+  }
+});
+```
+
 ### Caricamento Font
 
 Il tema Bootstrap Italia utilizza un set specifico di font typeface: `titillium-web`, `roboto-mono` e `lora`. Il caricamento di questi font è lasciato al browser ma, volendo può essere controllato tramite l'apposito componente `FontLoader`.

stories/faq.mdx

@@ -25,6 +25,26 @@ Si. Ti invitiamo ad aprire un ticket [sul repository Github](https://github.com/
 
 Una guida completa su come personalizzare lo stile è possibile reperirla sul sito Bootstrap Italia nell'apposita pagina: [Personalizzazione della libreria](https://italia.github.io/bootstrap-italia/docs/come-iniziare/personalizzazione-della-libreria/). Poichè il kit ha una dipendenza unicamente sul css di Bootstrap Italia, è possibile importare il nuovo stile personalizzato come mostrato nell'esempio finale nella pagina.
 
+#### Nota per chi utilizza `vite`
+
+Se si utilizza `vite` come bundler e si vuole personalizzare l'aspetto standard di Bootstrap Italia, è necessario
+aggiungere un alias nel file `vite.config.js`:
+
+```js
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      "@splidejs/splide/src/css/core/index":
+        "node_modules/@splidejs/splide/src/css/core/index.scss",
+    }
+  }
+});
+```
+
 ### I tipi Typescript del componente X non sono corretti. È un bug?
 
 Si. Ti invitiamo ad aprire un ticket [sul repository Github](https://github.com/italia/design-react-kit/issues).

yarn.lock

@@ -8545,9 +8545,9 @@ [email protected]:
     global "^4.3.1"
 
 vite@^5.2.7:
-  version "5.4.19"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-5.4.19.tgz#20efd060410044b3ed555049418a5e7d1998f959"
-  integrity sha512-qO3aKv3HoQC8QKiNSTuUM1l9o/XX3+c+VTgLHbJWHZGeTPVAg2XwazI9UWzoxjIJCGCV2zU60uqMzjeLZuULqA==
+  version "5.4.20"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-5.4.20.tgz#3267a5e03f21212f44edfd72758138e8fcecd76a"
+  integrity sha512-j3lYzGC3P+B5Yfy/pfKNgVEg4+UtcIJcVRt2cDjIOmhLourAqPqf8P7acgxeiSgUB7E3p2P8/3gNIgDLpwzs4g==
   dependencies:
     esbuild "^0.21.3"
     postcss "^8.4.43"