Description
The filter plugin currently uses KernBlockButtonCheckbox and KernBlockButtonRadioGroup for the standard layout, and KernCheckbox / KernRadioGroup for other layouts. This results in four separate components with overlapping purpose and a dynamic component switch at runtime.
These should be consolidated to use PolarInput and PolarInputGroup as the single underlying input components.
Expected behavior
PolarInput (type checkbox or radio) combined with PolarInputGroup is used in all cases- The
standard layout's block-button styling is applied via CSS (e.g. a class on the group or scoped styles)
KernBlockButtonCheckbox, KernBlockButtonRadioGroup, KernCheckbox, and KernRadioGroup are removed
Notes
- The optional
icon prop currently available on KernBlockButtonCheckbox and radio group items can be rendered via PolarInput's slot
- The block-button styling (background
#edf1fa, checked border highlight, custom focus ring) must be preserved for standard layout
Out of scope
- Changes to
PolarInput or PolarInputGroup component APIs
Description
The
filterplugin currently usesKernBlockButtonCheckboxandKernBlockButtonRadioGroupfor thestandardlayout, andKernCheckbox/KernRadioGroupfor other layouts. This results in four separate components with overlapping purpose and a dynamic component switch at runtime.These should be consolidated to use
PolarInputandPolarInputGroupas the single underlying input components.Expected behavior
PolarInput(typecheckboxorradio) combined withPolarInputGroupis used in all casesstandardlayout's block-button styling is applied via CSS (e.g. a class on the group or scoped styles)KernBlockButtonCheckbox,KernBlockButtonRadioGroup,KernCheckbox, andKernRadioGroupare removedNotes
iconprop currently available onKernBlockButtonCheckboxand radio group items can be rendered viaPolarInput's slot#edf1fa, checked border highlight, custom focus ring) must be preserved forstandardlayoutOut of scope
PolarInputorPolarInputGroupcomponent APIs