diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx index de6fd1e9e3..5a0a3e311d 100644 --- a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx +++ b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx @@ -48,9 +48,9 @@ test.describe(`${TAG.VISUAL} `, () => { }); expect(paddingTop).toBe('24px'); - expect(paddingRight).toBe('32px'); + expect(paddingRight).toBe('40px'); expect(paddingBottom).toBe('24px'); - expect(paddingLeft).toBe('32px'); + expect(paddingLeft).toBe('40px'); }); await test.step('Verify paddings for second section', async () => { diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-1-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-1-chromium-linux.png index a113c11c41..cb3855b24c 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-1-chromium-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-1-chromium-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-1-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-1-firefox-linux.png index ab27e9295e..6dce9a0643 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-1-firefox-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-1-firefox-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-1-webkit-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-1-webkit-linux.png index d12f7ec3b0..a3dea4feef 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-1-webkit-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-1-webkit-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-2-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-2-chromium-linux.png index 6777fe7d30..01b2266fdb 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-2-chromium-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-2-chromium-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-2-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-2-firefox-linux.png index ab27e9295e..6dce9a0643 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-2-firefox-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-2-firefox-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-2-webkit-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-2-webkit-linux.png index ea1941895d..9ec5f14f57 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-2-webkit-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-dual-zone-render-and-styles-2-webkit-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-all-features-enabled-1-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-all-features-enabled-1-chromium-linux.png index 36943b24ac..e25850be2c 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-all-features-enabled-1-chromium-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-all-features-enabled-1-chromium-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-all-features-enabled-1-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-all-features-enabled-1-firefox-linux.png index e4fa5f326e..2b98674dc4 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-all-features-enabled-1-firefox-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-all-features-enabled-1-firefox-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-all-features-enabled-1-webkit-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-all-features-enabled-1-webkit-linux.png index 3845d8b049..d17cb2a19a 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-all-features-enabled-1-webkit-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-all-features-enabled-1-webkit-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-back-long-title-no-custom-close-1-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-back-long-title-no-custom-close-1-chromium-linux.png index 822b4dec83..79297f6883 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-back-long-title-no-custom-close-1-chromium-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-back-long-title-no-custom-close-1-chromium-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-back-long-title-no-custom-close-1-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-back-long-title-no-custom-close-1-firefox-linux.png index cbe596c95e..1f7a0c7737 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-back-long-title-no-custom-close-1-firefox-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-back-long-title-no-custom-close-1-firefox-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-back-long-title-no-custom-close-1-webkit-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-back-long-title-no-custom-close-1-webkit-linux.png index b5b49c8af6..16165e85e5 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-back-long-title-no-custom-close-1-webkit-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-back-long-title-no-custom-close-1-webkit-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-back-title-desc-tooltip-1-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-back-title-desc-tooltip-1-chromium-linux.png index a02386bc72..fa9c6c8ed2 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-back-title-desc-tooltip-1-chromium-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-back-title-desc-tooltip-1-chromium-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-back-title-desc-tooltip-1-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-back-title-desc-tooltip-1-firefox-linux.png index bf2f13a331..f73c9e30b4 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-back-title-desc-tooltip-1-firefox-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-back-title-desc-tooltip-1-firefox-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-back-title-desc-tooltip-1-webkit-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-back-title-desc-tooltip-1-webkit-linux.png index c03ad9d8cc..49bc7e6b5e 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-back-title-desc-tooltip-1-webkit-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-back-title-desc-tooltip-1-webkit-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-desc-only-1-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-desc-only-1-chromium-linux.png index 879ba3d8c8..aa510999cd 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-desc-only-1-chromium-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-desc-only-1-chromium-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-desc-only-1-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-desc-only-1-firefox-linux.png index b1573904b8..7351fb99f3 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-desc-only-1-firefox-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-desc-only-1-firefox-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-desc-only-1-webkit-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-desc-only-1-webkit-linux.png index 82c98e575d..cd9e83860f 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-desc-only-1-webkit-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-desc-only-1-webkit-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-short-title-desc-1-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-short-title-desc-1-chromium-linux.png index 4c1962c315..9d46e324fc 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-short-title-desc-1-chromium-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-short-title-desc-1-chromium-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-short-title-desc-1-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-short-title-desc-1-firefox-linux.png index f532750dd4..19abb2587d 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-short-title-desc-1-firefox-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-short-title-desc-1-firefox-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-short-title-desc-1-webkit-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-short-title-desc-1-webkit-linux.png index a8b2ef01ee..5b1665b78a 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-short-title-desc-1-webkit-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-close-short-title-desc-1-webkit-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-empty-header-1-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-empty-header-1-chromium-linux.png index 4f13e7d2ef..f604777d9a 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-empty-header-1-chromium-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-empty-header-1-chromium-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-empty-header-1-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-empty-header-1-firefox-linux.png index b25876d471..610f9de219 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-empty-header-1-firefox-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-empty-header-1-firefox-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-empty-header-1-webkit-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-empty-header-1-webkit-linux.png index 180e4669b7..07d1e05862 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-empty-header-1-webkit-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-empty-header-1-webkit-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-long-title-desc-wrapping-1-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-long-title-desc-wrapping-1-chromium-linux.png index 42de17f122..a5f93c138e 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-long-title-desc-wrapping-1-chromium-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-long-title-desc-wrapping-1-chromium-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-long-title-desc-wrapping-1-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-long-title-desc-wrapping-1-firefox-linux.png index 9a5cab82b6..27ab7c9ccd 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-long-title-desc-wrapping-1-firefox-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-long-title-desc-wrapping-1-firefox-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-long-title-desc-wrapping-1-webkit-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-long-title-desc-wrapping-1-webkit-linux.png index a42e9df797..a97d09fdb5 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-long-title-desc-wrapping-1-webkit-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-long-title-desc-wrapping-1-webkit-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-not-closable-no-close-button-1-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-not-closable-no-close-button-1-chromium-linux.png index e3ff8d7859..59bcb142bb 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-not-closable-no-close-button-1-chromium-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-not-closable-no-close-button-1-chromium-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-not-closable-no-close-button-1-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-not-closable-no-close-button-1-firefox-linux.png index f7b6f873e0..698ba0db55 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-not-closable-no-close-button-1-firefox-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-not-closable-no-close-button-1-firefox-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-not-closable-no-close-button-1-webkit-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-not-closable-no-close-button-1-webkit-linux.png index fdc3f43e8d..8c1e1f36d5 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-not-closable-no-close-button-1-webkit-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-configuration-not-closable-no-close-button-1-webkit-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-is-fixed-when-scrolling-body-1-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-is-fixed-when-scrolling-body-1-chromium-linux.png index 047e7e85c5..4764224286 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-is-fixed-when-scrolling-body-1-chromium-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-is-fixed-when-scrolling-body-1-chromium-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-is-fixed-when-scrolling-body-1-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-is-fixed-when-scrolling-body-1-firefox-linux.png index a09ed39a2e..37624cd678 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-is-fixed-when-scrolling-body-1-firefox-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-header-is-fixed-when-scrolling-body-1-firefox-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-1-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-1-chromium-linux.png index 49a647f106..963a71bb89 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-1-chromium-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-1-chromium-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-1-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-1-firefox-linux.png index c9cd8305d3..df48b6b68d 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-1-firefox-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-1-firefox-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-1-webkit-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-1-webkit-linux.png index 0245178fd3..ac6de73462 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-1-webkit-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-1-webkit-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-2-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-2-chromium-linux.png index 060e2f3796..2de1b39869 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-2-chromium-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-2-chromium-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-2-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-2-firefox-linux.png index f7b7801de5..b769b36067 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-2-firefox-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-2-firefox-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-2-webkit-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-2-webkit-linux.png index cc709bcfbc..90f0d2f0d8 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-2-webkit-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/-visual-Verify-navigation-when-no-footer-and-1-zone-in-body-2-webkit-linux.png differ diff --git a/semcore/fullscreen-modal/src/FullscreenModal.jsx b/semcore/fullscreen-modal/src/FullscreenModal.jsx index ec9b28378b..e9f3a23ee8 100644 --- a/semcore/fullscreen-modal/src/FullscreenModal.jsx +++ b/semcore/fullscreen-modal/src/FullscreenModal.jsx @@ -142,7 +142,7 @@ function Title(props) { function Description(props) { const SDescription = Root; - return sstyled(props.styles)(); + return sstyled(props.styles)(); } function Back(props) { @@ -150,7 +150,7 @@ function Back(props) { const { Children, styles } = props; return sstyled(styles)( - + diff --git a/semcore/fullscreen-modal/src/style/fullscreen-modal.shadow.css b/semcore/fullscreen-modal/src/style/fullscreen-modal.shadow.css index ab12fb8d25..de88de871d 100644 --- a/semcore/fullscreen-modal/src/style/fullscreen-modal.shadow.css +++ b/semcore/fullscreen-modal/src/style/fullscreen-modal.shadow.css @@ -26,8 +26,7 @@ SFullscreenOverlay { position: absolute; z-index: 1; top: 8px; - left: 32px; - margin-bottom: var(--intergalactic-spacing-3x, 12px); + left: var(--intergalactic-spacing-content-padding-xxlarge, 40px); } STitle, @@ -42,29 +41,26 @@ SFullscreenOverlay { color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899)); } - SDescription { - font-size: var(--intergalactic-fs-100, 12px); - line-height: var(--intergalactic-lh-100, 133%); - color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583)); - } - SHeader { display: flex; flex-direction: column; - gap: var(--intergalactic-spacing-2x, 8px); + gap: var(--intergalactic-spacing-content-gap-large, 8px); align-items: flex-start; - padding-left: var(--intergalactic-spacing-8x, 32px); - padding-bottom: var(--intergalactic-spacing-4x, 16px); - padding-right: calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px)); - padding-top: var(--intergalactic-spacing-10x, 40px); - box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161)); - box-sizing: border-box; + + padding-left: var(--intergalactic-spacing-content-padding-xxlarge, 40px); + padding-bottom: var(--intergalactic-spacing-content-padding-large, 16px); + padding-right: 72px; + padding-top: var(--intergalactic-spacing-content-padding-xxlarge, 40px); + border-bottom: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161)); } SFooter { min-height: 52px; - box-shadow: inset 0 1px 1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161)); - box-sizing: border-box; + border-top: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161)); + padding: var(--intergalactic-spacing-content-padding-medium, 12px) var(--intergalactic-spacing-content-padding-xxlarge, 40px); + justify-content: center; + align-items: center; + gap: var(--intergalactic-spacing-content-gap-xlarge, 12px); } SBody { @@ -74,10 +70,10 @@ SFullscreenOverlay { } SSection { - padding-top: var(--intergalactic-spacing-6x, 24px); - padding-bottom: var(--intergalactic-spacing-6x, 24px); - padding-left: var(--intergalactic-spacing-8x, 32px); - padding-right: var(--intergalactic-spacing-8x, 32px); + padding-top: var(--intergalactic-spacing-content-padding-xlarge-extended, 24px); + padding-bottom: var(--intergalactic-spacing-content-padding-xlarge-extended, 24px); + padding-left: var(--intergalactic-spacing-content-padding-xxlarge, 40px); + padding-right: var(--intergalactic-spacing-content-padding-xxlarge, 40px); flex: 1 1 auto; } diff --git a/stories/components/fullscreen-modal/docs/examples/example_of_a_dual-zone_modal_window.tsx b/stories/components/fullscreen-modal/docs/examples/example_of_a_dual-zone_modal_window.tsx index 8614f05c48..6855dd972d 100644 --- a/stories/components/fullscreen-modal/docs/examples/example_of_a_dual-zone_modal_window.tsx +++ b/stories/components/fullscreen-modal/docs/examples/example_of_a_dual-zone_modal_window.tsx @@ -53,13 +53,8 @@ const Demo = () => { - -