diff --git a/docs/xplat/src/assets/images/accordion-d.png b/docs/xplat/src/assets/images/accordion-d.png
new file mode 100644
index 0000000000..ae3f481176
Binary files /dev/null and b/docs/xplat/src/assets/images/accordion-d.png differ
diff --git a/docs/xplat/src/assets/images/accordion-l.png b/docs/xplat/src/assets/images/accordion-l.png
new file mode 100644
index 0000000000..e1fd6065cf
Binary files /dev/null and b/docs/xplat/src/assets/images/accordion-l.png differ
diff --git a/docs/xplat/src/assets/images/avatar-d.png b/docs/xplat/src/assets/images/avatar-d.png
new file mode 100644
index 0000000000..b4144bcb01
Binary files /dev/null and b/docs/xplat/src/assets/images/avatar-d.png differ
diff --git a/docs/xplat/src/assets/images/avatar-l.png b/docs/xplat/src/assets/images/avatar-l.png
new file mode 100644
index 0000000000..7cc67ac5d7
Binary files /dev/null and b/docs/xplat/src/assets/images/avatar-l.png differ
diff --git a/docs/xplat/src/assets/images/badge-d.png b/docs/xplat/src/assets/images/badge-d.png
new file mode 100644
index 0000000000..82f817b156
Binary files /dev/null and b/docs/xplat/src/assets/images/badge-d.png differ
diff --git a/docs/xplat/src/assets/images/badge-l.png b/docs/xplat/src/assets/images/badge-l.png
new file mode 100644
index 0000000000..1d70671a6a
Binary files /dev/null and b/docs/xplat/src/assets/images/badge-l.png differ
diff --git a/docs/xplat/src/assets/images/banner-d.png b/docs/xplat/src/assets/images/banner-d.png
new file mode 100644
index 0000000000..eb364497a2
Binary files /dev/null and b/docs/xplat/src/assets/images/banner-d.png differ
diff --git a/docs/xplat/src/assets/images/banner-l.png b/docs/xplat/src/assets/images/banner-l.png
new file mode 100644
index 0000000000..14a715def0
Binary files /dev/null and b/docs/xplat/src/assets/images/banner-l.png differ
diff --git a/docs/xplat/src/assets/images/bottom-nav-l.png b/docs/xplat/src/assets/images/bottom-nav-l.png
new file mode 100644
index 0000000000..620b766477
Binary files /dev/null and b/docs/xplat/src/assets/images/bottom-nav-l.png differ
diff --git a/docs/xplat/src/assets/images/bottomnav-d.png b/docs/xplat/src/assets/images/bottomnav-d.png
new file mode 100644
index 0000000000..64d1fa2d25
Binary files /dev/null and b/docs/xplat/src/assets/images/bottomnav-d.png differ
diff --git a/docs/xplat/src/assets/images/button-d.png b/docs/xplat/src/assets/images/button-d.png
new file mode 100644
index 0000000000..ae8cdddcb8
Binary files /dev/null and b/docs/xplat/src/assets/images/button-d.png differ
diff --git a/docs/xplat/src/assets/images/button-group-d.png b/docs/xplat/src/assets/images/button-group-d.png
new file mode 100644
index 0000000000..71748357cc
Binary files /dev/null and b/docs/xplat/src/assets/images/button-group-d.png differ
diff --git a/docs/xplat/src/assets/images/button-group-l.png b/docs/xplat/src/assets/images/button-group-l.png
new file mode 100644
index 0000000000..b4e5d172a3
Binary files /dev/null and b/docs/xplat/src/assets/images/button-group-l.png differ
diff --git a/docs/xplat/src/assets/images/button-l.png b/docs/xplat/src/assets/images/button-l.png
new file mode 100644
index 0000000000..6538543d9e
Binary files /dev/null and b/docs/xplat/src/assets/images/button-l.png differ
diff --git a/docs/xplat/src/assets/images/calendar-d.png b/docs/xplat/src/assets/images/calendar-d.png
new file mode 100644
index 0000000000..049f6d1ddf
Binary files /dev/null and b/docs/xplat/src/assets/images/calendar-d.png differ
diff --git a/docs/xplat/src/assets/images/calendar-l.png b/docs/xplat/src/assets/images/calendar-l.png
new file mode 100644
index 0000000000..594842c5b5
Binary files /dev/null and b/docs/xplat/src/assets/images/calendar-l.png differ
diff --git a/docs/xplat/src/assets/images/card-d.png b/docs/xplat/src/assets/images/card-d.png
new file mode 100644
index 0000000000..b5d556ab14
Binary files /dev/null and b/docs/xplat/src/assets/images/card-d.png differ
diff --git a/docs/xplat/src/assets/images/card-l.png b/docs/xplat/src/assets/images/card-l.png
new file mode 100644
index 0000000000..9ed56cbdba
Binary files /dev/null and b/docs/xplat/src/assets/images/card-l.png differ
diff --git a/docs/xplat/src/assets/images/carousel-d.png b/docs/xplat/src/assets/images/carousel-d.png
new file mode 100644
index 0000000000..0eb34aa435
Binary files /dev/null and b/docs/xplat/src/assets/images/carousel-d.png differ
diff --git a/docs/xplat/src/assets/images/carousel-l.png b/docs/xplat/src/assets/images/carousel-l.png
new file mode 100644
index 0000000000..a708324415
Binary files /dev/null and b/docs/xplat/src/assets/images/carousel-l.png differ
diff --git a/docs/xplat/src/assets/images/checkbox-d.png b/docs/xplat/src/assets/images/checkbox-d.png
new file mode 100644
index 0000000000..7a1618a46f
Binary files /dev/null and b/docs/xplat/src/assets/images/checkbox-d.png differ
diff --git a/docs/xplat/src/assets/images/checkbox-l.png b/docs/xplat/src/assets/images/checkbox-l.png
new file mode 100644
index 0000000000..206b808554
Binary files /dev/null and b/docs/xplat/src/assets/images/checkbox-l.png differ
diff --git a/docs/xplat/src/assets/images/chip-d.png b/docs/xplat/src/assets/images/chip-d.png
new file mode 100644
index 0000000000..7b3ac70de3
Binary files /dev/null and b/docs/xplat/src/assets/images/chip-d.png differ
diff --git a/docs/xplat/src/assets/images/chip-l.png b/docs/xplat/src/assets/images/chip-l.png
new file mode 100644
index 0000000000..6474ab8b32
Binary files /dev/null and b/docs/xplat/src/assets/images/chip-l.png differ
diff --git a/docs/xplat/src/assets/images/combo-d.png b/docs/xplat/src/assets/images/combo-d.png
new file mode 100644
index 0000000000..237cfdb4d0
Binary files /dev/null and b/docs/xplat/src/assets/images/combo-d.png differ
diff --git a/docs/xplat/src/assets/images/combo-l.png b/docs/xplat/src/assets/images/combo-l.png
new file mode 100644
index 0000000000..2917b06e66
Binary files /dev/null and b/docs/xplat/src/assets/images/combo-l.png differ
diff --git a/docs/xplat/src/assets/images/date-picker-d.png b/docs/xplat/src/assets/images/date-picker-d.png
new file mode 100644
index 0000000000..fe9ec84bd4
Binary files /dev/null and b/docs/xplat/src/assets/images/date-picker-d.png differ
diff --git a/docs/xplat/src/assets/images/date-picker-l.png b/docs/xplat/src/assets/images/date-picker-l.png
new file mode 100644
index 0000000000..98916e6edb
Binary files /dev/null and b/docs/xplat/src/assets/images/date-picker-l.png differ
diff --git a/docs/xplat/src/assets/images/dialog-d.png b/docs/xplat/src/assets/images/dialog-d.png
new file mode 100644
index 0000000000..26b9e11e5f
Binary files /dev/null and b/docs/xplat/src/assets/images/dialog-d.png differ
diff --git a/docs/xplat/src/assets/images/dialog-l.png b/docs/xplat/src/assets/images/dialog-l.png
new file mode 100644
index 0000000000..26fbba92fa
Binary files /dev/null and b/docs/xplat/src/assets/images/dialog-l.png differ
diff --git a/docs/xplat/src/assets/images/divider-d.png b/docs/xplat/src/assets/images/divider-d.png
new file mode 100644
index 0000000000..e3ed6c674d
Binary files /dev/null and b/docs/xplat/src/assets/images/divider-d.png differ
diff --git a/docs/xplat/src/assets/images/divider-l.png b/docs/xplat/src/assets/images/divider-l.png
new file mode 100644
index 0000000000..20d4568129
Binary files /dev/null and b/docs/xplat/src/assets/images/divider-l.png differ
diff --git a/docs/xplat/src/assets/images/dropdown-d.png b/docs/xplat/src/assets/images/dropdown-d.png
new file mode 100644
index 0000000000..51ccc105f4
Binary files /dev/null and b/docs/xplat/src/assets/images/dropdown-d.png differ
diff --git a/docs/xplat/src/assets/images/dropdown-l.png b/docs/xplat/src/assets/images/dropdown-l.png
new file mode 100644
index 0000000000..187a790f3e
Binary files /dev/null and b/docs/xplat/src/assets/images/dropdown-l.png differ
diff --git a/docs/xplat/src/assets/images/expansion-d.png b/docs/xplat/src/assets/images/expansion-d.png
new file mode 100644
index 0000000000..c6036e9f34
Binary files /dev/null and b/docs/xplat/src/assets/images/expansion-d.png differ
diff --git a/docs/xplat/src/assets/images/expansion-l.png b/docs/xplat/src/assets/images/expansion-l.png
new file mode 100644
index 0000000000..c533870d4d
Binary files /dev/null and b/docs/xplat/src/assets/images/expansion-l.png differ
diff --git a/docs/xplat/src/assets/images/hyperlink-d.png b/docs/xplat/src/assets/images/hyperlink-d.png
new file mode 100644
index 0000000000..5a038b4557
Binary files /dev/null and b/docs/xplat/src/assets/images/hyperlink-d.png differ
diff --git a/docs/xplat/src/assets/images/hyperlink-l.png b/docs/xplat/src/assets/images/hyperlink-l.png
new file mode 100644
index 0000000000..1331723b42
Binary files /dev/null and b/docs/xplat/src/assets/images/hyperlink-l.png differ
diff --git a/docs/xplat/src/assets/images/icon-d.png b/docs/xplat/src/assets/images/icon-d.png
new file mode 100644
index 0000000000..45b91fe0dc
Binary files /dev/null and b/docs/xplat/src/assets/images/icon-d.png differ
diff --git a/docs/xplat/src/assets/images/icon-l.png b/docs/xplat/src/assets/images/icon-l.png
new file mode 100644
index 0000000000..d1dabb55af
Binary files /dev/null and b/docs/xplat/src/assets/images/icon-l.png differ
diff --git a/docs/xplat/src/assets/images/input-d.png b/docs/xplat/src/assets/images/input-d.png
new file mode 100644
index 0000000000..67a96ad9f0
Binary files /dev/null and b/docs/xplat/src/assets/images/input-d.png differ
diff --git a/docs/xplat/src/assets/images/input-l.png b/docs/xplat/src/assets/images/input-l.png
new file mode 100644
index 0000000000..6a7efea51d
Binary files /dev/null and b/docs/xplat/src/assets/images/input-l.png differ
diff --git a/docs/xplat/src/assets/images/list-d.png b/docs/xplat/src/assets/images/list-d.png
new file mode 100644
index 0000000000..6ec8afd3cc
Binary files /dev/null and b/docs/xplat/src/assets/images/list-d.png differ
diff --git a/docs/xplat/src/assets/images/list-l.png b/docs/xplat/src/assets/images/list-l.png
new file mode 100644
index 0000000000..7ebdd4236c
Binary files /dev/null and b/docs/xplat/src/assets/images/list-l.png differ
diff --git a/docs/xplat/src/assets/images/nav-drawer-l.png b/docs/xplat/src/assets/images/nav-drawer-l.png
new file mode 100644
index 0000000000..fa563e2dc8
Binary files /dev/null and b/docs/xplat/src/assets/images/nav-drawer-l.png differ
diff --git a/docs/xplat/src/assets/images/navbar-d.png b/docs/xplat/src/assets/images/navbar-d.png
new file mode 100644
index 0000000000..eceb337e90
Binary files /dev/null and b/docs/xplat/src/assets/images/navbar-d.png differ
diff --git a/docs/xplat/src/assets/images/navbar-l.png b/docs/xplat/src/assets/images/navbar-l.png
new file mode 100644
index 0000000000..f830dc20b4
Binary files /dev/null and b/docs/xplat/src/assets/images/navbar-l.png differ
diff --git a/docs/xplat/src/assets/images/navdrawer-d.png b/docs/xplat/src/assets/images/navdrawer-d.png
new file mode 100644
index 0000000000..39a193dad2
Binary files /dev/null and b/docs/xplat/src/assets/images/navdrawer-d.png differ
diff --git a/docs/xplat/src/assets/images/progress-d.png b/docs/xplat/src/assets/images/progress-d.png
new file mode 100644
index 0000000000..f5f77d8798
Binary files /dev/null and b/docs/xplat/src/assets/images/progress-d.png differ
diff --git a/docs/xplat/src/assets/images/progress.png b/docs/xplat/src/assets/images/progress.png
new file mode 100644
index 0000000000..41b54118a5
Binary files /dev/null and b/docs/xplat/src/assets/images/progress.png differ
diff --git a/docs/xplat/src/assets/images/radio-d.png b/docs/xplat/src/assets/images/radio-d.png
new file mode 100644
index 0000000000..9517966228
Binary files /dev/null and b/docs/xplat/src/assets/images/radio-d.png differ
diff --git a/docs/xplat/src/assets/images/radio-l.png b/docs/xplat/src/assets/images/radio-l.png
new file mode 100644
index 0000000000..3f82ff95f6
Binary files /dev/null and b/docs/xplat/src/assets/images/radio-l.png differ
diff --git a/docs/xplat/src/assets/images/rating-d.png b/docs/xplat/src/assets/images/rating-d.png
new file mode 100644
index 0000000000..788b048a9d
Binary files /dev/null and b/docs/xplat/src/assets/images/rating-d.png differ
diff --git a/docs/xplat/src/assets/images/rating-l.png b/docs/xplat/src/assets/images/rating-l.png
new file mode 100644
index 0000000000..2736ae1769
Binary files /dev/null and b/docs/xplat/src/assets/images/rating-l.png differ
diff --git a/docs/xplat/src/assets/images/select-d.png b/docs/xplat/src/assets/images/select-d.png
new file mode 100644
index 0000000000..bb087ff479
Binary files /dev/null and b/docs/xplat/src/assets/images/select-d.png differ
diff --git a/docs/xplat/src/assets/images/select-l.png b/docs/xplat/src/assets/images/select-l.png
new file mode 100644
index 0000000000..82b108432f
Binary files /dev/null and b/docs/xplat/src/assets/images/select-l.png differ
diff --git a/docs/xplat/src/assets/images/slider-d.png b/docs/xplat/src/assets/images/slider-d.png
new file mode 100644
index 0000000000..8445afd0a2
Binary files /dev/null and b/docs/xplat/src/assets/images/slider-d.png differ
diff --git a/docs/xplat/src/assets/images/slider-l.png b/docs/xplat/src/assets/images/slider-l.png
new file mode 100644
index 0000000000..bde9e6901b
Binary files /dev/null and b/docs/xplat/src/assets/images/slider-l.png differ
diff --git a/docs/xplat/src/assets/images/snackbar-d.png b/docs/xplat/src/assets/images/snackbar-d.png
new file mode 100644
index 0000000000..1f325a83cf
Binary files /dev/null and b/docs/xplat/src/assets/images/snackbar-d.png differ
diff --git a/docs/xplat/src/assets/images/snackbar-l.png b/docs/xplat/src/assets/images/snackbar-l.png
new file mode 100644
index 0000000000..ee8374e216
Binary files /dev/null and b/docs/xplat/src/assets/images/snackbar-l.png differ
diff --git a/docs/xplat/src/assets/images/splitter-d.png b/docs/xplat/src/assets/images/splitter-d.png
new file mode 100644
index 0000000000..91186fb71d
Binary files /dev/null and b/docs/xplat/src/assets/images/splitter-d.png differ
diff --git a/docs/xplat/src/assets/images/splitter-l.png b/docs/xplat/src/assets/images/splitter-l.png
new file mode 100644
index 0000000000..d42c0cc569
Binary files /dev/null and b/docs/xplat/src/assets/images/splitter-l.png differ
diff --git a/docs/xplat/src/assets/images/stepper-d.png b/docs/xplat/src/assets/images/stepper-d.png
new file mode 100644
index 0000000000..dae43513ab
Binary files /dev/null and b/docs/xplat/src/assets/images/stepper-d.png differ
diff --git a/docs/xplat/src/assets/images/stepper-l.png b/docs/xplat/src/assets/images/stepper-l.png
new file mode 100644
index 0000000000..be2c0148fb
Binary files /dev/null and b/docs/xplat/src/assets/images/stepper-l.png differ
diff --git a/docs/xplat/src/assets/images/switch-d.png b/docs/xplat/src/assets/images/switch-d.png
new file mode 100644
index 0000000000..70dad3470e
Binary files /dev/null and b/docs/xplat/src/assets/images/switch-d.png differ
diff --git a/docs/xplat/src/assets/images/switch-l.png b/docs/xplat/src/assets/images/switch-l.png
new file mode 100644
index 0000000000..a1abd36bc3
Binary files /dev/null and b/docs/xplat/src/assets/images/switch-l.png differ
diff --git a/docs/xplat/src/assets/images/tab-d.png b/docs/xplat/src/assets/images/tab-d.png
new file mode 100644
index 0000000000..c25730a885
Binary files /dev/null and b/docs/xplat/src/assets/images/tab-d.png differ
diff --git a/docs/xplat/src/assets/images/tab-l.png b/docs/xplat/src/assets/images/tab-l.png
new file mode 100644
index 0000000000..3447620bd4
Binary files /dev/null and b/docs/xplat/src/assets/images/tab-l.png differ
diff --git a/docs/xplat/src/assets/images/text-area-d.png b/docs/xplat/src/assets/images/text-area-d.png
new file mode 100644
index 0000000000..ca3b247f48
Binary files /dev/null and b/docs/xplat/src/assets/images/text-area-d.png differ
diff --git a/docs/xplat/src/assets/images/text-area-l.png b/docs/xplat/src/assets/images/text-area-l.png
new file mode 100644
index 0000000000..299c8fb444
Binary files /dev/null and b/docs/xplat/src/assets/images/text-area-l.png differ
diff --git a/docs/xplat/src/assets/images/timepicker-d.png b/docs/xplat/src/assets/images/timepicker-d.png
new file mode 100644
index 0000000000..ce29943406
Binary files /dev/null and b/docs/xplat/src/assets/images/timepicker-d.png differ
diff --git a/docs/xplat/src/assets/images/timepicker-l.png b/docs/xplat/src/assets/images/timepicker-l.png
new file mode 100644
index 0000000000..e6ebb73d89
Binary files /dev/null and b/docs/xplat/src/assets/images/timepicker-l.png differ
diff --git a/docs/xplat/src/assets/images/toast-d.png b/docs/xplat/src/assets/images/toast-d.png
new file mode 100644
index 0000000000..021f9e6d8e
Binary files /dev/null and b/docs/xplat/src/assets/images/toast-d.png differ
diff --git a/docs/xplat/src/assets/images/toast-l.png b/docs/xplat/src/assets/images/toast-l.png
new file mode 100644
index 0000000000..986b0522b7
Binary files /dev/null and b/docs/xplat/src/assets/images/toast-l.png differ
diff --git a/docs/xplat/src/assets/images/tooltip-d.png b/docs/xplat/src/assets/images/tooltip-d.png
new file mode 100644
index 0000000000..d61f56c708
Binary files /dev/null and b/docs/xplat/src/assets/images/tooltip-d.png differ
diff --git a/docs/xplat/src/assets/images/tooltip-l.png b/docs/xplat/src/assets/images/tooltip-l.png
new file mode 100644
index 0000000000..3d5f354cae
Binary files /dev/null and b/docs/xplat/src/assets/images/tooltip-l.png differ
diff --git a/docs/xplat/src/assets/images/tree-d.png b/docs/xplat/src/assets/images/tree-d.png
new file mode 100644
index 0000000000..05655319ba
Binary files /dev/null and b/docs/xplat/src/assets/images/tree-d.png differ
diff --git a/docs/xplat/src/assets/images/tree-l.png b/docs/xplat/src/assets/images/tree-l.png
new file mode 100644
index 0000000000..bc5471599b
Binary files /dev/null and b/docs/xplat/src/assets/images/tree-l.png differ