diff --git a/CHANGELOG.md b/CHANGELOG.md index debab3f014..1ce7ab5b70 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,39 @@ +# [2.13.0](https://github.com/italia/bootstrap-italia/compare/v2.12.1...v2.13.0) (2025-01-23) + + +### Bug Fixes + +* **a11y:** add aria hidden to icons and warnings ([63e775f](https://github.com/italia/bootstrap-italia/commit/63e775f47fc439bc507a9fe46dd23f19bd1747ba)) +* **a11y:** change steppers icons attributes ([2f78c2b](https://github.com/italia/bootstrap-italia/commit/2f78c2bd53d0e3ba0b68c252709a0b424088539a)) +* add input-symbol-label class ([ae84917](https://github.com/italia/bootstrap-italia/commit/ae84917d2d8d8da7aebdd1ab49766be0c318ce31)) +* badge position in toolbar ([d4593e5](https://github.com/italia/bootstrap-italia/commit/d4593e556fb0c448347a4c891a3a3221ace68c32)) +* dropdown hover and active background ([7a042ff](https://github.com/italia/bootstrap-italia/commit/7a042ffd42454d5b1cf21f94f6c86b934a225965)) +* hero updates for typography, spacing and content ([b1850b8](https://github.com/italia/bootstrap-italia/commit/b1850b832c1f985ca0d6902d02f03f5ae699fcbc)) +* **icon:** replace padding with margin ([2090397](https://github.com/italia/bootstrap-italia/commit/20903979025a03206b378a129ce798d0f19b23a4)) +* just validate style ([ba0c273](https://github.com/italia/bootstrap-italia/commit/ba0c273ea123584715472beb03420252d042d131)) +* link list active state ([01f0f4e](https://github.com/italia/bootstrap-italia/commit/01f0f4e0474ee550f47f93194b4c40542b6d7674)) +* modal position ([39e4edd](https://github.com/italia/bootstrap-italia/commit/39e4eddcc13509758bee82c7dbfa365785f122bc)) +* remove filler from card tabs ([89537f0](https://github.com/italia/bootstrap-italia/commit/89537f0b0db1e07c547281a84de5f7381800381c)) +* show label on invalid empty input ([f352b18](https://github.com/italia/bootstrap-italia/commit/f352b186dcc9a09af8c90b71ebe003bd0f6172dc)) +* tab selection and styles ([f7af494](https://github.com/italia/bootstrap-italia/commit/f7af49440bb00ec4ce96b8caa799a95e0540db8f)) +* text area border ([da0ef0b](https://github.com/italia/bootstrap-italia/commit/da0ef0bbc85999151189b9464c109ca09b689043)) +* toggle appearance in forms ([f989f8d](https://github.com/italia/bootstrap-italia/commit/f989f8db6a2d093adccf83a26f37581d4a689ec2)) + + +### Features + +* new codebase with bootstrap ([6856ac5](https://github.com/italia/bootstrap-italia/commit/6856ac5df43186575decd3a42f3286c394f8f0c3)) +* **types:** add video type ([4a5c555](https://github.com/italia/bootstrap-italia/commit/4a5c5556f2bba2f6b1f2977d1601ffaf967117c9)) + + +### BREAKING CHANGES + +* div filler has been removed in card tabs +* use class input-symbol-label for percentage and currency +* **a11y:** hide non-interactive Steppers icons from the accessibility API + + + ## [2.12.1](https://github.com/italia/bootstrap-italia/compare/v2.12.0...v2.12.1) (2024-11-27) diff --git a/_config.yml b/_config.yml index 8fd80dd5b9..4ffaecf23a 100644 --- a/_config.yml +++ b/_config.yml @@ -54,7 +54,7 @@ twitter: 'https://twitter.com/designersITA' twitter_handle: '@designersITA' # Versions -current_version: 2.12.1 +current_version: 2.13.0 bootstrap_version: 5.2.3 bootstrap_minor: 5.1 diff --git a/_includes/docs-navbar.html b/_includes/docs-navbar.html index 12fe2c92dd..1168b8d6c5 100755 --- a/_includes/docs-navbar.html +++ b/_includes/docs-navbar.html @@ -26,7 +26,7 @@

Il tema Bootstrap 5 per v{{ site.current_version }} - + @@ -36,7 +36,7 @@

