[Carousel] Add ability to hide pagination dots

[macandcheese]

Check existing issues

• I have checked for existing issues to avoid duplicates

Description

For some complex implementations - the Carousel may be controlled by an external UI (increment arrows outside the Carousel area, a "filmstrip" that correspond to Carousel Items, etc.)

In these cases, the pagination dots may be unnecessary.

Acceptance Criteria

A configuration is added to not display the carousel dots. This should be mutually exclusive from the arrows - which may still be useful / desired in some cases.

Relevant Info

No response

Which Component

Carousel / Carousel Item

Example Use Case

Consider a use case like this, where a developer can control the active / selected Carousel Item from separate controls:

Here I'd like to hide the Carousel-rendered dots as I have another method of interaction (and I've already hidden the arrows with arrow-type.

Priority impact

impact - p3 - not time sensitive

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)