FR: [Specifications] - Reuse Mack V2 block for Road Choice

[ZoeBeykirch]

Context/Description

As a Road Choice content author, I want to reuse the V2 block from Mack Trucks so that the Road Choice brand website can display safety data sheets in a more user friendly and visually appealing way to match Mack's improved digital experience. This will be a combination of the v2 accordion and v2 specifications.

Acceptance Criteria

User AC:

• As a user, when I click on the accordion + button it will expand.
• The expanded state shall display 3 columns for product name, part number, and SDS file buttons that I can click on to download a PDF.

Editor AC:

• As an editor I can find and use this new block in my Sidekick Library.
• As an editor, I can use this block on any page.
• As an editor, I can modify if 2 or 3 columns are used in the specifications when a user expands the + accordion button.

Non-functional AC:

• The reused specifications block should match the Road Choice brand guidelines for CSS style sheet including colors, fonts, etc.
• All functionality how users interact with the specifications block (expand sections, view detailed specifications, link to PDFs, responsive, etc.) shall be the same as the Volvo Trucks website.

Attachment / link to Figma

Although there is no Figma designs for this, use the Volvo website as a reference for how the block should look and function: https://www.volvotrucks.us/parts-and-services/parts/material-safety-data-sheets/

There is a block for this on Mack Trucks to see a reference for other websites, but the Volvo styling is more in line with the desired outcome: https://www.macktrucks.com/parts-and-services/parts/mack-parts/material-safety-data-sheets

[girishdigrajkar]

Desktop & Tablet viewport : No issues

Mobile:

1. Mobile view looks bit odd as have cosmetic issues related to texts and extra indentations :

Observations/Queries:

1. Unlike Volvotrucks & Macktrucks,sites, + / - signs are not used for collapse/expand mode instead up and down arrows are used is it; Is it specific for road choice ?
2. Errors are displayed ; Cookies like errors could be ignored as its branch url however, worth checking for other errors:

[santi-homps]

@girishdigrajkar already fixed the mobile issues. Regarding the other comments: 1- It was based on the accordion set in here 2- I'm not getting these errors. Could you maybe clean the cache and re-check?

[girishdigrajkar]

Validated and able to get the correct results now and hence, ticket could be closed:
@santi-homps : Please proceed for PR merge and marking it to 'Ready for prod'