Bootstrap migration

[gfellerph]

Bootstrap is becoming a liability as requirements for customisation increases. Every feature release can be a breaking change that needs heavy attention and patching. Therefore, a plan for moving components away from Bootstrap is needed.

Components

Component	Strategy	Status
Accordion		✅
Alert	Refactor	Open
Badge	Refactor	Open
Base	Dependencies: - Root - Fonts - Reboot	Open
Breadcrumb	Refactor	Open
Button group	Refactor	Open
Button		✅
Card	Refactor	Open
Carousel	Create component	Open
Choice control	Dependency to checkbox	Open
Close		✅
Datatable	#1200	Open
Datepicker	Provide styles for <input type="date">	Open
Dropdown	Create component	Open
Elevation		✅
Floating label	Refactor	Open
Fonts		✅
Form check	Refactor	Open
Form feedback	Refactor	Open
Form range	Refactor	Open
Form select	Refactor	Open
Form textarea	Refactor (implicit dependency)	Open
Forms	Refactor (.form-control)	Open
Grid	Keep/Extract	Open
Icons		✅
List group	Refactor	Open
Modal	Use native [popover] or <dialog>	Open
Nav overflow	(Intranet header) Refactor	Open
Offcanvas	Refactor	Open
Pagination	Create component	Open
Popover	Use native [popover]	Open
Product card	Refactor	Open
Progress	Refactor	Open
Reboot	Keep or switch to modern alternative	Open
Root	Refactor	Open
Scaffolding	Refactor (Intranet Header)	Open
Searchbox	Refactor (Intranet Header)	Open
Settings	(Intranet Header)	✅
Sidebar	Refactor (Intranet Header)	Open
Sizing	Refactor	Open
Spinner	Refactor	Open
Stepper	Refactor	Open
Subnavigation	Refactor	Open
Table	Refactor	Open
Tabs		✅
Timepicker		✅
Toast	Use native [popover]	Open
Tooltip	Use native [popover]	Open
Top navigation	Refactor (Intranet Header)	Open
Topic teaser	Refactor	Open
Transitions	Refactor	Open
Type	Refactor	Open
Utilities	Refactor	Open

Functions

Function	Strategy	Status
Color		✅
Contrast		✅
Icons		✅
List		✅
Sizing		✅
Utilities		✅

Layouts

Layout	Strategy	Status
Grid	Refactor	Open
Subnavigation		✅
Type	Refactor	✅
Variables		✅

Mixins

Mixin	Strategy	Status
Animation	Refactor	Open
Badge		✅
Button		✅
Color		✅
Form check		✅
Forms		✅
Icons		✅
Notification		✅
Scroll shadow		✅
Size	Refactor	Open
Type	Refactor	Open
Utilities		✅

Placeholders

Placeholder	Strategy	Status
Button		✅
Close		✅
Color		✅
Dropdown		✅
Notification		✅
Text	Refactor	Open
Badge		✅

Variables

✅ No dependencies

Bundles

Bundle	Strategy	Status
Core	Refactor	Open
Basics	Refactor	Open
Fonts		✅
Index	Refactor	Open
Intranet	Refactor	Open