Il tema Bootstrap 5 per - + diff --git a/_includes/esempi/comuni/footer.html b/_includes/esempi/comuni/footer.html index 39c22f6cd2..49e19eef49 100644 --- a/_includes/esempi/comuni/footer.html +++ b/_includes/esempi/comuni/footer.html @@ -238,7 +238,7 @@ diff --git a/_includes/footer.html b/_includes/footer.html index 3b81a0d019..94400bbda6 100755 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -19,7 +19,7 @@
Seguici su Designers Italia:
+ > + > + > diff --git a/api/componenti/dropdown.json b/api/componenti/dropdown.json index bddc0ca6a4..c22574695d 100644 --- a/api/componenti/dropdown.json +++ b/api/componenti/dropdown.json @@ -5,7 +5,7 @@ }, { "name": "Con varianti di pulsanti", - "content": "\n\n
\n \n
\n
\n \n
\n
\n
\n
\n \n
\n
\n \n
\n
\n
\n
\n \n
\n
\n \n
\n
\n
\n" + "content": "\n\n
\n \n
\n
\n \n
\n
\n
\n
\n \n
\n
\n \n
\n
\n
\n
\n \n
\n
\n \n
\n
\n
\n" }, { "name": "Link", @@ -53,6 +53,6 @@ }, { "name": "Menu dark", - "content": "\n\n
\n
\n
Intestazione
\n \n
\n
\n" + "content": "\n\n
\n
\n
Intestazione
\n \n
\n
\n" } ] \ No newline at end of file diff --git a/api/componenti/hero.json b/api/componenti/hero.json index b8930ab572..d69f289225 100644 --- a/api/componenti/hero.json +++ b/api/componenti/hero.json @@ -9,19 +9,19 @@ }, { "name": "Con testo", - "content": "\n
\n
\n
\n
\n
\n Categoria\n

Heading lorem ipsum dolor sit amet, consetetur sadipscing.

\n

Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.

\n
Label CTA
\n
\n
\n
\n
\n
\n" + "content": "\n
\n
\n
\n
\n
\n Titolo occhiello\n

Titolo della sezione

\n

Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.

\n
Azione primaria
\n
\n
\n
\n
\n
\n" }, { "name": "Con testo, centrato", - "content": "\n
\n
\n
\n
\n
\n Categoria\n

Heading lorem ipsum dolor sit amet, consetetur sadipscing.

\n

Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.

\n
Label CTA
\n
\n
\n
\n
\n
\n" + "content": "\n
\n
\n
\n
\n
\n Titolo occhiello\n

Titolo della sezione

\n

Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.

\n
Azione primaria
\n
\n
\n
\n
\n
\n" }, { "name": "Con testo e immagine di sfondo", - "content": "\n
\n \n
\n
\n
\"descrizione
\n
\n
\n \n
\n
\n
\n
\n Categoria\n

Heading lorem ipsum dolor sit amet, consetetur sadipscing.

\n

Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.

\n
Label CTA
\n
\n
\n
\n
\n
\n" + "content": "\n
\n \n
\n
\n
\"descrizione
\n
\n
\n \n
\n
\n
\n
\n Titolo occhiello\n

Titolo della sezione

\n

Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.

\n
Azione primaria
\n
\n
\n
\n
\n
\n" }, { "name": "Con overlay di colore primary", - "content": "\n
\n \n
\n
\n
\"descrizione
\n
\n
\n \n
\n
\n
\n
\n Categoria\n

Heading lorem ipsum dolor sit amet, consetetur sadipscing.

\n

Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.

\n
Label CTA
\n
\n
\n
\n
\n
\n" + "content": "\n
\n \n
\n
\n
\"descrizione
\n
\n
\n \n
\n
\n
\n
\n Titolo occhiello\n

Titolo della sezione

\n

Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.

\n
Azione primaria
\n
\n
\n
\n
\n
\n" }, { "name": "Con overlay e filtro di colore primary", @@ -29,6 +29,6 @@ }, { "name": "Con immagine e margine negativo", - "content": "\n
\n
\n
\n
\"descrizione
\n
\n
\n
\n
\n
\n
\n Categoria\n

Heading lorem ipsum dolor sit amet, consetetur sadipscing.

\n

Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.

\n
Label CTA
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n \n Leggi di pi\u00f9\n su Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026\n \n \n
\n
\n
\n
\n
\n
\n
\n
\n" + "content": "\n
\n
\n
\n
\"descrizione
\n
\n
\n
\n
\n
\n
\n Titolo occhiello\n

Titolo della sezione

\n

Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.

\n
Azione primaria
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n \n Leggi di pi\u00f9\n su Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\u2026\n \n \n
\n
\n
\n
\n
\n
\n
\n
\n" } ] \ No newline at end of file diff --git a/api/componenti/steppers.json b/api/componenti/steppers.json index 61d8f4fe11..8618dc024d 100644 --- a/api/componenti/steppers.json +++ b/api/componenti/steppers.json @@ -1,19 +1,19 @@ [ { "name": "Intestazione solo testo", - "content": "\n
\n
\n
    \n
  • Primo contenuto Confermato
    • \n
  • Secondo contenuto Attivo
    • \n
  • Terzo contenuto
    • \n
\n 2/6\n
\n
\n" + "content": "\n
\n
\n
    \n
  • Primo contenuto Confermato
    • \n
  • Secondo contenuto Attivo
    • \n
  • Terzo contenuto
    • \n
\n 2/6\n
\n
\n" }, { "name": "Intestazione testo e icone", - "content": "\n
\n
\n
    \n
  • Primo contenuto Confermato
    • \n
  • Secondo contenuto Attivo
    • \n
  • Terzo contenuto
    • \n
\n 2/6\n
\n
\n" + "content": "\n
\n
\n
    \n
  • Primo contenuto Confermato
    • \n
  • Secondo contenuto Attivo
    • \n
  • Terzo contenuto
    • \n
\n 2/6\n
\n
\n" }, { "name": "Intestazione ordinata", - "content": "\n
\n
\n
    \n
  • ConfermatoPrimo contenuto
    • \n
  • Step 2Secondo contenuto Attivo
    • \n
  • Step 3Terzo contenuto
    • \n
\n 1 2 3 4\n
\n
\n" + "content": "\n
\n
\n
    \n
  • ConfermatoPrimo contenuto
    • \n
  • Step 2Secondo contenuto Attivo
    • \n
  • Step 3Terzo contenuto
    • \n
\n 1 2 3 4\n
\n
\n" }, { "name": "Con navigazione degli step", - "content": "\n
\n
\n
    \n
  • Primo contenuto Confermato
    • \n
  • Secondo contenuto Attivo
    • \n
  • Terzo contenuto
    • \n
\n 2/6\n
\n
\n \n

Contenuto di esempio dello step corrente

\n \n
\n \n
\n" + "content": "\n
\n
\n
    \n
  • Primo contenuto Confermato
    • \n
  • Secondo contenuto Attivo
    • \n
  • Terzo contenuto
    • \n
\n 2/6\n
\n
\n \n

Contenuto di esempio dello step corrente

\n \n
\n \n
\n" }, { "name": "Con navigazione mobile barra di progresso", @@ -33,11 +33,11 @@ }, { "name": "Con sfondo scuro", - "content": "\n
\n
\n
    \n
  • Primo contenuto Confermato
    • \n
  • Secondo contenuto Attivo
    • \n
  • Terzo contenuto
    • \n
\n 2/6\n
\n
\n \n

Contenuto di esempio dello step corrente

\n \n
\n \n
\n" + "content": "\n
\n
\n
    \n
  • Primo contenuto Confermato
    • \n
  • Secondo contenuto Attivo
    • \n
  • Terzo contenuto
    • \n
\n 2/6\n
\n
\n \n

Contenuto di esempio dello step corrente

\n \n
\n \n
\n" }, { "name": "Con sfondo scuro, varianti intestazione", - "content": "\n\n
\n
\n
    \n
  • Primo contenuto Confermato
    • \n
  • Secondo contenuto Attivo
    • \n
  • Terzo contenuto
    • \n
\n 2/6\n
\n
\n\n\n
\n
\n
    \n
  • Primo contenuto Confermato
    • \n
  • Secondo contenuto Attivo
    • \n
  • Terzo contenuto
    • \n
\n 2/6\n
\n
\n\n\n
\n
\n
    \n
  • Confermato Step 1Primo contenuto
    • \n
  • Attivo Step 2Secondo contenuto
    • \n
  • Step 3Terzo contenuto
    • \n
\n 1 2 3 4\n
\n
\n" + "content": "\n\n
\n
\n
    \n
  • Primo contenuto Confermato
    • \n
  • Secondo contenuto Attivo
    • \n
  • Terzo contenuto
    • \n
\n 2/6\n
\n
\n\n\n
\n
\n
    \n
  • Primo contenuto Confermato
    • \n
  • Secondo contenuto Attivo
    • \n
  • Terzo contenuto
    • \n
\n 2/6\n
\n
\n\n\n
\n
\n
    \n
  • Confermato Step 1Primo contenuto
    • \n
  • Attivo Step 2Secondo contenuto
    • \n
  • Step 3Terzo contenuto
    • \n
\n 1 2 3 4\n
\n
\n" }, { "name": "Con sfondo scuro, navigazione mobile barra di progresso", diff --git a/api/componenti/tab.json b/api/componenti/tab.json index 5abbed4b30..71acd563a0 100644 --- a/api/componenti/tab.json +++ b/api/componenti/tab.json @@ -93,10 +93,10 @@ }, { "name": "Con controllo pannelli, tipo card", - "content": "\n\n
\n
Contenuto 1
\n
Contenuto 2
\n
Contenuto 3
\n
Contenuto 4 (non raggiungibile, il tab relativo \u00e8 disabilitato)
\n
\n" + "content": "\n\n
\n
Contenuto 1
\n
Contenuto 2
\n
Contenuto 3
\n
Contenuto 4 (non raggiungibile, il tab relativo \u00e8 disabilitato)
\n
\n" }, { "name": "Con controllo pannelli, tipo card con pulsanti aggiungi/elimina", - "content": "\n
\n \n
\n
\n
Contenuto 1
\n
Contenuto 2
\n
Contenuto 3
\n
Contenuto 4 (non raggiungibile, il tab relativo \u00e8 disabilitato)
\n
\n" + "content": "\n
\n \n
\n
\n
Contenuto 1
\n
Contenuto 2
\n
Contenuto 3
\n
Contenuto 4 (non raggiungibile, il tab relativo \u00e8 disabilitato)
\n
\n" } ] \ No newline at end of file diff --git a/api/components_status.json b/api/components_status.json index 53ac97ef84..9d859bc0f8 100644 --- a/api/components_status.json +++ b/api/components_status.json @@ -82,7 +82,7 @@ }, { "amichevole con lettori di schermo": "PRONTO", - "angular Kit": "DA COMPLETARE VARIANTI", + "angular Kit": "DA FARE", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/autocomplete", "assignees": [ "Fupete" @@ -98,9 +98,9 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjtb4", "navigabile": "PRONTO", - "notes / Issues": "In React ancora messaggi di stato in inglese e in Angular kit manca la variante Autocomplete da gov.uk, c'è \"solo\" lo styling dell'input ricerca con autocompletamento", + "notes / Issues": "https://github.com/italia/design-ui-kit/issues/114 — https://github.com/italia/design-angular-kit/issues/404", "notes / More": "In React kit è una variante dentro Input. Uniformare?", - "react Kit": "DA RIVEDERE A11Y", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/story/documentazione-form-input--input-autocomplete-con-dati-accessibile", "status": "Todo", "status a11y check": "Done", @@ -113,9 +113,9 @@ "angular Kit": "DA COMPLETARE VARIANTI", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/avatar", "assignees": [ - "frmascia11y" + "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/componenti/avatar/", "comprensibile": "PRONTO", "content": { @@ -126,25 +126,24 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwTI", "navigabile": "PRONTO", - "notes / Issues": "In Bootstrap Italia e React kit ancora non sottolineati i link... ", "notes / More": "In Angular kit manca la variante con testo.", - "react Kit": "DA RIVEDERE A11Y", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-avatar--documentazione", "status": "Todo", "status a11y check": "Done", "title": "`Avatar` - check a11y e status", "uI Kit Italia": "PRONTO", "uI Kit Italia - url": "https://www.figma.com/community/file/1105848677422572920", - "visivamente accessibile": "DA RIVEDERE" + "visivamente accessibile": "PRONTO" }, { "amichevole con lettori di schermo": "PRONTO", - "angular Kit": "DA RIVEDERE A11Y", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/back-button", "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/menu-di-navigazione/torna-indietro/", "comprensibile": "PRONTO", "content": { @@ -154,9 +153,8 @@ "type": "DraftIssue" }, "id": "PVTI_lADOAOqloM4AcXblzgMjwUQ", - "navigabile": "DA RIVEDERE", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1155", - "react Kit": "DA RIVEDERE A11Y", + "navigabile": "PRONTO", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-goback--documentazione", "status": "Todo", "status a11y check": "Done", @@ -166,13 +164,13 @@ "visivamente accessibile": "PRONTO" }, { - "amichevole con lettori di schermo": "IN REVIEW", - "angular Kit": "DA RIVEDERE A11Y", + "amichevole con lettori di schermo": "PRONTO", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/back-to-top", "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/menu-di-navigazione/torna-su/", "comprensibile": "PRONTO", "content": { @@ -182,9 +180,8 @@ "type": "DraftIssue" }, "id": "PVTI_lADOAOqloM4AcXblzgMjwUY", - "navigabile": "IN REVIEW", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1157", - "react Kit": "DA RIVEDERE A11Y", + "navigabile": "PRONTO", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-backtotop--documentazione", "status": "Todo", "status a11y check": "Done", @@ -249,7 +246,7 @@ }, { "amichevole con lettori di schermo": "PRONTO", - "angular Kit": "DA RIVEDERE A11Y", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/breadcrumb", "assignees": [ "Fupete" @@ -265,7 +262,6 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwVc", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/design-angular-kit/issues/373", "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-menu-di-navigazione-breadcrumbs--documentazione", "status": "Todo", @@ -277,10 +273,10 @@ }, { "amichevole con lettori di schermo": "PRONTO", - "angular Kit": "DA RIVEDERE A11Y", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/button", "assignees": [ - "frmascia11y" + "Fupete" ], "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/componenti/buttons/", @@ -293,7 +289,7 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwV0", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/design-angular-kit/issues/364", + "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1259", "notes / More": "Da verificare uso solo colore per veicolare semantica nei pulsanti nelle varianti colore ", "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-button--documentazione", @@ -561,7 +557,7 @@ "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/menu-di-navigazione/footer/", "comprensibile": "PRONTO", "content": { @@ -572,16 +568,15 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwZc", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1172", "notes / More": "Manca in Angular Kit — Alcune incongruenze di contenuti e spazi da verificare: in UI Kit Italia ci sono cose in più (es: newsletter, presente solo in React Kit ma non in BSI). — In UI Kit Italia c'è anche una variante \"Alternate\" non presente in sviluppo. ", - "react Kit": "DA RIVEDERE A11Y", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-menu-di-navigazione-footer--documentazione", "status": "Todo", "status a11y check": "Done", "title": "`Footer` - check a11y e status", "uI Kit Italia": "PRONTO", "uI Kit Italia - url": "https://www.figma.com/community/file/1105848677422572920", - "visivamente accessibile": "DA RIVEDERE" + "visivamente accessibile": "PRONTO" }, { "amichevole con lettori di schermo": "PRONTO", @@ -656,16 +651,15 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwaI", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/design-react-kit/issues/1099 — https://github.com/italia/bootstrap-italia/issues/978", - "notes / More": "In UI Kit Italia c'è anche la versione \"loggata\" dello slim header, non mi pare sia nei framework di sviluppo. ", - "react Kit": "DA RIVEDERE", + "notes / More": "https://github.com/italia/bootstrap-italia/issues/978 — In UI Kit Italia c'è anche la versione \"loggata\" dello slim header, non mi pare sia nei framework di sviluppo. ", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-menu-di-navigazione-header--documentazione", "status": "Todo", "status a11y check": "Done", "title": "`Header` - check a11y e status", "uI Kit Italia": "PRONTO", "uI Kit Italia - url": "https://www.figma.com/community/file/1105848677422572920", - "visivamente accessibile": "IN REVIEW" + "visivamente accessibile": "PRONTO" }, { "amichevole con lettori di schermo": "PRONTO", @@ -695,13 +689,13 @@ "visivamente accessibile": "PRONTO" }, { - "amichevole con lettori di schermo": "IN REVIEW", - "angular Kit": "DA RIVEDERE A11Y", + "amichevole con lettori di schermo": "PRONTO", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/form-input", "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/form/input/", "comprensibile": "PRONTO", "content": { @@ -712,20 +706,19 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwas", "navigabile": "PRONTO", - "notes / Issues": "g", "notes / More": "In UI Kit Italia è presente anche il componente \"To be\". Decidere roadmap. ", - "react Kit": "DA RIVEDERE A11Y", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-form-input--documentazione", "status": "Todo", "status a11y check": "Done", "title": "`Input` - check a11y e status", "uI Kit Italia": "PRONTO", "uI Kit Italia - url": "https://www.figma.com/community/file/1105848677422572920", - "visivamente accessibile": "IN REVIEW" + "visivamente accessibile": "PRONTO" }, { "amichevole con lettori di schermo": "PRONTO", - "angular Kit": "DA RIVEDERE A11Y", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/list", "assignees": [ "Fupete" @@ -768,24 +761,23 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwb8", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/design-ui-kit/issues/128", "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-menu-di-navigazione-megamenu--documentazione", "status": "Todo", "status a11y check": "Done", "title": "`Megamenu` - check a11y e status", - "uI Kit Italia": "DA RIVEDERE", + "uI Kit Italia": "PRONTO", "uI Kit Italia - url": "https://www.figma.com/community/file/1105848677422572920", "visivamente accessibile": "PRONTO" }, { - "amichevole con lettori di schermo": "PRONTO", + "amichevole con lettori di schermo": "IN REVIEW", "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/modal", "assignees": [ "Fupete" ], - "bootstrap Italia": "PRONTO", + "bootstrap Italia": "DA RIVEDERE A11Y", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/componenti/modale/", "comprensibile": "PRONTO", "content": { @@ -798,7 +790,7 @@ "navigabile": "PRONTO", "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1176", "notes / More": "In UI Kit Italia probabilmente mancano le varianti di dimensioni (larghezza). ", - "react Kit": "PRONTO", + "react Kit": "DA RIVEDERE A11Y", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-modale--documentazione", "status": "Todo", "status a11y check": "Done", @@ -809,7 +801,8 @@ }, { "amichevole con lettori di schermo": "IN REVIEW", - "angular Kit": "NON PRESENTE", + "angular Kit": "DA RIVEDERE A11Y", + "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/navscroll", "assignees": [ "Fupete" ], @@ -824,9 +817,9 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwcs", "navigabile": "IN REVIEW", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1179 — https://github.com/italia/design-react-kit/issues/1095", + "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1179", "notes / More": "Da verificare issue chiuse su BSI da stale: https://github.com/italia/bootstrap-italia/issues?q=is%3Aissue+navscroll+is%3Aclosed", - "react Kit": "DA RIVEDERE", + "react Kit": "DA RIVEDERE A11Y", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-menu-di-navigazione-navscroll--documentazione", "status": "Todo", "status a11y check": "Done", @@ -912,7 +905,6 @@ "notes / Issues": "https://github.com/italia/design-ui-kit/issues/123", "notes / More": "In React Kit c'è un \"overlay\" sotto Thumbnav, ma si intende altro. ", "react Kit": "NON PRESENTE", - "react Kit - url": "https://italia.github.io/design-react-kit/?path=/story/documentazione-componenti-thumbnav--overlay", "status": "Todo", "status a11y check": "Done", "title": "`Overlay` - check a11y e status", @@ -1035,13 +1027,13 @@ "visivamente accessibile": "PRONTO" }, { - "amichevole con lettori di schermo": "IN REVIEW", - "angular Kit": "DA RIVEDERE A11Y", + "amichevole con lettori di schermo": "PRONTO", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/rating", "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/componenti/rating/", "comprensibile": "PRONTO", "content": { @@ -1051,10 +1043,9 @@ "type": "DraftIssue" }, "id": "PVTI_lADOAOqloM4AcXblzgMjwg0", - "navigabile": "DA RIVEDERE", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1183", + "navigabile": "PRONTO", "notes / More": "C'è una discrepanza con UI Kit Italia, lì cè anche stellina outline per non ancora filled, nei framework di sviluppo no — Dovrebbe essere dentro la categoria Form nei framework di sviluppo BSI e React. Verificare.", - "react Kit": "DA RIVEDERE A11Y", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-rating--documentazione", "status": "Todo", "status a11y check": "Done", @@ -1147,7 +1138,8 @@ }, { "amichevole con lettori di schermo": "PRONTO", - "angular Kit": "DA FARE", + "angular Kit": "PRONTO", + "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/skiplink", "assignees": [ "Fupete" ], @@ -1162,7 +1154,6 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwiU", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/design-angular-kit/issues/376 ", "notes / More": "Idea interessante: https://github.com/italia/bootstrap-italia/issues/1217", "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-skiplinks--documentazione", @@ -1174,13 +1165,13 @@ "visivamente accessibile": "PRONTO" }, { - "amichevole con lettori di schermo": "IN REVIEW", - "angular Kit": "DA RIVEDERE A11Y", + "amichevole con lettori di schermo": "PRONTO", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/steppers", "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/componenti/steppers/", "comprensibile": "PRONTO", "content": { @@ -1191,9 +1182,8 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwi8", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1210", "notes / More": "Angular ha il tick confermato in posizione sbagliata — UI Kit Italia ha meno varianti, più deciso nell'uso dei pulsanti. Da valutare di aggiornare i framework dev, specie a valle di un lavoro per il design pattern form multi-step da fare. ", - "react Kit": "DA RIVEDERE A11Y", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-stepper--documentazione", "status": "Todo", "status a11y check": "Done", @@ -1263,7 +1253,7 @@ "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/componenti/tab/", "comprensibile": "PRONTO", "content": { @@ -1273,10 +1263,9 @@ "type": "DraftIssue" }, "id": "PVTI_lADOAOqloM4AcXblzgMjwjM", - "navigabile": "IN REVIEW", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1173 — https://github.com/italia/design-react-kit/issues/1090 ", + "navigabile": "PRONTO", "notes / More": "In Angular kit non ci sono tab verticali e variante card. In React kit non c'è variante card e c'è una variante in più Pulsanti. Ne in Angular ne in React kit ci sono varianti bottom o right.", - "react Kit": "DA RIVEDERE A11Y", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-tab--documentazione", "status": "Todo", "status a11y check": "Done", @@ -1312,8 +1301,9 @@ "visivamente accessibile": "PRONTO" }, { - "amichevole con lettori di schermo": "DA RIVEDERE", - "angular Kit": "NON PRESENTE", + "amichevole con lettori di schermo": "PRONTO", + "angular Kit": "PRONTO", + "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/timeline", "assignees": [ "Fupete" ], @@ -1327,7 +1317,7 @@ "type": "DraftIssue" }, "id": "PVTI_lADOAOqloM4AcXblzgMjwj8", - "navigabile": "DA RIVEDERE", + "navigabile": "PRONTO", "notes / More": "< ! Tracciate diverse cose nella stessa issue 1195, da capire se poi frammentarla. — Nel template su Designers Italia la classe h-100 applicata al body fa sì che si \"rompa\" la visualizzazione fullscreen di BSI — Sarebbe utile la versione orizzontale sviluppata per innovazione.gov.it", "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-timeline--documentazione", @@ -1395,12 +1385,12 @@ "visivamente accessibile": "PRONTO" }, { - "amichevole con lettori di schermo": "IN REVIEW", + "amichevole con lettori di schermo": "PRONTO", "angular Kit": "NON PRESENTE", "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/menu-di-navigazione/toolbar/", "comprensibile": "PRONTO", "content": { @@ -1411,8 +1401,8 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwlA", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/design-ui-kit/issues/135 — https://github.com/italia/bootstrap-italia/issues/1202 — https://github.com/italia/bootstrap-italia/issues/1192 ", - "react Kit": "DA RIVEDERE A11Y", + "notes / Issues": "https://github.com/italia/design-ui-kit/issues/135", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-toolbar--documentazione", "status": "Todo", "status a11y check": "Done", @@ -1480,7 +1470,7 @@ "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/form/upload/", "comprensibile": "PRONTO", "content": { @@ -1490,8 +1480,8 @@ "type": "DraftIssue" }, "id": "PVTI_lADOAOqloM4AcXblzgMjwnk", - "navigabile": "IN REVIEW", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1182 — https://github.com/italia/designers.italia.it/issues/1388", + "navigabile": "PRONTO", + "notes / Issues": "https://github.com/italia/designers.italia.it/issues/1388", "notes / More": "La versione con \"Animazione\" per simularne il funzionamento funziona solo al click del mouse, non via tastiera. — In Angular kit manca la versione Avatar", "react Kit": "NON PRESENTE", "status": "Todo", diff --git a/api/form/input-numerico.json b/api/form/input-numerico.json index 70897a6cc7..87b1fb8928 100644 --- a/api/form/input-numerico.json +++ b/api/form/input-numerico.json @@ -9,11 +9,11 @@ }, { "name": "Con valuta ", - "content": "\n\n
\n
\n \n
\n \u20ac\n \n \n \n \n \n
\n
\n
\n" + "content": "\n\n
\n
\n \n
\n \u20ac\n \n \n \n \n \n
\n
\n
\n" }, { "name": "Con percentuale ", - "content": "\n
\n
\n \n
\n %\n \n \n \n \n \n
\n
\n
\n" + "content": "\n
\n
\n \n
\n %\n \n \n \n \n \n
\n
\n
\n" }, { "name": "Disabilitato ", diff --git a/api/form/input.json b/api/form/input.json index 598480019c..4b5e6a84bf 100644 --- a/api/form/input.json +++ b/api/form/input.json @@ -17,7 +17,7 @@ }, { "name": "Varianti con icona o pulsanti ", - "content": "\n
\n
\n \n \n \n
\n
\n
\n
\n \n \n \n
\n
\n
\n
\n \n \n \n
\n \n
\n
\n
\n" + "content": "\n
\n
\n \n \n \n
\n
\n
\n
\n \n \n \n
\n
\n
\n
\n \n \n \n
\n \n
\n
\n
\n" }, { "name": "Disabilitato ", diff --git a/api/menu-di-navigazione/toolbar.json b/api/menu-di-navigazione/toolbar.json index b690f36243..dcd3ae7280 100644 --- a/api/menu-di-navigazione/toolbar.json +++ b/api/menu-di-navigazione/toolbar.json @@ -37,7 +37,7 @@ }, { "name": "Piccola con dropdown", - "content": "\n\n" + "content": "\n\n" }, { "name": "Grande verticale", diff --git a/api/menu-di-navigazione/torna-su.json b/api/menu-di-navigazione/torna-su.json index 1dc42a71f8..8978a8badf 100644 --- a/api/menu-di-navigazione/torna-su.json +++ b/api/menu-di-navigazione/torna-su.json @@ -1,19 +1,19 @@ [ { "name": "Base, funzionante", - "content": "\n\n\n\n" + "content": "\n\n\n\n" }, { "name": "Base, esempio", - "content": "\n\n\n\n" + "content": "\n\n\n\n" }, { "name": "Compatto, esempio", - "content": "\n\n\n\n\n" + "content": "\n\n\n\n\n" }, { "name": "Con ombra, esempio", - "content": "\n
\n \n \n \n \n \n \n
\n" + "content": "\n
\n \n \n \n \n \n \n
\n" }, { "name": "Per sfondo scuro, esempio", diff --git a/api/organizzare-i-contenuti/liste.json b/api/organizzare-i-contenuti/liste.json index 439105679d..eeb09b9dfa 100644 --- a/api/organizzare-i-contenuti/liste.json +++ b/api/organizzare-i-contenuti/liste.json @@ -5,19 +5,19 @@ }, { "name": "Base, con avatar", - "content": "\n
\n \n
\n" + "content": "\n
\n \n
\n" }, { "name": "Base, con icona", - "content": "\n
\n \n
\n" + "content": "\n
\n \n
\n" }, { "name": "Base, con immagine", - "content": "\n
\n \n
\n" + "content": "\n
\n \n
\n" }, { "name": "Azioni, con freccia", - "content": "\n
\n \n
\n" + "content": "\n
\n \n
\n" }, { "name": "Azioni, multiple", @@ -25,11 +25,11 @@ }, { "name": "Con metadata", - "content": "\n
\n \n
\n" + "content": "\n
\n \n
\n" }, { "name": "Con testo aggiuntivo, azioni multiple e metadata", - "content": "\n
\n \n
\n" + "content": "\n
\n \n
\n" }, { "name": "Per menu, base", @@ -57,15 +57,15 @@ }, { "name": "Per menu, multilinea con icona", - "content": "\n
\n \n
\n" + "content": "\n
\n \n
\n" }, { "name": "Per menu, con controlli e icona a sinistra", - "content": "\n
\n \n
\n" + "content": "\n
\n \n
\n" }, { "name": "Per menu, con controlli e icona a destra", - "content": "\n
\n \n
\n" + "content": "\n
\n \n
\n" }, { "name": "Per menu, con azioni primaria e secondaria, varianti posizione icona", diff --git a/api/statuses/autocomplete.json b/api/statuses/autocomplete.json index 1daa5d846c..6793aaed5f 100644 --- a/api/statuses/autocomplete.json +++ b/api/statuses/autocomplete.json @@ -1,6 +1,6 @@ { "amichevole con lettori di schermo": "PRONTO", - "angular Kit": "DA COMPLETARE VARIANTI", + "angular Kit": "DA FARE", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/autocomplete", "assignees": [ "Fupete" @@ -16,9 +16,9 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjtb4", "navigabile": "PRONTO", - "notes / Issues": "In React ancora messaggi di stato in inglese e in Angular kit manca la variante Autocomplete da gov.uk, c'\u00e8 \"solo\" lo styling dell'input ricerca con autocompletamento", + "notes / Issues": "https://github.com/italia/design-ui-kit/issues/114 \u2014 https://github.com/italia/design-angular-kit/issues/404", "notes / More": "In React kit \u00e8 una variante dentro Input. Uniformare?", - "react Kit": "DA RIVEDERE A11Y", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/story/documentazione-form-input--input-autocomplete-con-dati-accessibile", "status": "Todo", "status a11y check": "Done", diff --git a/api/statuses/avatar.json b/api/statuses/avatar.json index 54d7b764b6..b3a77daf16 100644 --- a/api/statuses/avatar.json +++ b/api/statuses/avatar.json @@ -3,9 +3,9 @@ "angular Kit": "DA COMPLETARE VARIANTI", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/avatar", "assignees": [ - "frmascia11y" + "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/componenti/avatar/", "comprensibile": "PRONTO", "content": { @@ -16,14 +16,13 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwTI", "navigabile": "PRONTO", - "notes / Issues": "In Bootstrap Italia e React kit ancora non sottolineati i link... ", "notes / More": "In Angular kit manca la variante con testo.", - "react Kit": "DA RIVEDERE A11Y", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-avatar--documentazione", "status": "Todo", "status a11y check": "Done", "title": "Avatar", "uI Kit Italia": "PRONTO", "uI Kit Italia - url": "https://www.figma.com/community/file/1105848677422572920", - "visivamente accessibile": "DA RIVEDERE" + "visivamente accessibile": "PRONTO" } \ No newline at end of file diff --git a/api/statuses/back.json b/api/statuses/back.json index e5c219573f..7267c386fa 100644 --- a/api/statuses/back.json +++ b/api/statuses/back.json @@ -1,11 +1,11 @@ { "amichevole con lettori di schermo": "PRONTO", - "angular Kit": "DA RIVEDERE A11Y", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/back-button", "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/menu-di-navigazione/torna-indietro/", "comprensibile": "PRONTO", "content": { @@ -15,9 +15,8 @@ "type": "DraftIssue" }, "id": "PVTI_lADOAOqloM4AcXblzgMjwUQ", - "navigabile": "DA RIVEDERE", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1155", - "react Kit": "DA RIVEDERE A11Y", + "navigabile": "PRONTO", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-goback--documentazione", "status": "Todo", "status a11y check": "Done", diff --git a/api/statuses/back_to_top.json b/api/statuses/back_to_top.json index d4efd03d73..8849d38183 100644 --- a/api/statuses/back_to_top.json +++ b/api/statuses/back_to_top.json @@ -1,11 +1,11 @@ { - "amichevole con lettori di schermo": "IN REVIEW", - "angular Kit": "DA RIVEDERE A11Y", + "amichevole con lettori di schermo": "PRONTO", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/back-to-top", "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/menu-di-navigazione/torna-su/", "comprensibile": "PRONTO", "content": { @@ -15,9 +15,8 @@ "type": "DraftIssue" }, "id": "PVTI_lADOAOqloM4AcXblzgMjwUY", - "navigabile": "IN REVIEW", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1157", - "react Kit": "DA RIVEDERE A11Y", + "navigabile": "PRONTO", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-backtotop--documentazione", "status": "Todo", "status a11y check": "Done", diff --git a/api/statuses/breadcrumbs.json b/api/statuses/breadcrumbs.json index c066442e2e..71bcb1d423 100644 --- a/api/statuses/breadcrumbs.json +++ b/api/statuses/breadcrumbs.json @@ -1,6 +1,6 @@ { "amichevole con lettori di schermo": "PRONTO", - "angular Kit": "DA RIVEDERE A11Y", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/breadcrumb", "assignees": [ "Fupete" @@ -16,7 +16,6 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwVc", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/design-angular-kit/issues/373", "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-menu-di-navigazione-breadcrumbs--documentazione", "status": "Todo", diff --git a/api/statuses/buttons.json b/api/statuses/buttons.json index 34db81af0b..4a677f1191 100644 --- a/api/statuses/buttons.json +++ b/api/statuses/buttons.json @@ -1,9 +1,9 @@ { "amichevole con lettori di schermo": "PRONTO", - "angular Kit": "DA RIVEDERE A11Y", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/button", "assignees": [ - "frmascia11y" + "Fupete" ], "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/componenti/buttons/", @@ -16,7 +16,7 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwV0", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/design-angular-kit/issues/364", + "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1259", "notes / More": "Da verificare uso solo colore per veicolare semantica nei pulsanti nelle varianti colore ", "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-button--documentazione", diff --git a/api/statuses/footer.json b/api/statuses/footer.json index ff6b194395..9e26a44476 100644 --- a/api/statuses/footer.json +++ b/api/statuses/footer.json @@ -4,7 +4,7 @@ "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/menu-di-navigazione/footer/", "comprensibile": "PRONTO", "content": { @@ -15,14 +15,13 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwZc", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1172", "notes / More": "Manca in Angular Kit \u2014 Alcune incongruenze di contenuti e spazi da verificare: in UI Kit Italia ci sono cose in pi\u00f9 (es: newsletter, presente solo in React Kit ma non in BSI). \u2014 In UI Kit Italia c'\u00e8 anche una variante \"Alternate\" non presente in sviluppo. ", - "react Kit": "DA RIVEDERE A11Y", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-menu-di-navigazione-footer--documentazione", "status": "Todo", "status a11y check": "Done", "title": "Footer", "uI Kit Italia": "PRONTO", "uI Kit Italia - url": "https://www.figma.com/community/file/1105848677422572920", - "visivamente accessibile": "DA RIVEDERE" + "visivamente accessibile": "PRONTO" } \ No newline at end of file diff --git a/api/statuses/header.json b/api/statuses/header.json index b84469dd2f..4cfbd827d9 100644 --- a/api/statuses/header.json +++ b/api/statuses/header.json @@ -16,14 +16,13 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwaI", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/design-react-kit/issues/1099 \u2014 https://github.com/italia/bootstrap-italia/issues/978", - "notes / More": "In UI Kit Italia c'\u00e8 anche la versione \"loggata\" dello slim header, non mi pare sia nei framework di sviluppo. ", - "react Kit": "DA RIVEDERE", + "notes / More": "https://github.com/italia/bootstrap-italia/issues/978 \u2014\u00a0In UI Kit Italia c'\u00e8 anche la versione \"loggata\" dello slim header, non mi pare sia nei framework di sviluppo. ", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-menu-di-navigazione-header--documentazione", "status": "Todo", "status a11y check": "Done", "title": "Header", "uI Kit Italia": "PRONTO", "uI Kit Italia - url": "https://www.figma.com/community/file/1105848677422572920", - "visivamente accessibile": "IN REVIEW" + "visivamente accessibile": "PRONTO" } \ No newline at end of file diff --git a/api/statuses/input.json b/api/statuses/input.json index b5faca6774..d99756c2c3 100644 --- a/api/statuses/input.json +++ b/api/statuses/input.json @@ -1,11 +1,11 @@ { - "amichevole con lettori di schermo": "IN REVIEW", - "angular Kit": "DA RIVEDERE A11Y", + "amichevole con lettori di schermo": "PRONTO", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/form-input", "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/form/input/", "comprensibile": "PRONTO", "content": { @@ -16,14 +16,13 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwas", "navigabile": "PRONTO", - "notes / Issues": "g", "notes / More": "In UI Kit Italia \u00e8 presente anche il componente \"To be\". Decidere roadmap. ", - "react Kit": "DA RIVEDERE A11Y", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-form-input--documentazione", "status": "Todo", "status a11y check": "Done", "title": "Input", "uI Kit Italia": "PRONTO", "uI Kit Italia - url": "https://www.figma.com/community/file/1105848677422572920", - "visivamente accessibile": "IN REVIEW" + "visivamente accessibile": "PRONTO" } \ No newline at end of file diff --git a/api/statuses/list.json b/api/statuses/list.json index c485840fad..fccfbb3cab 100644 --- a/api/statuses/list.json +++ b/api/statuses/list.json @@ -1,6 +1,6 @@ { "amichevole con lettori di schermo": "PRONTO", - "angular Kit": "DA RIVEDERE A11Y", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/list", "assignees": [ "Fupete" diff --git a/api/statuses/megamenu.json b/api/statuses/megamenu.json index c8904e8f25..d83e40e6eb 100644 --- a/api/statuses/megamenu.json +++ b/api/statuses/megamenu.json @@ -16,13 +16,12 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwb8", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/design-ui-kit/issues/128", "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-menu-di-navigazione-megamenu--documentazione", "status": "Todo", "status a11y check": "Done", "title": "Megamenu", - "uI Kit Italia": "DA RIVEDERE", + "uI Kit Italia": "PRONTO", "uI Kit Italia - url": "https://www.figma.com/community/file/1105848677422572920", "visivamente accessibile": "PRONTO" } \ No newline at end of file diff --git a/api/statuses/modal.json b/api/statuses/modal.json index 1707e09cac..0a7a341070 100644 --- a/api/statuses/modal.json +++ b/api/statuses/modal.json @@ -1,11 +1,11 @@ { - "amichevole con lettori di schermo": "PRONTO", + "amichevole con lettori di schermo": "IN REVIEW", "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/modal", "assignees": [ "Fupete" ], - "bootstrap Italia": "PRONTO", + "bootstrap Italia": "DA RIVEDERE A11Y", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/componenti/modale/", "comprensibile": "PRONTO", "content": { @@ -18,7 +18,7 @@ "navigabile": "PRONTO", "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1176", "notes / More": "In UI Kit Italia probabilmente mancano le varianti di dimensioni (larghezza). ", - "react Kit": "PRONTO", + "react Kit": "DA RIVEDERE A11Y", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-modale--documentazione", "status": "Todo", "status a11y check": "Done", diff --git a/api/statuses/navscroll.json b/api/statuses/navscroll.json index 11176a5ab3..c9e01d0eb8 100644 --- a/api/statuses/navscroll.json +++ b/api/statuses/navscroll.json @@ -1,6 +1,7 @@ { "amichevole con lettori di schermo": "IN REVIEW", - "angular Kit": "NON PRESENTE", + "angular Kit": "DA RIVEDERE A11Y", + "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/navscroll", "assignees": [ "Fupete" ], @@ -15,9 +16,9 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwcs", "navigabile": "IN REVIEW", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1179 \u2014 https://github.com/italia/design-react-kit/issues/1095", + "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1179", "notes / More": "Da verificare issue chiuse su BSI da stale: https://github.com/italia/bootstrap-italia/issues?q=is%3Aissue+navscroll+is%3Aclosed", - "react Kit": "DA RIVEDERE", + "react Kit": "DA RIVEDERE A11Y", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-menu-di-navigazione-navscroll--documentazione", "status": "Todo", "status a11y check": "Done", diff --git a/api/statuses/overlay.json b/api/statuses/overlay.json index 49e19849a7..37dbe15534 100644 --- a/api/statuses/overlay.json +++ b/api/statuses/overlay.json @@ -18,7 +18,6 @@ "notes / Issues": "https://github.com/italia/design-ui-kit/issues/123", "notes / More": "In React Kit c'\u00e8 un \"overlay\" sotto Thumbnav, ma si intende altro. ", "react Kit": "NON PRESENTE", - "react Kit - url": "https://italia.github.io/design-react-kit/?path=/story/documentazione-componenti-thumbnav--overlay", "status": "Todo", "status a11y check": "Done", "title": "Overlay", diff --git a/api/statuses/rating.json b/api/statuses/rating.json index 6df06740ec..98dec62689 100644 --- a/api/statuses/rating.json +++ b/api/statuses/rating.json @@ -1,11 +1,11 @@ { - "amichevole con lettori di schermo": "IN REVIEW", - "angular Kit": "DA RIVEDERE A11Y", + "amichevole con lettori di schermo": "PRONTO", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/rating", "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/componenti/rating/", "comprensibile": "PRONTO", "content": { @@ -15,10 +15,9 @@ "type": "DraftIssue" }, "id": "PVTI_lADOAOqloM4AcXblzgMjwg0", - "navigabile": "DA RIVEDERE", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1183", + "navigabile": "PRONTO", "notes / More": "C'\u00e8 una discrepanza con UI Kit Italia, l\u00ec c\u00e8 anche stellina outline per non ancora filled, nei framework di sviluppo no \u2014\u00a0Dovrebbe essere dentro la categoria Form nei framework di sviluppo BSI e React. Verificare.", - "react Kit": "DA RIVEDERE A11Y", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-rating--documentazione", "status": "Todo", "status a11y check": "Done", diff --git a/api/statuses/skiplinks.json b/api/statuses/skiplinks.json index 79ca9a6ea6..575719f531 100644 --- a/api/statuses/skiplinks.json +++ b/api/statuses/skiplinks.json @@ -1,6 +1,7 @@ { "amichevole con lettori di schermo": "PRONTO", - "angular Kit": "DA FARE", + "angular Kit": "PRONTO", + "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/skiplink", "assignees": [ "Fupete" ], @@ -15,7 +16,6 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwiU", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/design-angular-kit/issues/376 ", "notes / More": "Idea interessante: https://github.com/italia/bootstrap-italia/issues/1217", "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-skiplinks--documentazione", diff --git a/api/statuses/steppers.json b/api/statuses/steppers.json index 5422b3cdbd..663000a5fe 100644 --- a/api/statuses/steppers.json +++ b/api/statuses/steppers.json @@ -1,11 +1,11 @@ { - "amichevole con lettori di schermo": "IN REVIEW", - "angular Kit": "DA RIVEDERE A11Y", + "amichevole con lettori di schermo": "PRONTO", + "angular Kit": "PRONTO", "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/steppers", "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/componenti/steppers/", "comprensibile": "PRONTO", "content": { @@ -16,9 +16,8 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwi8", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1210", "notes / More": "Angular ha il tick confermato in posizione sbagliata \u2014 UI Kit Italia ha meno varianti, pi\u00f9 deciso nell'uso dei pulsanti. Da valutare di aggiornare i framework dev, specie a valle di un lavoro per il design pattern form multi-step da fare. ", - "react Kit": "DA RIVEDERE A11Y", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-stepper--documentazione", "status": "Todo", "status a11y check": "Done", diff --git a/api/statuses/tabs.json b/api/statuses/tabs.json index ef5489d3bf..255a65a6c9 100644 --- a/api/statuses/tabs.json +++ b/api/statuses/tabs.json @@ -5,7 +5,7 @@ "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/componenti/tab/", "comprensibile": "PRONTO", "content": { @@ -15,10 +15,9 @@ "type": "DraftIssue" }, "id": "PVTI_lADOAOqloM4AcXblzgMjwjM", - "navigabile": "IN REVIEW", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1173 \u2014\u00a0https://github.com/italia/design-react-kit/issues/1090 ", + "navigabile": "PRONTO", "notes / More": "In Angular kit non ci sono tab verticali e variante card. In React kit non c'\u00e8 variante card e c'\u00e8 una variante in pi\u00f9 Pulsanti. Ne in Angular ne in React kit ci sono varianti bottom o right.", - "react Kit": "DA RIVEDERE A11Y", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-tab--documentazione", "status": "Todo", "status a11y check": "Done", diff --git a/api/statuses/timeline.json b/api/statuses/timeline.json index 04c6e9f846..c678993618 100644 --- a/api/statuses/timeline.json +++ b/api/statuses/timeline.json @@ -1,6 +1,7 @@ { - "amichevole con lettori di schermo": "DA RIVEDERE", - "angular Kit": "NON PRESENTE", + "amichevole con lettori di schermo": "PRONTO", + "angular Kit": "PRONTO", + "angular Kit - url": "https://italia.github.io/design-angular-kit/design-angular-kit#/componenti/timeline", "assignees": [ "Fupete" ], @@ -14,7 +15,7 @@ "type": "DraftIssue" }, "id": "PVTI_lADOAOqloM4AcXblzgMjwj8", - "navigabile": "DA RIVEDERE", + "navigabile": "PRONTO", "notes / More": "< ! Tracciate diverse cose nella stessa issue 1195, da capire se poi frammentarla. \u2014 Nel template su Designers Italia la classe h-100 applicata al body fa s\u00ec che si \"rompa\" la visualizzazione fullscreen di BSI \u2014 Sarebbe utile la versione orizzontale sviluppata per innovazione.gov.it", "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-timeline--documentazione", diff --git a/api/statuses/toolbar.json b/api/statuses/toolbar.json index 40c5287a86..0a54cd76cc 100644 --- a/api/statuses/toolbar.json +++ b/api/statuses/toolbar.json @@ -1,10 +1,10 @@ { - "amichevole con lettori di schermo": "IN REVIEW", + "amichevole con lettori di schermo": "PRONTO", "angular Kit": "NON PRESENTE", "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/menu-di-navigazione/toolbar/", "comprensibile": "PRONTO", "content": { @@ -15,8 +15,8 @@ }, "id": "PVTI_lADOAOqloM4AcXblzgMjwlA", "navigabile": "PRONTO", - "notes / Issues": "https://github.com/italia/design-ui-kit/issues/135 \u2014\u00a0https://github.com/italia/bootstrap-italia/issues/1202 \u2014 https://github.com/italia/bootstrap-italia/issues/1192 ", - "react Kit": "DA RIVEDERE A11Y", + "notes / Issues": "https://github.com/italia/design-ui-kit/issues/135", + "react Kit": "PRONTO", "react Kit - url": "https://italia.github.io/design-react-kit/?path=/docs/documentazione-componenti-toolbar--documentazione", "status": "Todo", "status a11y check": "Done", diff --git a/api/statuses/upload.json b/api/statuses/upload.json index 1c151fa07b..cca658249f 100644 --- a/api/statuses/upload.json +++ b/api/statuses/upload.json @@ -5,7 +5,7 @@ "assignees": [ "Fupete" ], - "bootstrap Italia": "DA RIVEDERE A11Y", + "bootstrap Italia": "PRONTO", "bootstrap Italia - url": "https://italia.github.io/bootstrap-italia/docs/form/upload/", "comprensibile": "PRONTO", "content": { @@ -15,8 +15,8 @@ "type": "DraftIssue" }, "id": "PVTI_lADOAOqloM4AcXblzgMjwnk", - "navigabile": "IN REVIEW", - "notes / Issues": "https://github.com/italia/bootstrap-italia/issues/1182 \u2014\u00a0https://github.com/italia/designers.italia.it/issues/1388", + "navigabile": "PRONTO", + "notes / Issues": "https://github.com/italia/designers.italia.it/issues/1388", "notes / More": "La versione con \"Animazione\" per simularne il funzionamento funziona solo al click del mouse, non via tastiera. \u2014\u00a0In Angular kit manca la versione Avatar", "react Kit": "NON PRESENTE", "status": "Todo", diff --git a/api/utilities/icone.json b/api/utilities/icone.json index 5aaa8a6881..dfd8aa3322 100644 --- a/api/utilities/icone.json +++ b/api/utilities/icone.json @@ -5,19 +5,19 @@ }, { "name": "Varianti dimensioni", - "content": "\n\n\n\n\n\n" + "content": "\n\n\n\n\n\n" }, { "name": "Varianti dimensioni, con padding", - "content": "\n\n\n\n\n\n" + "content": "\n\n\n\n\n\n" }, { "name": "Varianti colori", - "content": "\n\n\n\n\n\n\n\n" + "content": "\n\n\n\n\n\n\n\n" }, { "name": "Allineamenti", - "content": "\n
\n \n \n \n
\n" + "content": "\n
\n \n \n \n
\n" }, { "name": "Icone disponibili", diff --git a/docs/assets/src/scss/docs.scss b/docs/assets/src/scss/docs.scss index d4bc1fc701..4bfc2a9312 100755 --- a/docs/assets/src/scss/docs.scss +++ b/docs/assets/src/scss/docs.scss @@ -1,35 +1,19 @@ -/*! - * Bootstrap Docs (https://getbootstrap.com) - * Copyright 2011-2017 The Bootstrap Authors - * Copyright 2011-2017 Twitter, Inc. - * Licensed under the Creative Commons Attribution 3.0 Unported License. For - * details, see https://creativecommons.org/licenses/by/3.0/. +/** + * -------------------------------------------------------------------------- + * 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) + * This a fork of Bootstrap docs SCSS entry: Initial license and original file name below + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- */ -// Dev notes -// -// Background information on nomenclature and architecture decisions here. -// -// - Bootstrap functions, variables, and mixins are included for easy reuse. -// Doing so gives us access to the same core utilities provided by Bootstrap. -// For example, consistent media queries through those mixins. -// -// - Bootstrap's **docs variables** are prefixed with `$docs-`. -// These custom colors avoid collision with the components Bootstrap provides. -// -// - Classes are prefixed with `.bd-`. -// These classes indicate custom-built or modified components for the design -// and layout of the Bootstrap docs. They are not included in our builds. -// -// Happy Bootstrapping! -// Load Bootstrap variables and mixins + @import '../../../../src/scss/base/functions'; -// here to be available to "variables" @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'; diff --git a/docs/componenti/alert.md b/docs/componenti/alert.md index 791b4b4501..47ee0a3099 100755 --- a/docs/componenti/alert.md +++ b/docs/componenti/alert.md @@ -12,12 +12,23 @@ Gli avvisi sono disponibili in quattro tipologie diverse e sono adatti a qualsia {% comment %}Example name: Varianti per tipologia{% endcomment %} {% capture example %} -{% assign colors = "primary,info,success,warning,danger" | split: ','%} -{% for color in colors %} -{% endfor %} + + + + + + {% endcapture %} {% include example.html content=example %} diff --git a/docs/componenti/avatar.md b/docs/componenti/avatar.md index 618892ba61..327d0f28b1 100644 --- a/docs/componenti/avatar.md +++ b/docs/componenti/avatar.md @@ -16,10 +16,11 @@ description: Rappresentazione grafica di un utente. }) -L'elemento Avatar è la rappresentazione grafica di un utente e può includere un'immagine, un testo, un'icona o un dropdown con ulteriori contenuti. +L'elemento avatar è la rappresentazione grafica di un utente e può includere un'immagine, un testo, un'icona o un dropdown con ulteriori contenuti. -Gli Avatar sono disponibili in sei diverse dimensioni: +Sono disponibili sei dimensioni: + - **xs** con classe `size-xs` - **sm** con classe `size-sm` - **md** (dimensioni di default) `size-md` @@ -28,7 +29,7 @@ Gli Avatar sono disponibili in sei diverse dimensioni: - **xxl** con classe `size-xxl` Per ottenere un elemento grafico non interattivo, utilizza il tag `
`. -Ogni Avatar può essere associato ad un'azione, utilizzando per esso il tag ``. +Ogni avatar può essere associato ad un'azione, utilizzando per esso il tag ``. {% capture callout %} Breaking feature dalla versione **2.8.0** @@ -40,27 +41,27 @@ Il toggle del dropdown diventa `
@@ -77,7 +77,7 @@ Ovviamente sono disponibili [tutte le varianti]({{ site.baseurl }}/docs/componen
@@ -92,7 +92,7 @@ Ovviamente sono disponibili [tutte le varianti]({{ site.baseurl }}/docs/componen
@@ -383,32 +383,32 @@ Aggiungendo la classe`.dark` al dropdown menu si ottiene una versione in negativ
  • Azione 1 (attivo) - +
  • Azione 2 - +
  • Azione 3 - +
  • Azione 4 - +
  • Azione 5 (disabilitato) - +
    • diff --git a/docs/componenti/tab.md b/docs/componenti/tab.md index e60dfc7998..72ff42d287 100644 --- a/docs/componenti/tab.md +++ b/docs/componenti/tab.md @@ -694,6 +694,13 @@ Per posizionare i tab verticali a destra contenuto è necessario applicare la cl ## Tab tipo Card +{% capture callout %} +Breaking feature dalla versione **2.13.0** + +Sono stati rimossi gli elementi delle liste con classe `nav-item-filler` per +tutte le tab di tipo `Card`. +{% endcapture %}{% include callout.html content=callout type="danger" %} + Aggiungere la classe `.nav-tabs-cards` al tag `ul` per ottenere un design tipo card. {% comment %}Example name: Con controllo pannelli, tipo card{% endcomment %} @@ -703,7 +710,6 @@ Aggiungere la classe `.nav-tabs-cards` al tag `ul` per ottenere un design tipo c
  • Tab 2
  • Tab 3
  • Tab 4 Disabilitato
    • -
  • Contenuto 1
    @@ -737,7 +743,6 @@ Aggiungere le classi `.nav-tabs-editable` e `.nav-tabs-cards` al tag `ul` per ot Tab 4 Disabilitato -
    • diff --git a/docs/esempi/liste/index.html b/docs/esempi/liste/index.html new file mode 100644 index 0000000000..f67dd3ae3a --- /dev/null +++ b/docs/esempi/liste/index.html @@ -0,0 +1,77 @@ +--- +layout: base +title: Liste +--- + +
    +
    +

    Liste

    +
    +
    +
    +

    Lista non ordinata

    +
      +
    • Elemento 1
      • +
    • Elemento 2
      • +
    • Elemento 3
      • +
    + +

    Lista ordinata

    +
      +
    1. Elemento 1
      2. +
    2. Elemento 2
      3. +
    3. Elemento 3
      4. +
    + +
    + +
    + +
    +
      +
    • +
      + + +
      +
      • +
    • +
      + + +
      +
      • +
    • +
      + + +
      +
      • +
    +
    + +
    +
    +
    diff --git a/docs/form/input.md b/docs/form/input.md index 669a2a71c8..b2b4d3bdaa 100644 --- a/docs/form/input.md +++ b/docs/form/input.md @@ -125,25 +125,36 @@ Il testo di aiuto deve essere esplicitamente associato ai campi a cui si riferis ### Input con icona o pulsanti +{% capture callout %} + +#### Accessibilità delle icone + +Nel caso in cui l'icona è semanticamente rilevante e non spiegata dal testo che la segue, occorre: +- rimuovere `aria-hidden="true"` +- aggiungere `role="img"` sul tag `` +- inserire all'interno il tag `` con un titolo per l'icona che ne spieghi il significato (nel formato `significato icona"`) + +{% endcapture %}{% include callout.html content=callout type="accessibility" %} + {% comment %}Example name: Varianti con icona o pulsanti {% endcomment %} {% capture example %}
    - +
    - +
    - +
    diff --git a/docs/menu-di-navigazione/torna-su.md b/docs/menu-di-navigazione/torna-su.md index 1d77f46f2f..92db53fdb6 100644 --- a/docs/menu-di-navigazione/torna-su.md +++ b/docs/menu-di-navigazione/torna-su.md @@ -36,7 +36,7 @@ Per visualizzare il Back to top nella posizione corretta è necessario scrollare {% comment %}Example name: Base, funzionante{% endcomment %} {% capture example %} - + {% endcapture %}{% include example.html content=example %} @@ -45,7 +45,7 @@ Per visualizzare il Back to top nella posizione corretta è necessario scrollare {% comment %}Example name: Base, esempio{% endcomment %} {% capture example %} - + {% endcapture %}{% include example.html content=example %} @@ -56,7 +56,7 @@ Aggiungendo la classe `.back-to-top-small` al link si ottiene un pulsante di dim {% comment %}Example name: Compatto, esempio{% endcomment %} {% capture example %} - + {% endcapture %}{% include example.html content=example %} @@ -69,10 +69,10 @@ Aggiungendo la classe `.shadow` al link si aggiunge un'ombra al pulsante. {% capture example %}
    - + - +
    {% endcapture %}{% include example.html content=example %} diff --git a/docs/organizzare-i-contenuti/liste.md b/docs/organizzare-i-contenuti/liste.md index cedbe09c92..ef3055c28b 100644 --- a/docs/organizzare-i-contenuti/liste.md +++ b/docs/organizzare-i-contenuti/liste.md @@ -59,7 +59,7 @@ L'elemento `.avatar` precede l'elemento `.it-right-zone` che contiene il testo.