diff --git a/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-1-snap.png index 0b1d7aa870..8db8c12dd0 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-group-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-group-1-snap.png index a5be8ebb10..ef1ac949c7 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-group-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-group-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-with-top-actions-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-with-top-actions-1-snap.png index 68c921068a..34c1746dd7 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-with-top-actions-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-with-top-actions-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-with-video-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-with-video-1-snap.png index df2aca934e..b1556b1f78 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-with-video-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/display-media-card-screenshot-test-tsx-display-media-card-with-video-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-checkbox-and-on-press-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-checkbox-and-on-press-extra-false-badge-true-1-snap.png index e566e65850..d29446573d 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-checkbox-and-on-press-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-checkbox-and-on-press-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-checkbox-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-checkbox-extra-false-badge-true-1-snap.png index 0fd1bd62e0..47a13e356a 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-checkbox-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-checkbox-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-chevron-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-chevron-extra-false-badge-true-1-snap.png index 41d8cf98c3..ade675853c 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-chevron-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-chevron-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-custom-element-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-custom-element-extra-false-badge-true-1-snap.png index 4d896e20f4..c2b5a6fec1 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-custom-element-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-custom-element-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-custom-element-with-text-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-custom-element-with-text-extra-false-badge-true-1-snap.png index b7aa9a1bd0..0b747ed7e5 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-custom-element-with-text-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-custom-element-with-text-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-none-extra-false-badge-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-none-extra-false-badge-false-1-snap.png index 3ff8432478..2ba64e58f9 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-none-extra-false-badge-false-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-none-extra-false-badge-false-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-none-extra-true-badge-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-none-extra-true-badge-false-1-snap.png index 9eac5f9972..c500a0ac8f 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-none-extra-true-badge-false-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-none-extra-true-badge-false-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-radio-and-on-press-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-radio-and-on-press-extra-false-badge-true-1-snap.png index 9f7b20f886..927d6f56bf 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-radio-and-on-press-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-radio-and-on-press-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-radio-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-radio-extra-false-badge-true-1-snap.png index 7f4aa99fdc..0f17f6943b 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-radio-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-radio-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-switch-and-on-press-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-switch-and-on-press-extra-false-badge-true-1-snap.png index fc10eb215c..9f608c74c4 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-switch-and-on-press-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-switch-and-on-press-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-switch-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-switch-extra-false-badge-true-1-snap.png index 2a367092de..e51a67e601 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-switch-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-desktop-switch-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-checkbox-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-checkbox-1-snap.png index c7f789b387..3c858e7758 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-checkbox-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-checkbox-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-checkbox-and-on-press-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-checkbox-and-on-press-1-snap.png index 640ddcecab..ad760953cd 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-checkbox-and-on-press-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-checkbox-and-on-press-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-chevron-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-chevron-1-snap.png index 7663b194fb..5428c90d47 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-chevron-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-chevron-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-custom-element-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-custom-element-1-snap.png index 64891eb700..4ec91029cd 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-custom-element-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-custom-element-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-custom-element-with-text-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-custom-element-with-text-1-snap.png index 0d41beee79..1d41d44135 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-custom-element-with-text-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-custom-element-with-text-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-radio-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-radio-1-snap.png index 90385279be..99d1e74061 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-radio-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-radio-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-radio-and-on-press-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-radio-and-on-press-1-snap.png index 7f6d65ba36..8729f79f7c 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-radio-and-on-press-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-radio-and-on-press-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-switch-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-switch-1-snap.png index 5abfe46a3b..6cc28f6ac6 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-switch-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-switch-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-switch-and-on-press-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-switch-and-on-press-1-snap.png index 905c01bcdb..7d49f556e2 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-switch-and-on-press-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-disabled-switch-and-on-press-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-checkbox-and-on-press-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-checkbox-and-on-press-extra-false-badge-true-1-snap.png index 03118aafdc..666d4d2c68 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-checkbox-and-on-press-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-checkbox-and-on-press-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-checkbox-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-checkbox-extra-false-badge-true-1-snap.png index 23b4d2dfef..f6ccb3b54c 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-checkbox-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-checkbox-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-chevron-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-chevron-extra-false-badge-true-1-snap.png index 641ee9b327..6cf80f5d4e 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-chevron-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-chevron-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-custom-element-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-custom-element-extra-false-badge-true-1-snap.png index 667c2333c6..df0d81440a 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-custom-element-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-custom-element-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-custom-element-with-text-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-custom-element-with-text-extra-false-badge-true-1-snap.png index f4da2035cb..b3b515d797 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-custom-element-with-text-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-custom-element-with-text-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-none-extra-false-badge-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-none-extra-false-badge-false-1-snap.png index 00e4e23457..f5e2c30737 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-none-extra-false-badge-false-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-none-extra-false-badge-false-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-none-extra-true-badge-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-none-extra-true-badge-false-1-snap.png index 2abedc6ed4..999a476b33 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-none-extra-true-badge-false-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-none-extra-true-badge-false-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-radio-and-on-press-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-radio-and-on-press-extra-false-badge-true-1-snap.png index 50f7f5f380..56df28ac17 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-radio-and-on-press-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-radio-and-on-press-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-radio-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-radio-extra-false-badge-true-1-snap.png index e39d713a82..7e216375ab 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-radio-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-radio-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-switch-and-on-press-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-switch-and-on-press-extra-false-badge-true-1-snap.png index f49b376b4a..7f29d8ae0a 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-switch-and-on-press-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-switch-and-on-press-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-switch-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-switch-extra-false-badge-true-1-snap.png index 76c503a8a8..e34fda282a 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-switch-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-boxed-row-list-mobile-ios-switch-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-custom-row-with-text-centered-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-custom-row-with-text-centered-1-snap.png index 13ab18fd91..f5bafa294d 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-custom-row-with-text-centered-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-custom-row-with-text-centered-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-custom-row-with-text-centered-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-custom-row-with-text-centered-2-snap.png index cb3aed7e9d..576a3ae55f 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-custom-row-with-text-centered-2-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-custom-row-with-text-centered-2-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-checkbox-and-on-press-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-checkbox-and-on-press-extra-false-badge-true-1-snap.png index 9f40e9763b..8945e8d0e7 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-checkbox-and-on-press-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-checkbox-and-on-press-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-checkbox-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-checkbox-extra-false-badge-true-1-snap.png index 1a8f5a7d5f..2f34d6cb7b 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-checkbox-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-checkbox-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-chevron-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-chevron-extra-false-badge-true-1-snap.png index 20165c0991..b60fa5d1bf 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-chevron-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-chevron-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-custom-element-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-custom-element-extra-false-badge-true-1-snap.png index b7b3c293b9..6dac164341 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-custom-element-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-custom-element-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-custom-element-with-text-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-custom-element-with-text-extra-false-badge-true-1-snap.png index 0d30d71d49..920cc2f4ed 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-custom-element-with-text-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-custom-element-with-text-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-none-extra-false-badge-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-none-extra-false-badge-false-1-snap.png index 2d7819d9d5..28f59ccde8 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-none-extra-false-badge-false-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-none-extra-false-badge-false-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-none-extra-true-badge-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-none-extra-true-badge-false-1-snap.png index 6bf4b97c18..23a9a5972a 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-none-extra-true-badge-false-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-none-extra-true-badge-false-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-radio-and-on-press-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-radio-and-on-press-extra-false-badge-true-1-snap.png index 2d0c2d6d6a..ba92e27a53 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-radio-and-on-press-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-radio-and-on-press-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-radio-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-radio-extra-false-badge-true-1-snap.png index a953c550b5..288683d5cf 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-radio-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-radio-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-switch-and-on-press-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-switch-and-on-press-extra-false-badge-true-1-snap.png index 7e9237e10f..c3ef686cab 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-switch-and-on-press-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-switch-and-on-press-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-switch-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-switch-extra-false-badge-true-1-snap.png index 21f15c9e58..cebcadbf04 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-switch-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-desktop-switch-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-checkbox-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-checkbox-1-snap.png index 4182dfd12b..9a28c2730f 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-checkbox-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-checkbox-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-checkbox-and-on-press-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-checkbox-and-on-press-1-snap.png index a42f02b8d0..f5f39a0993 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-checkbox-and-on-press-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-checkbox-and-on-press-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-chevron-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-chevron-1-snap.png index 343a04ddc1..971e9d0a0c 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-chevron-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-chevron-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-custom-element-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-custom-element-1-snap.png index 9d33561dfc..52ca55fec6 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-custom-element-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-custom-element-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-custom-element-with-text-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-custom-element-with-text-1-snap.png index c6ee803986..d00de45c3d 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-custom-element-with-text-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-custom-element-with-text-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-radio-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-radio-1-snap.png index 523db9946e..01783dfe0e 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-radio-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-radio-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-radio-and-on-press-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-radio-and-on-press-1-snap.png index c89b4dda2a..487c652c82 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-radio-and-on-press-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-radio-and-on-press-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-switch-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-switch-1-snap.png index 0fdbdc7bd7..4b108a1a4b 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-switch-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-switch-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-switch-and-on-press-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-switch-and-on-press-1-snap.png index 242b1dcb05..81af2718d5 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-switch-and-on-press-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-disabled-switch-and-on-press-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-checkbox-and-on-press-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-checkbox-and-on-press-extra-false-badge-true-1-snap.png index a7e2204da6..35e8b188d9 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-checkbox-and-on-press-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-checkbox-and-on-press-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-checkbox-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-checkbox-extra-false-badge-true-1-snap.png index 81928f6d30..3a438ffa9c 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-checkbox-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-checkbox-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-chevron-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-chevron-extra-false-badge-true-1-snap.png index e69f27c842..c6c7155104 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-chevron-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-chevron-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-custom-element-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-custom-element-extra-false-badge-true-1-snap.png index c62251c602..18c44e0228 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-custom-element-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-custom-element-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-custom-element-with-text-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-custom-element-with-text-extra-false-badge-true-1-snap.png index f13409569a..9d6032079c 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-custom-element-with-text-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-custom-element-with-text-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-none-extra-false-badge-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-none-extra-false-badge-false-1-snap.png index cd94004be4..f46bc3d4c3 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-none-extra-false-badge-false-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-none-extra-false-badge-false-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-none-extra-true-badge-false-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-none-extra-true-badge-false-1-snap.png index 584b26ee4c..379047eebe 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-none-extra-true-badge-false-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-none-extra-true-badge-false-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-radio-and-on-press-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-radio-and-on-press-extra-false-badge-true-1-snap.png index 1039c3bef4..6d5ae56b78 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-radio-and-on-press-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-radio-and-on-press-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-radio-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-radio-extra-false-badge-true-1-snap.png index 3fc4c7f2f4..64f594a0d6 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-radio-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-radio-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-switch-and-on-press-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-switch-and-on-press-extra-false-badge-true-1-snap.png index beb4502bcf..564d5cfd7f 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-switch-and-on-press-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-switch-and-on-press-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-switch-extra-false-badge-true-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-switch-extra-false-badge-true-1-snap.png index 51ad2ca7b6..7a0c7929bb 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-switch-extra-false-badge-true-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-row-list-mobile-ios-switch-extra-false-badge-true-1-snap.png differ diff --git a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-rows-with-only-a-title-content-are-centered-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-rows-with-only-a-title-content-are-centered-1-snap.png index a6d5d58b45..956aa192f0 100644 Binary files a/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-rows-with-only-a-title-content-are-centered-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/list-screenshot-test-tsx-rows-with-only-a-title-content-are-centered-1-snap.png differ diff --git a/src/__screenshot_tests__/list-screenshot-test.tsx b/src/__screenshot_tests__/list-screenshot-test.tsx index 0ef4125f12..91c15e96b0 100644 --- a/src/__screenshot_tests__/list-screenshot-test.tsx +++ b/src/__screenshot_tests__/list-screenshot-test.tsx @@ -44,6 +44,7 @@ test.each(getCases())( extraContent, withBadge, headline: 'Headline', + detail: 'Detail', }, }); @@ -64,6 +65,7 @@ test.each(getCases())( extraContent, withBadge, headline: 'Headline', + detail: 'Detail', }, }); @@ -82,6 +84,7 @@ test.each(controls)('Row list disabled - %s', async (control) => { headline: 'Headline', withBadge: true, disabled: true, + detail: 'Detail', }, }); @@ -99,6 +102,7 @@ test.each(controls)('Boxed row list disabled - %s', async (control) => { headline: 'Headline', withBadge: true, disabled: true, + detail: 'Detail', }, }); @@ -117,6 +121,7 @@ test('Rows with only a Title content are centered', async () => { headline: '', description: '', control: 'chevron', + detail: 'Detail', }, }); @@ -135,6 +140,7 @@ test.each(devices)('Custom row with text centered', async (device) => { subtitle: '', headline: '', description: '', + detail: 'Detail', }, }); diff --git a/src/__stories__/list-story.tsx b/src/__stories__/list-story.tsx index 1c0ca48e05..15ad23d132 100644 --- a/src/__stories__/list-story.tsx +++ b/src/__stories__/list-story.tsx @@ -50,6 +50,7 @@ type Args = { title: string; subtitle: string; description: string; + detail: string; control: string; withBadge: boolean; oneLineTitle: boolean; @@ -65,6 +66,7 @@ const Template: StoryComponent = ({ title, subtitle, description, + detail, control, withBadge, oneLineTitle, @@ -163,6 +165,7 @@ const Template: StoryComponent = ({ title={title} subtitle={subtitle} description={description} + detail={detail} badge={withBadge} titleLinesMax={oneLineTitle ? 1 : 2} subtitleLinesMax={oneLineSubtitle ? 1 : 2} @@ -177,6 +180,7 @@ const Template: StoryComponent = ({ title={title} subtitle={subtitle} description={description} + detail={detail} badge={withBadge ? 2 : undefined} titleLinesMax={oneLineTitle ? 1 : 2} subtitleLinesMax={oneLineSubtitle ? 1 : 2} @@ -195,6 +199,7 @@ const Template: StoryComponent = ({ title={title} subtitle={subtitle} description={description} + detail={detail} badge={withBadge ? 22 : undefined} titleLinesMax={oneLineTitle ? 1 : 2} subtitleLinesMax={oneLineSubtitle ? 1 : 2} @@ -209,6 +214,7 @@ const Template: StoryComponent = ({ title={title} subtitle={subtitle} description={description} + detail={detail} badge={withBadge ? 22 : undefined} titleLinesMax={oneLineTitle ? 1 : 2} subtitleLinesMax={oneLineSubtitle ? 1 : 2} @@ -223,6 +229,7 @@ const Template: StoryComponent = ({ title={title} subtitle={subtitle} description={description} + detail={detail} badge={withBadge ? 22 : undefined} titleLinesMax={oneLineTitle ? 1 : 2} subtitleLinesMax={oneLineSubtitle ? 1 : 2} @@ -237,6 +244,7 @@ const Template: StoryComponent = ({ title={title} subtitle={subtitle} description={description} + detail={detail} badge={withBadge ? 22 : undefined} titleLinesMax={oneLineTitle ? 1 : 2} subtitleLinesMax={oneLineSubtitle ? 1 : 2} @@ -251,6 +259,7 @@ const Template: StoryComponent = ({ title={title} subtitle={subtitle} description={description} + detail={detail} badge={withBadge ? 22 : undefined} titleLinesMax={oneLineTitle ? 1 : 2} subtitleLinesMax={oneLineSubtitle ? 1 : 2} @@ -265,6 +274,7 @@ const Template: StoryComponent = ({ title={title} subtitle={subtitle} description={description} + detail={detail} badge={withBadge ? 22 : undefined} titleLinesMax={oneLineTitle ? 1 : 2} subtitleLinesMax={oneLineSubtitle ? 1 : 2} @@ -279,6 +289,7 @@ const Template: StoryComponent = ({ title={title} subtitle={subtitle} description={description} + detail={detail} badge={withBadge ? 22 : undefined} titleLinesMax={oneLineTitle ? 1 : 2} subtitleLinesMax={oneLineSubtitle ? 1 : 2} @@ -304,6 +315,7 @@ const defaultArgs = { title: 'Title', subtitle: '', description: 'Description', + detail: '', control: 'chevron', withBadge: false, oneLineTitle: false, diff --git a/src/card.tsx b/src/card.tsx index 77986b93e7..01f107bf6f 100644 --- a/src/card.tsx +++ b/src/card.tsx @@ -926,7 +926,11 @@ const DisplayCard = React.forwardRef( truncate={descriptionLinesMax} as="p" regular - color={vars.colors.textSecondary} + color={ + withGradient + ? vars.colors.textPrimary + : vars.colors.textSecondary + } textShadow={textShadow} hyphens="auto" > diff --git a/src/list.css.ts b/src/list.css.ts index 76d18e65aa..ebba74e48e 100644 --- a/src/list.css.ts +++ b/src/list.css.ts @@ -64,7 +64,10 @@ export const control = style([ }, ]); -export const right = style({marginLeft: 16}); +export const right = style({display: 'flex', marginLeft: 16, maxWidth: '40%'}); + +export const detailRight = style({paddingLeft: 8}); +export const detail = style({textAlign: 'right'}); export const centeredControl = sprinkles({ display: 'flex', diff --git a/src/list.tsx b/src/list.tsx index c59351d1e7..d2a02c679c 100644 --- a/src/list.tsx +++ b/src/list.tsx @@ -36,6 +36,7 @@ interface CommonProps { subtitleLinesMax?: number; description?: string | null; descriptionLinesMax?: number; + detail?: string; asset?: React.ReactNode; badge?: boolean | number; role?: string; @@ -74,6 +75,7 @@ const Content: React.FC = ({ subtitleLinesMax, description, descriptionLinesMax, + detail, asset, type = 'basic', badge, @@ -114,21 +116,37 @@ const Content: React.FC = ({ > {headline && ( - + {headline} )} - + {title} {subtitle && ( - + {subtitle} )} {description && ( - + {description} )} @@ -136,34 +154,44 @@ const Content: React.FC = ({ + {renderBadge()} - {type === 'chevron' && ( - - - - )} - {type === 'control' &&
{renderRight(right, centerY)}
} - {type === 'custom' && ( - <> -
+ +
+ {detail && ( +
+ + {detail} + +
+ )} + + {type === 'control' && ( +
{renderRight(right, centerY)}
- {withChevron && ( - - - - )} - - )} + )} + + {type === 'custom' && ( +
+ {renderRight(right, centerY)} +
+ )} + + {(type === 'chevron' || (type === 'custom' && withChevron)) && ( + + + + )} +
); }; @@ -280,6 +308,7 @@ const RowContent = React.forwardRef((props, r subtitleLinesMax, description, descriptionLinesMax, + detail, badge, role, extra, @@ -310,6 +339,7 @@ const RowContent = React.forwardRef((props, r titleLinesMax={titleLinesMax} subtitleLinesMax={subtitleLinesMax} descriptionLinesMax={descriptionLinesMax} + detail={detail} type={type} right={right} extra={extra} diff --git a/src/skins/blau.tsx b/src/skins/blau.tsx index e91b6cda89..21a2293953 100644 --- a/src/skins/blau.tsx +++ b/src/skins/blau.tsx @@ -275,6 +275,11 @@ export const getBlauSkin: GetKnownSkin = () => { textPresets: { cardTitle: {weight: 'regular'}, button: {weight: 'medium'}, + tabsLabel: { + weight: 'medium', + size: {mobile: 16, desktop: 18}, + lineHeight: {mobile: 24, desktop: 24}, + }, link: {weight: 'medium'}, title1: {weight: 'medium'}, indicator: {weight: 'medium'}, @@ -284,7 +289,6 @@ export const getBlauSkin: GetKnownSkin = () => { text8: {weight: 'light'}, text9: {weight: 'light'}, text10: {weight: 'light'}, - tabsLabel: {size: {mobile: 16, desktop: 18}, lineHeight: {mobile: 24, desktop: 24}}, }, }; return skin; diff --git a/src/skins/defaults.tsx b/src/skins/defaults.tsx index 1db052c284..dadd9d0de7 100644 --- a/src/skins/defaults.tsx +++ b/src/skins/defaults.tsx @@ -12,7 +12,7 @@ export const defaultTextPresetsConfig: TextPresetsConfig = { link: {weight: 'medium'}, title1: {weight: 'medium'}, indicator: {weight: 'medium'}, - tabsLabel: {size: {mobile: 16, desktop: 18}, lineHeight: {mobile: 24, desktop: 24}}, + tabsLabel: {weight: 'medium', size: {mobile: 16, desktop: 18}, lineHeight: {mobile: 24, desktop: 24}}, }; export const defaultBorderRadiiConfig: BorderRadiiConfig = { diff --git a/src/skins/movistar-legacy.tsx b/src/skins/movistar-legacy.tsx index eac76b5691..50725880c7 100644 --- a/src/skins/movistar-legacy.tsx +++ b/src/skins/movistar-legacy.tsx @@ -281,6 +281,11 @@ export const getMovistarLegacySkin: GetKnownSkin = (variant) => { textPresets: { cardTitle: {weight: 'bold'}, button: {weight: 'medium'}, + tabsLabel: { + weight: 'medium', + size: {mobile: 16, desktop: 18}, + lineHeight: {mobile: 24, desktop: 24}, + }, link: {weight: 'medium'}, title1: {weight: 'medium'}, indicator: {weight: 'medium'}, @@ -290,7 +295,6 @@ export const getMovistarLegacySkin: GetKnownSkin = (variant) => { text8: {weight: 'bold'}, text9: {weight: 'bold'}, text10: {weight: 'bold'}, - tabsLabel: {size: {mobile: 16, desktop: 18}, lineHeight: {mobile: 24, desktop: 24}}, }, }; @@ -303,6 +307,5 @@ export const getMovistarLegacySkin: GetKnownSkin = (variant) => { skin.colors.controlActivated = palette.movistarProminentBlue; skin.colors.dividerInverse = palette.movistarProminentBlueDark; } - return skin; }; diff --git a/src/skins/movistar.tsx b/src/skins/movistar.tsx index a1c4db9be5..cef5e1ee6f 100644 --- a/src/skins/movistar.tsx +++ b/src/skins/movistar.tsx @@ -279,6 +279,11 @@ export const getMovistarSkin: GetKnownSkin = () => { textPresets: { cardTitle: {weight: 'bold'}, button: {weight: 'medium'}, + tabsLabel: { + weight: 'medium', + size: {mobile: 16, desktop: 18}, + lineHeight: {mobile: 24, desktop: 24}, + }, link: {weight: 'medium'}, title1: {weight: 'medium'}, indicator: {weight: 'medium'}, @@ -288,7 +293,6 @@ export const getMovistarSkin: GetKnownSkin = () => { text8: {weight: 'bold'}, text9: {weight: 'bold'}, text10: {weight: 'bold'}, - tabsLabel: {size: {mobile: 16, desktop: 18}, lineHeight: {mobile: 24, desktop: 24}}, }, }; return skin; diff --git a/src/skins/o2.tsx b/src/skins/o2.tsx index 7eb871d5c7..4dc8ed0f6c 100644 --- a/src/skins/o2.tsx +++ b/src/skins/o2.tsx @@ -279,6 +279,11 @@ export const getO2Skin: GetKnownSkin = () => { textPresets: { cardTitle: {weight: 'regular'}, button: {weight: 'medium'}, + tabsLabel: { + weight: 'medium', + size: {mobile: 16, desktop: 18}, + lineHeight: {mobile: 24, desktop: 24}, + }, link: {weight: 'medium'}, title1: {weight: 'medium'}, indicator: {weight: 'medium'}, @@ -288,7 +293,6 @@ export const getO2Skin: GetKnownSkin = () => { text8: {weight: 'light'}, text9: {weight: 'light'}, text10: {weight: 'light'}, - tabsLabel: {size: {mobile: 16, desktop: 18}, lineHeight: {mobile: 24, desktop: 24}}, }, }; return skin; diff --git a/src/skins/telefonica.tsx b/src/skins/telefonica.tsx index 1d373f4f02..f2cc917b42 100644 --- a/src/skins/telefonica.tsx +++ b/src/skins/telefonica.tsx @@ -273,6 +273,11 @@ export const getTelefonicaSkin: GetKnownSkin = () => { textPresets: { cardTitle: {weight: 'regular'}, button: {weight: 'medium'}, + tabsLabel: { + weight: 'medium', + size: {mobile: 16, desktop: 18}, + lineHeight: {mobile: 24, desktop: 24}, + }, link: {weight: 'medium'}, title1: {weight: 'medium'}, indicator: {weight: 'medium'}, @@ -282,7 +287,6 @@ export const getTelefonicaSkin: GetKnownSkin = () => { text8: {weight: 'regular'}, text9: {weight: 'regular'}, text10: {weight: 'regular'}, - tabsLabel: {size: {mobile: 16, desktop: 18}, lineHeight: {mobile: 24, desktop: 24}}, }, }; return skin; diff --git a/src/skins/types/index.tsx b/src/skins/types/index.tsx index 2bc405d96f..d5cd46e04b 100644 --- a/src/skins/types/index.tsx +++ b/src/skins/types/index.tsx @@ -22,6 +22,7 @@ export type TextPresetsConfig = { title1: TextTokenConfig<'regular' | 'medium'>; indicator: TextTokenConfig<'regular' | 'medium'>; tabsLabel: { + weight: FontWeight; size: {mobile: number; desktop: number}; lineHeight: {mobile: number; desktop: number}; }; diff --git a/src/skins/vivo-new.tsx b/src/skins/vivo-new.tsx index f2dbf6e37f..4c2d20ea58 100644 --- a/src/skins/vivo-new.tsx +++ b/src/skins/vivo-new.tsx @@ -273,6 +273,11 @@ export const getVivoNewSkin: GetKnownSkin = () => { textPresets: { cardTitle: {weight: 'regular'}, button: {weight: 'regular'}, + tabsLabel: { + weight: 'regular', + size: {mobile: 18, desktop: 18}, + lineHeight: {mobile: 24, desktop: 24}, + }, link: {weight: 'regular'}, title1: {weight: 'regular'}, indicator: {weight: 'regular'}, @@ -282,7 +287,6 @@ export const getVivoNewSkin: GetKnownSkin = () => { text8: {weight: 'regular'}, text9: {weight: 'regular'}, text10: {weight: 'regular'}, - tabsLabel: {size: {mobile: 18, desktop: 18}, lineHeight: {mobile: 24, desktop: 24}}, }, }; return skin; diff --git a/src/skins/vivo.tsx b/src/skins/vivo.tsx index 8a4e03843f..f89ece60b4 100644 --- a/src/skins/vivo.tsx +++ b/src/skins/vivo.tsx @@ -273,6 +273,11 @@ export const getVivoSkin: GetKnownSkin = () => { textPresets: { cardTitle: {weight: 'regular'}, button: {weight: 'medium'}, + tabsLabel: { + weight: 'medium', + size: {mobile: 16, desktop: 18}, + lineHeight: {mobile: 24, desktop: 24}, + }, link: {weight: 'medium'}, title1: {weight: 'medium'}, indicator: {weight: 'medium'}, @@ -282,7 +287,6 @@ export const getVivoSkin: GetKnownSkin = () => { text8: {weight: 'light'}, text9: {weight: 'light'}, text10: {weight: 'light'}, - tabsLabel: {size: {mobile: 16, desktop: 18}, lineHeight: {mobile: 24, desktop: 24}}, }, }; return skin; diff --git a/src/spinner.css.ts b/src/spinner.css.ts index 66a0211d4e..6d40e8fea3 100644 --- a/src/spinner.css.ts +++ b/src/spinner.css.ts @@ -34,7 +34,7 @@ const spinnerIosKeyframes = keyframes({ }); export const spinnerDefault = style([ - sprinkles({flexShrink: 0}), + sprinkles({flexShrink: 0, display: 'block'}), { animation: `${rotatorKeyframes} 1.4s linear infinite`, }, @@ -49,6 +49,7 @@ export const spinnerDefaultPath = style({ export const spinnerIos = sprinkles({ flexShrink: 0, + display: 'block', }); export const spinnerIosSvgPath = style({ diff --git a/src/tabs.tsx b/src/tabs.tsx index 94fe08d66c..4e32111a79 100644 --- a/src/tabs.tsx +++ b/src/tabs.tsx @@ -114,7 +114,7 @@ const Tabs: React.FC = ({selectedIndex, onChange, tabs, dataAttribute mobileSize={textPresets.tabsLabel.size.mobile} desktopLineHeight={textPresets.tabsLabel.lineHeight.desktop} mobileLineHeight={textPresets.tabsLabel.lineHeight.mobile} - weight="medium" + weight={textPresets.tabsLabel.weight} color="inherit" wordBreak={false} textAlign="center"