[core] feat(Card): new "selected" prop

[CPerinet]

[adidahiya]

Selected prop

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

[adidahiya]

Selected Control cards

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

[adidahiya]

SwitchCard example looks pretty good:

I think you need to make some fixes for CardList > SwitchCard, though:

Also, are there any cases when we'd want to disable this selected styling when a SwitchCard is checked? If so, could we add a prop to disable it, something like showAsSelectedWhenChecked?: boolean with a default value of true? I could imagine this being particularly useful for card lists.

[adidahiya]

Add showAsSelectedWhenChecked prop

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

[adidahiya]

Skip cache

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

[adidahiya]

fix dark theme, add option to ControlCardListExample

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

[adidahiya]

fix core:test:typeCheck

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

[adidahiya]

This PR is most of the way there, but we need to think through how the new props selected and showAsSelectedWhenChecked will feel with the RadioCard and CheckboxCard components - I don't want to them to feel out of place. Looking into that now...

[adidahiya]

Ok, it seems like these names will work fine with RadioCard and CheckboxCard. Both Radio and Checkbox have the checked prop, although we do not really demo this in the docs-app example components. Setting checked={true} or relying on the uncontrolled input[checked] interaction behavior will work the same for RadioCard & CheckboxCard as it does for SwitchCard in this PR. I think it's good to go. I would like to implement RadioCard & CheckboxCard before the next release so that we can see it all together in the docs.