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...

• Date picker: deliver date in consistent format using ngModel vmware-archive/clarity#2056 (comment)
• vertical-nav width is not connected with responsive-nav panel width  vmware-archive/clarity#2713 (comment)
• Reactive Form Date Picker with value as date object vmware-archive/clarity#3008 (comment)
• [NG] Date Range Picker vmware-archive/clarity#1985 (comment)

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: vmware-archive/clarity#5404

[boeckMt]

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

• <clr-main-container> and <clr-header> // for responsive navigation
• <clr-icon> // everywhere -> https://core.clarity.design/foundation/icons/
• <clr-select-container> // map-tools -> https://core.clarity.design/core-components/select/
• <clr-input-container> // map-tools -> https://core.clarity.design/core-components/input/
• <clr-password-container> // user-info -> https://core.clarity.design/core-components/password/
• <clr-control-error> // user-info -> https://core.clarity.design/core-components/control/#error-message
• <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
• <clr-range-container> -> https://core.clarity.design/core-components/range/
• <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...

vmware-clarity/core#66 (reply in thread)

[boeckMt]

... Clarity Core (web-component based) project, which is now on hold.
vmware-clarity/ng-clarity#402 (comment)