[Card section carousel] Discuss how to avoid adoptors setting too large number of cards per page

The problem

While <dds-carousel> sets the default number of cards per page that best suits the available viewport width, <dds-carousel> also allows our adaptors to specify arbitrary number of cards per page, via page-size attribute. It caused weird UI caused by extreme page-size, as #4918 and #4919 reports.

The solution

This issue is to discuss how to prevent such misconfiguration. A couple of options I can rattle off are:

1. Define the maximum number of cards per page for different breakpoints, and ignore any page-size attribute value that exceeds that maximum number
2. Define several sets of number of cards per page (see below) and have adaptors use such set instead of having them directly set the page size

(Just example of 2., the actual numbers should be determined by design team)

Configuration	Number of cards per page for sm breakpoint	md	lg
SMALL	2	4	6
DEFAULT	1	2	3
LARGE	1	1	2

CC @jeffchew @kennylam @oliviaflory

[oliviaflory]

I think so @asudoh, and based on our explorations above, the maximum number or cards per page doesn’t exceed 4 (in desktop) at this point.

[JennySanchez]

FYI: @asudoh Adding this conversation to the “DDS Team Huddle 2021-03-02” for group discussion