Prepare switch to Clarity Core

[boeckMt]

Description

It looks like Clarity is not bringing any new Features into Clarity Angular and Only provides bug fixes for currently implemented stuff.

Our strategy with Clarity Angular is to support by addressing bugs and focus on stability...

• https://github.com/vmware/clarity/issues/2056#issuecomment-769977250
• https://github.com/vmware/clarity/issues/2713#issuecomment-770092664
• https://github.com/vmware/clarity/issues/3008#issuecomment-770084259
• https://github.com/vmware/clarity/issues/1985#issuecomment-773645457

So maybe we should also try to avoid the angular specific components end try to use Clarity Core when possible https://clarity.design/get-started/developing.

Describe alternatives you've considered

Have you considered any alternative solutions or workarounds?

So far none.

[boeckMt]

Here is a discussion about how to use Clarity Core and Angular: https://github.com/vmware/clarity/discussions/5404

[boeckMt]

Replaceable Clarity angular components we use (2022-08-10):

• [ ] <clr-main-container> and <clr-header> // for responsive navigation
• [x] <clr-icon> // everywhere -> https://core.clarity.design/foundation/icons/
• [x] <clr-select-container> // map-tools -> https://core.clarity.design/core-components/select/
• [x] <clr-input-container> // map-tools -> https://core.clarity.design/core-components/input/
• [x] <clr-password-container> // user-info -> https://core.clarity.design/core-components/password/
• [x] <clr-control-error> // user-info -> https://core.clarity.design/core-components/control/#error-message
• [x] <clr-checkbox-wrapper> // user-info -> https://core.clarity.design/core-components/checkbox/

in demo apps:

• [ ] <clr-vertical-nav> // as a side left or right
• [ ] <clr-vertical-nav-group>
• [ ] <clr-dropdown> // e.g. in header
• [x] <clr-range-container> -> https://core.clarity.design/core-components/range/
• [x] <clr-control-helper> -> https://core.clarity.design/core-components/control/#helper-message
• [ ] <clr-signpost
• [ ] <clr-spinner>
• [ ] <clr-datagrid>

Some components are available in storybook.core.clarity.design but only offered as a preview.

• <cds-navigation> -> https://storybook.core.clarity.design/?path=/story/components-navigation--page
• <cds-dropdown> -> https://storybook.core.clarity.design/?path=/story/components-dropdown--page
• <cds-signpost> ->https://storybook.core.clarity.design/?path=/story/components-signpost--page
• <cds-progress-circle> -> https://storybook.core.clarity.design/?path=/story/stories-circular-progress--spinner
• <cds-grid> -> https://storybook.core.clarity.design/?path=/docs/internal-stories-grid--all

[boeckMt]

Core development is currently paused...

ashleyryan I can't tell you right now what the exact future or roadmap of Core is...

https://github.com/vmware-clarity/core/discussions/66#discussioncomment-2912720

[boeckMt]

... Clarity Core (web-component based) project, which is now on hold. https://github.com/vmware-clarity/ng-clarity/discussions/402#discussioncomment-4223283