diff --git a/playground/utils/renderIcon.tsx b/playground/utils/renderIcon.tsx
index cd6647d121..3e84927b76 100644
--- a/playground/utils/renderIcon.tsx
+++ b/playground/utils/renderIcon.tsx
@@ -19,6 +19,10 @@ const SizeToIconMap = {
before: ,
after: ,
},
+ 350: {
+ before: ,
+ after: ,
+ },
400: {
before: ,
after: ,
diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx b/semcore/base-components/__tests__/ellipsis.browser-test.tsx
index 892f4acc02..9e79425fd2 100644
--- a/semcore/base-components/__tests__/ellipsis.browser-test.tsx
+++ b/semcore/base-components/__tests__/ellipsis.browser-test.tsx
@@ -27,6 +27,7 @@ test.describe(`${TAG.VISUAL}`, () => {
{ ellipsis: { 'ellipsis:cropPosition': 'middle', 'ellipsis:lastRequiredSymbols': 2 }, size: 100 },
{ ellipsis: { 'ellipsis:cropPosition': 'middle', 'ellipsis:lastRequiredSymbols': 7 }, size: 200 },
{ ellipsis: { 'ellipsis:cropPosition': 'middle' }, size: 300 },
+ { ellipsis: { 'ellipsis:cropPosition': 'middle' }, size: 350 },
{ ellipsis: { 'ellipsis:cropPosition': 'middle' }, size: 400 },
{ ellipsis: { 'ellipsis:cropPosition': 'middle' }, size: 500 },
{ ellipsis: { 'ellipsis:cropPosition': 'middle' }, size: 600 },
diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1f7e5--ellipsis-cropPosition-middle-size-350-1-chromium-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1f7e5--ellipsis-cropPosition-middle-size-350-1-chromium-linux.png
new file mode 100644
index 0000000000..3edeb876b1
Binary files /dev/null and b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1f7e5--ellipsis-cropPosition-middle-size-350-1-chromium-linux.png differ
diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1f7e5--ellipsis-cropPosition-middle-size-350-1-firefox-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1f7e5--ellipsis-cropPosition-middle-size-350-1-firefox-linux.png
new file mode 100644
index 0000000000..60e062e8cd
Binary files /dev/null and b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1f7e5--ellipsis-cropPosition-middle-size-350-1-firefox-linux.png differ
diff --git a/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1f7e5--ellipsis-cropPosition-middle-size-350-1-webkit-linux.png b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1f7e5--ellipsis-cropPosition-middle-size-350-1-webkit-linux.png
new file mode 100644
index 0000000000..29cf2df603
Binary files /dev/null and b/semcore/base-components/__tests__/ellipsis.browser-test.tsx-snapshots/-visual-Text-with-ellipsis-Verify-ellipsis-on--1f7e5--ellipsis-cropPosition-middle-size-350-1-webkit-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-chromium-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-chromium-linux.png
index 560805d6b6..f64869fe8e 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-chromium-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-chromium-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-end-chromium-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-end-chromium-linux.png
index f2a97a2609..0bc942335b 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-end-chromium-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-end-chromium-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-end-firefox-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-end-firefox-linux.png
index 2d86493077..2c06fa99ff 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-end-firefox-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-end-firefox-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-end-webkit-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-end-webkit-linux.png
index c32c0f0571..b29ecef61d 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-end-webkit-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-end-webkit-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-firefox-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-firefox-linux.png
index 76a2ae0d21..39b84b62a7 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-firefox-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-firefox-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-start-chromium-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-start-chromium-linux.png
index a56f83b4bb..36f3decd78 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-start-chromium-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-start-chromium-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-start-firefox-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-start-firefox-linux.png
index 887ec24341..ae9f4c8a88 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-start-firefox-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-start-firefox-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-start-webkit-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-start-webkit-linux.png
index 416f935871..717ff1a4f2 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-start-webkit-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-start-webkit-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-webkit-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-webkit-linux.png
index fb89e8c889..f71b15701e 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-webkit-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-bottom-webkit-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-chromium-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-chromium-linux.png
index 3721ae552c..a6131d6a94 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-chromium-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-chromium-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-end-chromium-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-end-chromium-linux.png
index 939bcd4bc8..125c7dd5d4 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-end-chromium-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-end-chromium-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-end-firefox-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-end-firefox-linux.png
index 5f50044109..ad4e57809d 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-end-firefox-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-end-firefox-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-end-webkit-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-end-webkit-linux.png
index 2e0b3b8315..eae2f5aeac 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-end-webkit-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-end-webkit-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-firefox-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-firefox-linux.png
index e689b9373c..bac9a71cc3 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-firefox-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-firefox-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-start-chromium-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-start-chromium-linux.png
index d6eb2b63d4..39d368b89d 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-start-chromium-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-start-chromium-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-start-firefox-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-start-firefox-linux.png
index 9a5fc16a8e..d9370c9bef 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-start-firefox-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-start-firefox-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-start-webkit-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-start-webkit-linux.png
index 175f04642b..773b5881b1 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-start-webkit-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-start-webkit-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-webkit-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-webkit-linux.png
index 98076b9b7d..648f423670 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-webkit-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-left-webkit-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-chromium-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-chromium-linux.png
index ba06f9400b..3b5343742b 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-chromium-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-chromium-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-end-chromium-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-end-chromium-linux.png
index 463007b9fe..16fe603e52 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-end-chromium-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-end-chromium-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-end-firefox-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-end-firefox-linux.png
index 753c7413fe..1b05bb0afd 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-end-firefox-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-end-firefox-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-end-webkit-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-end-webkit-linux.png
index 3197008ad6..eb4d36db7a 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-end-webkit-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-end-webkit-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-firefox-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-firefox-linux.png
index 4c7774b0b2..0078aa0121 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-firefox-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-firefox-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-start-chromium-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-start-chromium-linux.png
index f8d8edf0c2..41465311fc 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-start-chromium-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-start-chromium-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-start-firefox-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-start-firefox-linux.png
index 8b47605a76..28d11076c7 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-start-firefox-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-start-firefox-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-start-webkit-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-start-webkit-linux.png
index ad5773c0c3..b3b5ec628a 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-start-webkit-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-start-webkit-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-webkit-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-webkit-linux.png
index b19ae237db..96ee9110f7 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-webkit-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-right-webkit-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-chromium-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-chromium-linux.png
index 252c7fbcf0..0d6f82b6c4 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-chromium-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-chromium-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-end-chromium-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-end-chromium-linux.png
index b17191bc79..a4c54ac8aa 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-end-chromium-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-end-chromium-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-end-firefox-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-end-firefox-linux.png
index 0ac52c42a3..d086138d38 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-end-firefox-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-end-firefox-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-end-webkit-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-end-webkit-linux.png
index 626759e1ab..78ff692047 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-end-webkit-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-end-webkit-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-firefox-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-firefox-linux.png
index 5dc7e0a9a5..191bcb698e 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-firefox-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-firefox-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-start-chromium-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-start-chromium-linux.png
index cbfd9c0b58..2edbac1b66 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-start-chromium-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-start-chromium-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-start-firefox-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-start-firefox-linux.png
index 8f6c507773..38e2c6a51e 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-start-firefox-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-start-firefox-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-start-webkit-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-start-webkit-linux.png
index adfb5c8e4d..9f4bb76cdc 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-start-webkit-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-start-webkit-linux.png differ
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-webkit-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-webkit-linux.png
index 2e4a7de41a..a9a1910374 100644
Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-webkit-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/popper-top-webkit-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx
index fd0f444658..1fdf99e83d 100644
--- a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx
+++ b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx
@@ -22,7 +22,7 @@ Visual states, hover and focus styles, paddings, margins, and snapshots.
===================================================== */
test.describe(` ${TAG.VISUAL}`, () => {
// Section 1: Size × addon position × ellipsis × addonType × color × use rotation
- const sizes = [100, 200, 300, 400, 500, 600, 700, 800];
+ const sizes = [100, 200, 300, 400, 500, 600, 700, 800, 350];
const longText = 'The quick brown fox jumps over the lazy dog and even more text to ensure truncation';
const addonTypes = ['icon', 'badge', 'counter', 'tag'];
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-200-no-addons-text-success-ellipsis-true-2-chromium-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-200-no-addons-text-success-ellipsis-true-2-chromium-linux.png
index caeb542648..a7fb5fda6e 100644
Binary files a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-200-no-addons-text-success-ellipsis-true-2-chromium-linux.png and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-200-no-addons-text-success-ellipsis-true-2-chromium-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-300-no-addons-text-critical-ellipsis-true-2-chromium-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-300-no-addons-text-critical-ellipsis-true-2-chromium-linux.png
index 4b13d28038..ded72d049b 100644
Binary files a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-300-no-addons-text-critical-ellipsis-true-2-chromium-linux.png and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-300-no-addons-text-critical-ellipsis-true-2-chromium-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-1-chromium-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-1-chromium-linux.png
new file mode 100644
index 0000000000..69479e5274
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-1-chromium-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-1-firefox-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-1-firefox-linux.png
new file mode 100644
index 0000000000..1779514d90
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-1-firefox-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-1-webkit-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-1-webkit-linux.png
new file mode 100644
index 0000000000..1ba67870fc
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-1-webkit-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-2-chromium-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-2-chromium-linux.png
new file mode 100644
index 0000000000..af4c1cc140
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-2-chromium-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-2-firefox-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-2-firefox-linux.png
new file mode 100644
index 0000000000..f8277f03c9
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-2-firefox-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-2-webkit-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-2-webkit-linux.png
new file mode 100644
index 0000000000..f22636d7d7
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonLeft-cropPosition-middle-2-webkit-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png
new file mode 100644
index 0000000000..7f4fc74341
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png
new file mode 100644
index 0000000000..6de04348c2
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png
new file mode 100644
index 0000000000..cb0c07d2a8
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png
new file mode 100644
index 0000000000..ee1fd65fad
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png
new file mode 100644
index 0000000000..47f77dcda7
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png
new file mode 100644
index 0000000000..ccf4c20900
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-1-chromium-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-1-chromium-linux.png
new file mode 100644
index 0000000000..8c63cac548
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-1-chromium-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-1-firefox-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-1-firefox-linux.png
new file mode 100644
index 0000000000..132eb5b9f8
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-1-firefox-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-1-webkit-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-1-webkit-linux.png
new file mode 100644
index 0000000000..b1980d0005
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-1-webkit-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-2-chromium-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-2-chromium-linux.png
new file mode 100644
index 0000000000..f4bf2c1b59
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-2-chromium-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-2-firefox-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-2-firefox-linux.png
new file mode 100644
index 0000000000..cd18baa514
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-2-firefox-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-2-webkit-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-2-webkit-linux.png
new file mode 100644
index 0000000000..426a3d0b30
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-both-addons-counter-undefined-2-webkit-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-1-chromium-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-1-chromium-linux.png
new file mode 100644
index 0000000000..2c9d79e4ba
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-1-chromium-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-1-firefox-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-1-firefox-linux.png
new file mode 100644
index 0000000000..00bb9e063d
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-1-firefox-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-1-webkit-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-1-webkit-linux.png
new file mode 100644
index 0000000000..2a2ac6197d
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-1-webkit-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-2-chromium-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-2-chromium-linux.png
new file mode 100644
index 0000000000..8d955a5052
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-2-chromium-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-2-firefox-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-2-firefox-linux.png
new file mode 100644
index 0000000000..fb1a3809c6
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-2-firefox-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-2-webkit-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-2-webkit-linux.png
new file mode 100644
index 0000000000..4f497d73c3
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-2-webkit-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-3-chromium-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-3-chromium-linux.png
new file mode 100644
index 0000000000..3226e2c016
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-3-chromium-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-3-firefox-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-3-firefox-linux.png
new file mode 100644
index 0000000000..99d5bbbd30
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-3-firefox-linux.png differ
diff --git a/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-3-webkit-linux.png b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-3-webkit-linux.png
new file mode 100644
index 0000000000..e03815b112
Binary files /dev/null and b/semcore/base-trigger/__tests__/link-trigger.browser-test.tsx-snapshots/-visual-Verify-Link-Trigger-size-350-no-addons-ellipsis-true-3-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx b/semcore/button/__tests__/button-link.browser-test.tsx
index a693266169..438afba740 100644
--- a/semcore/button/__tests__/button-link.browser-test.tsx
+++ b/semcore/button/__tests__/button-link.browser-test.tsx
@@ -38,7 +38,7 @@ Visual states, hover and focus styles, paddings, margins, and snapshots.
===================================================== */
test.describe(` ${TAG.VISUAL}`, () => {
// Section 1: Size × addon position × ellipsis × addonType × color × use rotation
- const sizes = [100, 200, 300, 400, 500, 600, 700, 800];
+ const sizes = [100, 200, 300, 400, 500, 600, 700, 800, 350];
const longText = 'The quick brown fox jumps over the lazy dog and even more text to ensure truncation';
const addonTypes = ['icon', 'badge', 'counter', 'spin'];
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-1-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-1-chromium-linux.png
index d994e45647..113adb6e58 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-1-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-1-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-1-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-1-firefox-linux.png
index e95d006642..a3dfd747bc 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-1-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-1-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-1-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-1-webkit-linux.png
index f4cc30b1a1..4e3821107c 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-1-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-1-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-2-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-2-chromium-linux.png
index 274bcaf385..afb85991fe 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-2-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-2-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-2-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-2-firefox-linux.png
index 210611a40b..22c463bb33 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-2-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-2-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-2-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-2-webkit-linux.png
index 92507df6ff..7f4aabf9d3 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-2-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-mixed-addon-types-2-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-100-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-100-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png
index 09c8d6d788..36948b4c10 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-100-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-100-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-100-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-100-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png
index e49dfb1d74..c8d052e74a 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-100-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-100-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-100-no-addons-ellipsis-true-2-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-100-no-addons-ellipsis-true-2-chromium-linux.png
index 0ac95d6765..a751dd477d 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-100-no-addons-ellipsis-true-2-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-100-no-addons-ellipsis-true-2-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-1-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-1-chromium-linux.png
index 2a71687e65..1279dced52 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-1-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-1-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-1-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-1-firefox-linux.png
index b363c6aadf..a2aaf32020 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-1-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-1-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-1-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-1-webkit-linux.png
index 8773fad718..10acc6a4aa 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-1-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-1-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-2-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-2-chromium-linux.png
index c03420af08..73ed75f2a7 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-2-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-2-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-2-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-2-firefox-linux.png
index a716dfa09b..98d24913ca 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-2-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-2-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-2-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-2-webkit-linux.png
index 72d693db13..2872b28e0e 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-2-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-200-addonLeft-badge-secondary-cropPosition-middle-2-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-300-no-addons-text-critical-ellipsis-true-2-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-300-no-addons-text-critical-ellipsis-true-2-chromium-linux.png
index 2f308c8a25..cb85f975af 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-300-no-addons-text-critical-ellipsis-true-2-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-300-no-addons-text-critical-ellipsis-true-2-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-1-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-1-chromium-linux.png
new file mode 100644
index 0000000000..b1421da7dd
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-1-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-1-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-1-firefox-linux.png
new file mode 100644
index 0000000000..980260a459
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-1-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-1-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-1-webkit-linux.png
new file mode 100644
index 0000000000..894d78ceb0
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-1-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-2-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-2-chromium-linux.png
new file mode 100644
index 0000000000..935c4b0430
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-2-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-2-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-2-firefox-linux.png
new file mode 100644
index 0000000000..89fc77dcc6
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-2-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-2-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-2-webkit-linux.png
new file mode 100644
index 0000000000..486dbdfb02
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonLeft-cropPosition-middle-2-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png
new file mode 100644
index 0000000000..7c361c15f2
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png
new file mode 100644
index 0000000000..0cf200d963
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png
new file mode 100644
index 0000000000..fcec898a97
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png
new file mode 100644
index 0000000000..b0a35d3a6e
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png
new file mode 100644
index 0000000000..a1a3385ab0
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png
new file mode 100644
index 0000000000..e567297d46
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-1-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-1-chromium-linux.png
new file mode 100644
index 0000000000..3e456eeeb4
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-1-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-1-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-1-firefox-linux.png
new file mode 100644
index 0000000000..37348b9b84
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-1-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-1-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-1-webkit-linux.png
new file mode 100644
index 0000000000..e1f6f3f077
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-1-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-2-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-2-chromium-linux.png
new file mode 100644
index 0000000000..14e2718c08
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-2-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-2-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-2-firefox-linux.png
new file mode 100644
index 0000000000..e0215b56cd
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-2-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-2-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-2-webkit-linux.png
new file mode 100644
index 0000000000..2769b6a75b
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-both-addons-counter-end-maxLine-2-2-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-1-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-1-chromium-linux.png
new file mode 100644
index 0000000000..20a34e8090
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-1-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-1-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-1-firefox-linux.png
new file mode 100644
index 0000000000..8999baaf6b
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-1-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-1-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-1-webkit-linux.png
new file mode 100644
index 0000000000..1f6c9ebfa6
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-1-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-2-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-2-chromium-linux.png
new file mode 100644
index 0000000000..848dd01499
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-2-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-2-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-2-firefox-linux.png
new file mode 100644
index 0000000000..ca490b6404
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-2-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-2-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-2-webkit-linux.png
new file mode 100644
index 0000000000..e323db163b
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-2-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-3-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-3-chromium-linux.png
new file mode 100644
index 0000000000..6fe88e4bbb
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-3-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-3-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-3-firefox-linux.png
new file mode 100644
index 0000000000..694b052da9
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-3-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-3-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-3-webkit-linux.png
new file mode 100644
index 0000000000..c90f3eb6ca
Binary files /dev/null and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-350-no-addons-ellipsis-true-3-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-1-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-1-chromium-linux.png
index e45e5a4e70..41a5605154 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-1-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-1-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-1-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-1-firefox-linux.png
index 57d06e0f35..96b593bbd6 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-1-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-1-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-1-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-1-webkit-linux.png
index 167f975571..d976ec3cee 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-1-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-1-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-2-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-2-chromium-linux.png
index d3fdf25129..828b55fc6c 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-2-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-2-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-2-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-2-firefox-linux.png
index 0b4cdd90eb..c25a858cc7 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-2-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-2-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-2-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-2-webkit-linux.png
index c102cc8b20..1b0735a645 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-2-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-both-addons-badge-end-maxLine-2-2-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-no-addons-ellipsis-true-2-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-no-addons-ellipsis-true-2-chromium-linux.png
index 8eb92d8aea..34241377f8 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-no-addons-ellipsis-true-2-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-400-no-addons-ellipsis-true-2-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png
index 8ed93df39c..921e268c66 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png
index f9c0536350..9bcd1a3bba 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png
index 3fb4d7e60d..07ccaefa81 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png
index 1a79b0a862..ea99a38fc6 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png
index 20434d3569..0f696aeae7 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png
index 5bb3d14746..631b6b99b2 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-500-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-1-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-1-chromium-linux.png
index 3749b59436..3a61316b67 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-1-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-1-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-1-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-1-firefox-linux.png
index a3d4c7cda2..7dd785c742 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-1-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-1-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-1-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-1-webkit-linux.png
index c10f5ad6dd..b547d3531e 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-1-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-1-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-2-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-2-chromium-linux.png
index 94d4e5d034..0009a5916c 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-2-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-2-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-2-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-2-firefox-linux.png
index a63bf0e161..0d0c1e0e9b 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-2-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-2-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-2-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-2-webkit-linux.png
index dac70c0f71..45d014a12c 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-2-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-600-addonLeft-badge-secondary-cropPosition-middle-2-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-1-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-1-chromium-linux.png
index 72f51f1301..888d4f0efa 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-1-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-1-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-1-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-1-firefox-linux.png
index 0c1e48bc0d..a713076689 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-1-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-1-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-1-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-1-webkit-linux.png
index 518388b285..fdeee18fb7 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-1-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-1-webkit-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-2-chromium-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-2-chromium-linux.png
index 54f7bca04a..0ea2da5c18 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-2-chromium-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-2-chromium-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-2-firefox-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-2-firefox-linux.png
index 61195dbceb..d68ef9cff6 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-2-firefox-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-2-firefox-linux.png differ
diff --git a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-2-webkit-linux.png b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-2-webkit-linux.png
index aa05c9c36a..1e589bc359 100644
Binary files a/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-2-webkit-linux.png and b/semcore/button/__tests__/button-link.browser-test.tsx-snapshots/-visual-Verify-ButtonLink-size-800-both-addons-badge-end-maxLine-2-2-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx b/semcore/card/__tests__/card.browser-test.tsx
index 1a6f8d3699..94e9e57092 100644
--- a/semcore/card/__tests__/card.browser-test.tsx
+++ b/semcore/card/__tests__/card.browser-test.tsx
@@ -44,18 +44,18 @@ test.describe(`${TAG.VISUAL} `, () => {
await test.step('Verify header paddings', async () => {
await expect(header).toHaveCSS('padding-left', '20px');
await expect(header).toHaveCSS('padding-right', '20px');
- await expect(header).toHaveCSS('padding-top', '8px');
- await expect(header).toHaveCSS('padding-bottom', '8px');
+ await expect(header).toHaveCSS('padding-top', '20px');
+ await expect(header).toHaveCSS('padding-bottom', '12px');
});
await test.step('Verify title styles', async () => {
await expect(title).toHaveCSS('margin-right', '4px');
- await expect(title).toHaveCSS('font-size', '16px');
- await expect(title).toHaveCSS('font-weight', '700');
+ await expect(title).toHaveCSS('font-size', '18px');
+ await expect(title).toHaveCSS('font-weight', '600');
});
await test.step('Verify description margin', async () => {
- await expect(description).toHaveCSS('margin-top', '8px');
+ await expect(description).toHaveCSS('margin-top', '0px');
});
await test.step('Verify body padding', async () => {
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-1-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-1-chromium-linux.png
index 21370eebea..f89b60238a 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-1-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-1-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-1-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-1-firefox-linux.png
index d2072208dc..f4244476db 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-1-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-1-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-1-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-1-webkit-linux.png
index be88fa9825..04024d2221 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-1-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-1-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-2-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-2-chromium-linux.png
index 2e20511685..792890afc5 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-2-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-2-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-2-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-2-firefox-linux.png
index 71fdf30855..aa7b9a309b 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-2-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-2-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-2-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-2-webkit-linux.png
index 2946ae6d1b..fbcedcc4a0 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-2-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-2-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-chromium-linux.png
index 28b33b1376..be4cccfa19 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-firefox-linux.png
index fe4354dd9b..25f19a74ad 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-webkit-linux.png
index 9433b86ca2..e6827ca84b 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-3-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-4-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-4-chromium-linux.png
index a604274ed7..7cb8cffac2 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-4-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-4-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-4-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-4-firefox-linux.png
index ffcb2e5977..0f8e0be838 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-4-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-4-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-4-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-4-webkit-linux.png
index 7cfcf2c162..c1bf37aae7 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-4-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-Base-example-margins-and-paddings-4-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-1-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-1-chromium-linux.png
index 68b187dbad..fffe89ab43 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-1-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-1-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-1-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-1-firefox-linux.png
index 5c9fa1063c..64203aa9dc 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-1-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-1-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-1-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-1-webkit-linux.png
index 2e24a1a2b0..dbeb8a8b84 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-1-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-1-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-2-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-2-chromium-linux.png
index 5d71136dc0..260e224a37 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-2-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-2-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-2-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-2-firefox-linux.png
index 9d728e52a2..d078458e9a 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-2-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-2-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-2-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-2-webkit-linux.png
index d2dfaf5a43..9f2e85714a 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-2-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-2-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-3-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-3-chromium-linux.png
index d6d102945b..a3ccec5915 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-3-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-3-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-3-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-3-firefox-linux.png
index d03ffd4fbb..b3d729d32d 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-3-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-3-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-3-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-3-webkit-linux.png
index 2bdd9ee6fa..6f948d9f0e 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-3-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-3-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-4-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-4-chromium-linux.png
index 98cea7b8bc..0ee5a4a37a 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-4-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-4-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-4-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-4-firefox-linux.png
index 9c87d9b882..a0683bbb6e 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-4-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-4-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-4-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-4-webkit-linux.png
index 94e3e8c11e..72ac30dadf 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-4-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-4-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-5-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-5-chromium-linux.png
index eb84ca01b3..d64745e74b 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-5-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-5-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-5-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-5-firefox-linux.png
index 5d7b6b06a2..e9b8f722ab 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-5-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-5-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-5-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-5-webkit-linux.png
index 85df9c80c1..965cb1406f 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-5-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-5-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-6-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-6-chromium-linux.png
index 16d9ab6694..20dfc1a097 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-6-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-6-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-6-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-6-firefox-linux.png
index 57caf2a9df..02ebc74b17 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-6-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-6-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-6-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-6-webkit-linux.png
index 63eb3e4e09..24bffec876 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-6-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-6-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-7-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-7-chromium-linux.png
index 18a4eec46b..564c3faada 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-7-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-7-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-7-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-7-firefox-linux.png
index d78e50a776..7a6c54ba5b 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-7-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-7-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-7-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-7-webkit-linux.png
index 1a86f6eba8..cd1c39185c 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-7-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-7-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-8-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-8-chromium-linux.png
index b6f9ba8aba..d898b01261 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-8-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-8-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-8-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-8-firefox-linux.png
index f2e15c2dac..86fb705890 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-8-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-8-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-8-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-8-webkit-linux.png
index e6a6b69f68..63f60425c3 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-8-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-8-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-9-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-9-chromium-linux.png
index ac62348c79..54eea9dad1 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-9-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-9-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-9-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-9-firefox-linux.png
index 951bcf5d26..85c7b642b3 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-9-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-9-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-9-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-9-webkit-linux.png
index 5b8aa5db44..589b350498 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-9-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-different-card-componens-styles-9-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-chromium-linux.png
index ead4a726de..60320356e8 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-firefox-linux.png
index 5818f58b1b..5efd228a66 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-webkit-linux.png
index e62f7a3b12..613d572fb8 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-1-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-2-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-2-chromium-linux.png
index 3abb7215a2..661fa6efe2 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-2-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-2-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-2-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-2-firefox-linux.png
index 973634a619..e91def3eb3 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-2-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-2-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-2-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-2-webkit-linux.png
index 16cf3910ac..afd56445a0 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-2-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-card-with-ellipsis-width-768-height-800-2-webkit-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-complex-card-styles-1-chromium-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-complex-card-styles-1-chromium-linux.png
index 186a65d629..69e41c302d 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-complex-card-styles-1-chromium-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-complex-card-styles-1-chromium-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-complex-card-styles-1-firefox-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-complex-card-styles-1-firefox-linux.png
index 35a0a604eb..6917699e76 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-complex-card-styles-1-firefox-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-complex-card-styles-1-firefox-linux.png differ
diff --git a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-complex-card-styles-1-webkit-linux.png b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-complex-card-styles-1-webkit-linux.png
index 6df46fe4f2..a9374049e9 100644
Binary files a/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-complex-card-styles-1-webkit-linux.png and b/semcore/card/__tests__/card.browser-test.tsx-snapshots/-visual-Verify-complex-card-styles-1-webkit-linux.png differ
diff --git a/semcore/card/src/Card.tsx b/semcore/card/src/Card.tsx
index 1150e062a2..9f41076c31 100644
--- a/semcore/card/src/Card.tsx
+++ b/semcore/card/src/Card.tsx
@@ -51,7 +51,7 @@ function Title(
return sstyled(styles)(
<>
-
+
{innerHint && (
diff --git a/semcore/card/src/style/card.shadow.css b/semcore/card/src/style/card.shadow.css
index 02bbbda157..fe563e60ef 100644
--- a/semcore/card/src/style/card.shadow.css
+++ b/semcore/card/src/style/card.shadow.css
@@ -2,19 +2,11 @@ SCard {
box-sizing: border-box;
background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
padding: 0;
- border: none;
border-radius: var(--intergalactic-surface-rounded, 8px);
- box-shadow: var(
- --intergalactic-box-shadow-card,
- 0px 0px 1px 0px oklch(0.176 0.033 175.7 / 0.07), 0px 1px 3px 0px oklch(0.176 0.033 175.7 / 0.07)
- );
+ border: 1px solid var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
STitle {
- color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
- font-size: var(--intergalactic-fs-300, 16px);
- line-height: var(--intergalactic-lh-300, 150%);
- font-weight: var(--intergalactic-bold, 700);
- margin-right: var(--intergalactic-spacing-1x, 4px);
+ margin: 0 var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-1x, 4px) 0;
}
SInfoTrigger {
@@ -25,26 +17,21 @@ SCard {
SDescription {
display: block;
- margin-bottom: 0;
- margin-top: var(--intergalactic-spacing-2x, 8px);
+ margin: 0 0 var(--intergalactic-spacing-1x, 4px) 0;
font-size: var(--intergalactic-fs-200, 14px);
line-height: var(--intergalactic-lh-200, 142%);
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
}
SHeader {
- padding-top: var(--intergalactic-spacing-2x, 8px);
- padding-bottom: var(--intergalactic-spacing-2x, 8px);
- padding-left: var(--intergalactic-spacing-5x, 20px);
- padding-right: var(--intergalactic-spacing-5x, 20px);
- box-shadow: inset 0 -1px 0 var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
+ padding-top: var(--intergalactic-spacing-content-padding-xlarge, 20px);
+ padding-bottom: var(--intergalactic-spacing-content-padding-medium, 12px);
+ padding-left: var(--intergalactic-spacing-content-padding-xlarge, 20px);
+ padding-right: var(--intergalactic-spacing-content-padding-xlarge, 20px);
}
SBody {
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
- padding-bottom: var(--intergalactic-spacing-5x, 20px);
- padding-left: var(--intergalactic-spacing-5x, 20px);
- padding-right: var(--intergalactic-spacing-5x, 20px);
- padding-top: var(--intergalactic-spacing-5x, 20px);
+ padding: var(--intergalactic-spacing-content-padding-xlarge, 20px);
}
}
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-chromium-linux.png
index 48d748e30c..383267eebf 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-chromium-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-firefox-linux.png
index 58c27a820e..6d919ef150 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-firefox-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-webkit-linux.png
index cfc265d785..12feb11a8c 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-webkit-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-chromium-linux.png
index 0917ed6041..1d13e644e0 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-chromium-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-firefox-linux.png
index aeafe12c5f..87cedc5016 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-firefox-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-webkit-linux.png
index f960d2a20a..88e3978797 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-07c78-riant-default-use-undefined-and-compact-true-1-webkit-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-chromium-linux.png
index 1d78a28a23..673a3c29db 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-chromium-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-firefox-linux.png
index b49a725418..45b8af1ef5 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-firefox-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-webkit-linux.png
index f79ffec7b2..cf007d8b6a 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-45fa6--default-use-undefined-and-compact-undefined-1-webkit-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-chromium-linux.png
index 825c56147e..b1cc01fe68 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-chromium-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-firefox-linux.png
index 273272cba4..1ba98ba7cf 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-firefox-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-webkit-linux.png
index cdaa205a03..efabed12f8 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-webkit-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-chromium-linux.png
index 3309c546cb..2e2ae93034 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-chromium-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-firefox-linux.png
index ed3bd9527b..7d1d6e7bc4 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-firefox-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-webkit-linux.png
index 73029b0b68..a9c30c6b2b 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-69235--variant-card-use-undefined-and-compact-true-1-webkit-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-chromium-linux.png
index 5765cec1bf..a71b752983 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-chromium-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-firefox-linux.png
index 5516eb75cd..a3bb4052d8 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-firefox-linux.png differ
diff --git a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-webkit-linux.png
index cbf4d868a2..687e6891b3 100644
Binary files a/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-states.browser-test.tsx-snapshots/-visual-Card-variant-Verify-table-in-table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx b/semcore/link/__tests__/link.browser-test.tsx
index 2a6d9b250c..c2ec618406 100644
--- a/semcore/link/__tests__/link.browser-test.tsx
+++ b/semcore/link/__tests__/link.browser-test.tsx
@@ -54,7 +54,7 @@ Visual states, hover and focus styles, paddings, margins, and snapshots.
===================================================== */
test.describe(` ${TAG.VISUAL}`, () => {
// Section 1: Size * addon position * ellipsis * addonType * color * merged rotation
- const sizes = [100, 200, 300, 400, 500, 600, 700, 800];
+ const sizes = [100, 200, 300, 400, 500, 600, 700, 800, 350];
const addonTypes = ['icon', 'badge', 'counter', 'spin'];
const addonCombos = [
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-1-chromium-linux.png
index 5d0baa78ba..760e618aec 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-1-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-1-firefox-linux.png
index 0925f39a85..d14c4508d2 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-1-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-1-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-1-webkit-linux.png
index c6e17e483b..ede96bc593 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-1-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-2-chromium-linux.png
index 227c95b8c0..7264a5c75a 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-2-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-2-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-2-firefox-linux.png
index 8b7addf28b..f0404f178a 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-2-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-2-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-2-webkit-linux.png
index 885ca4afd5..4693b374d9 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-2-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-mixed-addon-types-2-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png
index a6647f1ba1..3e49b0df9b 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png
index c9d2f71d0c..29b67a8e19 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png
index ecca1f51ed..bf52222cec 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png
index 47b9ca6109..1be71aedaf 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png
index 09a0a1ab4f..096f5320ad 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png
index e5984ba63e..158a9e562a 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-100-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-1-chromium-linux.png
index cc05c81ee5..c8a67ce9ac 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-1-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-1-firefox-linux.png
index ad24cf8840..9f3c9056bf 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-1-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-1-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-1-webkit-linux.png
index 60e690d0e9..357fbcd9f3 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-1-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-2-chromium-linux.png
index 57d2792b7a..9f8739ada4 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-2-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-2-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-2-firefox-linux.png
index 802a5d5dd7..308af7245b 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-2-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-2-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-2-webkit-linux.png
index ed07aeaf29..c50ffbc009 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-2-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-addonLeft-badge-cropPosition-middle-2-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-no-addons-text-success-ellipsis-true-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-no-addons-text-success-ellipsis-true-2-chromium-linux.png
index b5fbb72d32..0ecaaa7818 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-no-addons-text-success-ellipsis-true-2-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-200-no-addons-text-success-ellipsis-true-2-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-no-addons-text-critical-ellipsis-true-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-no-addons-text-critical-ellipsis-true-2-chromium-linux.png
index 8bc7831e0d..d0024d7b76 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-no-addons-text-critical-ellipsis-true-2-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-300-no-addons-text-critical-ellipsis-true-2-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-1-chromium-linux.png
new file mode 100644
index 0000000000..dc791fa7ad
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-1-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-1-firefox-linux.png
new file mode 100644
index 0000000000..41b1018dc3
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-1-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-1-webkit-linux.png
new file mode 100644
index 0000000000..26485a71a2
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-1-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-2-chromium-linux.png
new file mode 100644
index 0000000000..b9b535a006
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-2-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-2-firefox-linux.png
new file mode 100644
index 0000000000..0a09ba1fa5
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-2-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-2-webkit-linux.png
new file mode 100644
index 0000000000..eb0ae3861c
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonLeft-cropPosition-middle-2-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png
new file mode 100644
index 0000000000..023c684a61
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png
new file mode 100644
index 0000000000..25ffe3cdad
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png
new file mode 100644
index 0000000000..672569bbcf
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png
new file mode 100644
index 0000000000..f4b38aa43a
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png
new file mode 100644
index 0000000000..646e013f07
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png
new file mode 100644
index 0000000000..5ef6a5e6b3
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-1-chromium-linux.png
new file mode 100644
index 0000000000..6041c6266d
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-1-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-1-firefox-linux.png
new file mode 100644
index 0000000000..88f6f4382d
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-1-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-1-webkit-linux.png
new file mode 100644
index 0000000000..b3201e5742
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-1-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-2-chromium-linux.png
new file mode 100644
index 0000000000..4448d530e9
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-2-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-2-firefox-linux.png
new file mode 100644
index 0000000000..6b9982f4ae
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-2-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-2-webkit-linux.png
new file mode 100644
index 0000000000..02bba9bd65
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-both-addons-counter-end-maxLine-2-2-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-1-chromium-linux.png
new file mode 100644
index 0000000000..be5e615bf9
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-1-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-1-firefox-linux.png
new file mode 100644
index 0000000000..0eb751d90e
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-1-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-1-webkit-linux.png
new file mode 100644
index 0000000000..ee096256dd
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-1-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-2-chromium-linux.png
new file mode 100644
index 0000000000..afa3097ff0
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-2-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-2-firefox-linux.png
new file mode 100644
index 0000000000..1d5fa08830
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-2-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-2-webkit-linux.png
new file mode 100644
index 0000000000..c18938da1f
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-2-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-3-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-3-chromium-linux.png
new file mode 100644
index 0000000000..aababc3b11
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-3-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-3-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-3-firefox-linux.png
new file mode 100644
index 0000000000..33890e8fdc
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-3-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-3-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-3-webkit-linux.png
new file mode 100644
index 0000000000..4a31a6400b
Binary files /dev/null and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-350-no-addons-ellipsis-true-3-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-1-chromium-linux.png
index 9d8d3232dd..c68c998351 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-1-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-1-firefox-linux.png
index d3e3966629..8cff709b38 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-1-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-1-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-1-webkit-linux.png
index 1d1fbae073..779568f358 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-1-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-2-chromium-linux.png
index 55f498b5f4..0d00a202b4 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-2-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-2-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-2-firefox-linux.png
index 2c13936ba0..479ec34a8c 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-2-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-2-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-2-webkit-linux.png
index df99c4c92f..f723420ce2 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-2-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-both-addons-badge-end-maxLine-2-2-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-no-addons-ellipsis-true-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-no-addons-ellipsis-true-2-chromium-linux.png
index e00a9dc8ac..336cf7d173 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-no-addons-ellipsis-true-2-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-400-no-addons-ellipsis-true-2-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png
index 5808fd98a7..df11d0cf6b 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-1-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png
index e7a110a9af..0ee17f2a7b 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-1-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png
index 2fad9318db..4da3f6176d 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-1-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png
index 3e6060ecb3..eb9963cc77 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-2-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png
index f09dfb7b8f..955e4dbfb4 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-2-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png
index 9e765ac2b9..23471cb23d 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-500-addonRight-badge-middle-lastRequired-2-2-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-1-chromium-linux.png
index c8f3ce0208..502a6ca3f1 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-1-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-1-firefox-linux.png
index 3e541f1667..d411ea5cbb 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-1-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-1-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-1-webkit-linux.png
index 858d702544..4193cc45ed 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-1-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-2-chromium-linux.png
index ed30a13bd9..350803c983 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-2-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-2-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-2-firefox-linux.png
index b6fdba3040..4cb95fe453 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-2-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-2-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-2-webkit-linux.png
index f7cd54646e..e0626812af 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-2-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-600-addonLeft-badge-cropPosition-middle-2-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-1-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-1-chromium-linux.png
index dca4757769..c9a4567458 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-1-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-1-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-1-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-1-firefox-linux.png
index 25725bdfc1..6e4b302b10 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-1-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-1-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-1-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-1-webkit-linux.png
index b7e4f30db2..9a7b88c5d7 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-1-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-1-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-2-chromium-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-2-chromium-linux.png
index e642247feb..d2b52cf105 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-2-chromium-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-2-chromium-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-2-firefox-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-2-firefox-linux.png
index 5d36cfb30d..6f2d00e0ba 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-2-firefox-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-2-firefox-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-2-webkit-linux.png
index 141a28f91f..73ed865330 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-2-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-both-addons-badge-end-maxLine-2-2-webkit-linux.png differ
diff --git a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-no-addons-ellipsis-true-2-webkit-linux.png b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-no-addons-ellipsis-true-2-webkit-linux.png
index b167bea800..422aa080ec 100644
Binary files a/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-no-addons-ellipsis-true-2-webkit-linux.png and b/semcore/link/__tests__/link.browser-test.tsx-snapshots/-visual-Verify-Link-size-800-no-addons-ellipsis-true-2-webkit-linux.png differ
diff --git a/semcore/typography/__tests__/typography.browser-test.tsx b/semcore/typography/__tests__/typography.browser-test.tsx
index b6e591d481..b50a0d24dd 100644
--- a/semcore/typography/__tests__/typography.browser-test.tsx
+++ b/semcore/typography/__tests__/typography.browser-test.tsx
@@ -154,6 +154,7 @@ test.describe(`${TAG.VISUAL}`, () => {
// main coverage
{ bold: true, italic: false, size: 200, use: 'primary' },
{ bold: false, italic: true, size: 300 },
+ { size: 350 },
{ semibold: true, lowercase: true, size: 400 },
{ semibold: false, medium: true, size: 500 },
{ underline: true, lineThrough: false, size: 600 },
diff --git a/semcore/typography/__tests__/typography.browser-test.tsx-snapshots/-visual-Verify-Text-with-size-350-1-chromium-linux.png b/semcore/typography/__tests__/typography.browser-test.tsx-snapshots/-visual-Verify-Text-with-size-350-1-chromium-linux.png
new file mode 100644
index 0000000000..cf09d4981c
Binary files /dev/null and b/semcore/typography/__tests__/typography.browser-test.tsx-snapshots/-visual-Verify-Text-with-size-350-1-chromium-linux.png differ
diff --git a/semcore/typography/__tests__/typography.browser-test.tsx-snapshots/-visual-Verify-Text-with-size-350-1-firefox-linux.png b/semcore/typography/__tests__/typography.browser-test.tsx-snapshots/-visual-Verify-Text-with-size-350-1-firefox-linux.png
new file mode 100644
index 0000000000..533cfefa9e
Binary files /dev/null and b/semcore/typography/__tests__/typography.browser-test.tsx-snapshots/-visual-Verify-Text-with-size-350-1-firefox-linux.png differ
diff --git a/semcore/typography/__tests__/typography.browser-test.tsx-snapshots/-visual-Verify-Text-with-size-350-1-webkit-linux.png b/semcore/typography/__tests__/typography.browser-test.tsx-snapshots/-visual-Verify-Text-with-size-350-1-webkit-linux.png
new file mode 100644
index 0000000000..2f7fb2d460
Binary files /dev/null and b/semcore/typography/__tests__/typography.browser-test.tsx-snapshots/-visual-Verify-Text-with-size-350-1-webkit-linux.png differ
diff --git a/semcore/typography/src/components/Text/Text.type.ts b/semcore/typography/src/components/Text/Text.type.ts
index 9a2cb75f66..d0d47cbef6 100644
--- a/semcore/typography/src/components/Text/Text.type.ts
+++ b/semcore/typography/src/components/Text/Text.type.ts
@@ -10,7 +10,7 @@ import type { Property } from 'csstype';
declare namespace NSText {
type BaseProps = {
/** Font size and line-heights */
- size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
+ size?: 100 | 200 | 300 | 350 | 400 | 500 | 600 | 700 | 800;
/**
* The text will not be wrapped on a new line and will be cut off with ellipsis
* @deprecated use ellipsis prop instead
diff --git a/semcore/typography/src/style/text.shadow.css b/semcore/typography/src/style/text.shadow.css
index 7eaabae773..c1a01e998b 100644
--- a/semcore/typography/src/style/text.shadow.css
+++ b/semcore/typography/src/style/text.shadow.css
@@ -376,6 +376,11 @@ SText[size='300'] {
}
}
+SText[size='350'] {
+ font-size: var(--intergalactic-fs-350, 18px);
+ line-height: var(--intergalactic-lh-350, 150%);
+}
+
SText[size='400'] {
font-size: var(--intergalactic-fs-400, 20px);
line-height: var(--intergalactic-lh-400, 120%);
diff --git a/stories/components/base-components/ellipsis/tests/ellipsis.stories.tsx b/stories/components/base-components/ellipsis/tests/ellipsis.stories.tsx
index 0c4785aa07..65d0c31e72 100644
--- a/stories/components/base-components/ellipsis/tests/ellipsis.stories.tsx
+++ b/stories/components/base-components/ellipsis/tests/ellipsis.stories.tsx
@@ -49,7 +49,7 @@ const commonArgTypes = {
},
size: {
control: { type: 'select' },
- options: [undefined, 100, 200, 300, 400, 500, 600, 700, 800],
+ options: [undefined, 100, 200, 300, 350, 400, 500, 600, 700, 800],
},
} as const;
diff --git a/stories/components/base-trigger/tests/examples/link-trigger/link-trigger-different-sizes.tsx b/stories/components/base-trigger/tests/examples/link-trigger/link-trigger-different-sizes.tsx
index c4bd956d8e..c56f14bef8 100644
--- a/stories/components/base-trigger/tests/examples/link-trigger/link-trigger-different-sizes.tsx
+++ b/stories/components/base-trigger/tests/examples/link-trigger/link-trigger-different-sizes.tsx
@@ -16,6 +16,7 @@ const Demo = (props: LinkTriggerSizesProps) => {
600,
500,
400,
+ 350,
300,
200,
100,
diff --git a/stories/components/base-trigger/tests/link-trigger.stories.tsx b/stories/components/base-trigger/tests/link-trigger.stories.tsx
index 04c76a090b..5a1fffe58a 100644
--- a/stories/components/base-trigger/tests/link-trigger.stories.tsx
+++ b/stories/components/base-trigger/tests/link-trigger.stories.tsx
@@ -7,7 +7,7 @@ import SelectExample, { linkTriggerSelectExampleProps } from './examples/link-tr
const sharedArgTypes = {
size: {
control: { type: 'select' },
- options: [100, 200, 300, 400, 500, 600, 700, 800, undefined],
+ options: [100, 200, 300, 350, 400, 500, 600, 700, 800, undefined],
},
active: { control: { type: 'boolean' } },
empty: { control: { type: 'boolean' } },
diff --git a/stories/components/button/tests/button-link.stories.tsx b/stories/components/button/tests/button-link.stories.tsx
index 97ee1bc751..ee6a7ab36f 100644
--- a/stories/components/button/tests/button-link.stories.tsx
+++ b/stories/components/button/tests/button-link.stories.tsx
@@ -44,7 +44,7 @@ export const ButtonLinkBase: StoryObj = {
},
size: {
control: { type: 'select' },
- options: [100, 200, 300, 400, 500, 600, 700, 800],
+ options: [100, 200, 300, 350, 400, 500, 600, 700, 800],
},
showAddonLeft: {
control: { type: 'boolean' },
diff --git a/stories/components/button/tests/examples/button-link/button-link-sizes-addons.tsx b/stories/components/button/tests/examples/button-link/button-link-sizes-addons.tsx
index f11bb8a81a..f3aaa6b823 100644
--- a/stories/components/button/tests/examples/button-link/button-link-sizes-addons.tsx
+++ b/stories/components/button/tests/examples/button-link/button-link-sizes-addons.tsx
@@ -17,6 +17,7 @@ const Demo = (props: ButtonLinkSizesProps) => {
600,
500,
400,
+ 350,
300,
200,
100,
diff --git a/stories/components/button/tests/examples/button-link/button-link-sizes-wrap.tsx b/stories/components/button/tests/examples/button-link/button-link-sizes-wrap.tsx
index 90637a91e1..f4b57b0919 100644
--- a/stories/components/button/tests/examples/button-link/button-link-sizes-wrap.tsx
+++ b/stories/components/button/tests/examples/button-link/button-link-sizes-wrap.tsx
@@ -2,7 +2,7 @@ import { ButtonLink } from '@semcore/ui/button';
import React from 'react';
const Demo = () => {
- const sizes = [100, 200, 300, 400, 500, 600, 700, 800] as const;
+ const sizes = [100, 200, 300, 350, 400, 500, 600, 700, 800] as const;
const w = [100, 150, 250];
// const str = 'Ẩn bộ lọc và chế độ xem';
// const str = 'Ocultar filtros y tipo de vista';
diff --git a/stories/components/card/docs/examples/card_layout_for_tables.tsx b/stories/components/card/docs/examples/card_layout_for_tables.tsx
index b717f31aa7..c1014c6426 100644
--- a/stories/components/card/docs/examples/card_layout_for_tables.tsx
+++ b/stories/components/card/docs/examples/card_layout_for_tables.tsx
@@ -14,7 +14,7 @@ const Demo = (props: TableInCardProps) => (
Card Title
-
+
{
600,
500,
400,
+ 350,
300,
200,
100,
diff --git a/stories/components/link/tests/link.stories.tsx b/stories/components/link/tests/link.stories.tsx
index d0c5bb902f..fba8e5dd0e 100644
--- a/stories/components/link/tests/link.stories.tsx
+++ b/stories/components/link/tests/link.stories.tsx
@@ -24,7 +24,7 @@ export const BasicUsage: StoryObj = {
},
size: {
control: { type: 'select' },
- options: [100, 200, 300, 400, 500, 600, 700, 800],
+ options: [100, 200, 300, 350, 400, 500, 600, 700, 800],
},
disabled: {
control: { type: 'boolean' },
diff --git a/stories/components/typography/tests/examples/text-font-size-and-weight-headers-and-paragrapsh.tsx b/stories/components/typography/tests/examples/text-font-size-and-weight-headers-and-paragrapsh.tsx
index 2b23dafa71..d6daa8345e 100644
--- a/stories/components/typography/tests/examples/text-font-size-and-weight-headers-and-paragrapsh.tsx
+++ b/stories/components/typography/tests/examples/text-font-size-and-weight-headers-and-paragrapsh.tsx
@@ -38,6 +38,9 @@ const Demo = () => (
Paragraph example.
+
+ Text, 18px, --fs-350
+
H6, 16px, --fs-300
diff --git a/stories/components/typography/tests/typography.stories.tsx b/stories/components/typography/tests/typography.stories.tsx
index 16242bdaef..854f1e5c74 100644
--- a/stories/components/typography/tests/typography.stories.tsx
+++ b/stories/components/typography/tests/typography.stories.tsx
@@ -18,7 +18,7 @@ function getCommonArgTypes() {
return {
size: {
control: { type: 'select' },
- options: ['100', '200', '300', '400', '500', '600', '700', '800'],
+ options: ['100', '200', '300', '350', '400', '500', '600', '700', '800'],
},
noWrap: { control: { type: 'boolean' } },
bold: { control: { type: 'boolean' } },
diff --git a/stories/patterns/core/core.stories.tsx b/stories/patterns/core/core.stories.tsx
index 28539e0b40..ce06dcf50a 100644
--- a/stories/patterns/core/core.stories.tsx
+++ b/stories/patterns/core/core.stories.tsx
@@ -14,7 +14,7 @@ export const LinkButtonLinkTextCombination: StoryObj
-
+
@@ -268,8 +268,8 @@ export function Dashboard({ showPrimaryTableFooter = false }: DashboardProps) {
-
-
+
+
@@ -366,7 +366,7 @@ export function Dashboard({ showPrimaryTableFooter = false }: DashboardProps) {
-
+
@@ -458,7 +458,7 @@ export function Dashboard({ showPrimaryTableFooter = false }: DashboardProps) {
-
+
-
+