dequelabs
Update basic accordions to match UXPin
The current accordion in Cauldron is outdated and needs to be updated to the latest iteration of accordion styles with two versions - basic and advanced. We no longer use the blue bar as a hover state and has been updated as such to be used as an active state instead (when the accordion item is open). There are also some changes to the icon used, box-shadow (only applied when accordion group is open), and spacing.
Related: #716
Update styles and add "advanced variant of accordion". The advanced variant of the accordion would need to use ExpandCollapsePanel under the hood and match the styles of the accordion in order to support the action buttons on the right side of the header.
The box shadow needs to encompass the full element when expanded, not just the panel.
Regarding the spacing of the component, the trigger text should be aligned to the left the same as the content text should be. I think we just need to adjust the left padding of the trigger element.