Change Details

== Background/Goal On the left menu of the demo, "Design Tokens" section should be before "Components" since tokens are always built before components, so in a logical read they should be before them. {F35037654} === Acceptance criteria (or Done) [] Add "Design Tokens" section before "Components" (after "Contributing)

== Background/Goal Some of the left menu sections don't have a logical order. For example, "Design Tokens" section should be before "Components" since tokens are always built before components, so in a logical read they should be before them. Also "Icons", "Design Tokens" and "Grids" (when we define the grids) should be in the same "Guidelines" section. {F35037654} Also left menu sections have many subsections and it's difficult to read all main sections (Introduction, Contributing, Design Tokens, Components...)at the first glance We should add an accordion in each section to show/hide subsections. {F35037662} == References Other Design System demos with accordion: - [[ https://www.carbondesignsystem.com/ | Carbono IBM ]] - [[ https://docs.microsoft.com/en-us/fluent-ui/web-components/ | Fluent Microsoft ]] === Acceptance criteria (or Done) [] Reorder left menu sections [] Add "Design Tokens" section before "Components" (after "Contributing) [] Create a "Guidelines" section to add there all tokens, icons and grids [] Add an accordion in each main section of the left menu

== Background/Goal OnSome of the left menu of the demosections don't have a logical order. For example, "Design Tokens" section should be before "Components" since tokens are always built before components, so in a logical read they should be before them. Also "Icons", so in a logical read"Design Tokens" and "Grids" (when we define they grids) should be before theme in the same "Guidelines" section. {F35037654} Also left menu sections have many subsections and it's difficult to read all main sections (Introduction, Contributing, Design Tokens, Components...)at the first glance We should add an accordion in each section to show/hide subsections. {F35037662} == References Other Design System demos with accordion: - [[ https://www.carbondesignsystem.com/ | Carbono IBM ]] - [[ https://docs.microsoft.com/en-us/fluent-ui/web-components/ | Fluent Microsoft ]] === Acceptance criteria (or Done) [] Reorder left menu sections [] Add "Design Tokens" section before "Components" (after "Contributing) [] Create a "Guidelines" section to add there all tokens, icons and grids [] Add an accordion in each main section of the left menu