From 5dff28599e4203a9fa5f89cb017f30b7e6b99606 Mon Sep 17 00:00:00 2001 From: Danil Khaliulin Date: Wed, 12 Aug 2026 19:12:34 +0800 Subject: [PATCH] =?UTF-8?q?fix(tokens):=20=D0=BE=D0=B1=D0=B2=D0=BE=D0=B4?= =?UTF-8?q?=D0=BA=D0=B0=20Avatar=20=D0=BF=D0=B5=D1=80=D0=B5=D0=B2=D0=B5?= =?UTF-8?q?=D0=B4=D0=B5=D0=BD=D0=B0=20=D0=BD=D0=B0=20inverse?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- design-tokens/input/tokens.json | 2 +- .../__snapshots__/Avatar.test.tsx.snap | 42 +++++++++---------- src/theme/tokens/components/dark.json | 2 +- src/theme/tokens/components/light.json | 2 +- 4 files changed, 24 insertions(+), 24 deletions(-) diff --git a/design-tokens/input/tokens.json b/design-tokens/input/tokens.json index 16993284..d8493c61 100644 --- a/design-tokens/input/tokens.json +++ b/design-tokens/input/tokens.json @@ -1331,7 +1331,7 @@ }, "avatar": { "extend": { - "borderColor": "{color.border.neutral.strong}", + "borderColor": "{color.border.neutral.inverse}", "circle": { "borderRadius": "{dimension.borderRadius.max}" } }, "root": { diff --git a/src/components/Avatar/__tests__/__snapshots__/Avatar.test.tsx.snap b/src/components/Avatar/__tests__/__snapshots__/Avatar.test.tsx.snap index 49469718..e1133de7 100644 --- a/src/components/Avatar/__tests__/__snapshots__/Avatar.test.tsx.snap +++ b/src/components/Avatar/__tests__/__snapshots__/Avatar.test.tsx.snap @@ -11,7 +11,7 @@ exports[`Avatar component tests Size: custom, shape: circle, type: icon, with cu { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -149,7 +149,7 @@ exports[`Avatar component tests Size: large, shape: circle, type: icon 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -287,7 +287,7 @@ exports[`Avatar component tests Size: large, shape: circle, type: image 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -336,7 +336,7 @@ exports[`Avatar component tests Size: large, shape: circle, type: label 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -389,7 +389,7 @@ exports[`Avatar component tests Size: large, shape: sqare, type: icon 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -525,7 +525,7 @@ exports[`Avatar component tests Size: large, shape: square, type: image 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -572,7 +572,7 @@ exports[`Avatar component tests Size: large, shape: square, type: label 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -623,7 +623,7 @@ exports[`Avatar component tests Size: nomal, shape: circle, type: icon 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -761,7 +761,7 @@ exports[`Avatar component tests Size: normal, shape: circle, type: image 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -810,7 +810,7 @@ exports[`Avatar component tests Size: normal, shape: circle, type: label 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -863,7 +863,7 @@ exports[`Avatar component tests Size: normal, shape: sqare, type: icon 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -999,7 +999,7 @@ exports[`Avatar component tests Size: normal, shape: square, type: image 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -1046,7 +1046,7 @@ exports[`Avatar component tests Size: normal, shape: square, type: label 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -1097,7 +1097,7 @@ exports[`Avatar component tests Size: xlarge, shape: circle, type: icon 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -1235,7 +1235,7 @@ exports[`Avatar component tests Size: xlarge, shape: circle, type: image 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -1284,7 +1284,7 @@ exports[`Avatar component tests Size: xlarge, shape: circle, type: label 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -1337,7 +1337,7 @@ exports[`Avatar component tests Size: xlarge, shape: sqare, type: icon 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -1473,7 +1473,7 @@ exports[`Avatar component tests Size: xlarge, shape: square, type: image 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -1520,7 +1520,7 @@ exports[`Avatar component tests Size: xlarge, shape: square, type: label 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -1571,7 +1571,7 @@ exports[`Avatar component tests With badge, showBadge: false 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", @@ -1624,7 +1624,7 @@ exports[`Avatar component tests With badge, showBadge: true 1`] = ` { "alignItems": "center", "backgroundColor": "#44e858", - "borderColor": "#cecfd2", + "borderColor": "#ffffff", "borderRadius": 14, "borderWidth": 1, "justifyContent": "center", diff --git a/src/theme/tokens/components/dark.json b/src/theme/tokens/components/dark.json index 3bef7b42..3ecb0258 100644 --- a/src/theme/tokens/components/dark.json +++ b/src/theme/tokens/components/dark.json @@ -156,7 +156,7 @@ } }, "avatar": { - "extend": { "borderColor": "#56595f", "circle": { "borderRadius": 1600 } }, + "extend": { "borderColor": "#2b2e33", "circle": { "borderRadius": 1600 } }, "root": { "width": 32, "height": 32, diff --git a/src/theme/tokens/components/light.json b/src/theme/tokens/components/light.json index be686424..34ad530f 100644 --- a/src/theme/tokens/components/light.json +++ b/src/theme/tokens/components/light.json @@ -156,7 +156,7 @@ } }, "avatar": { - "extend": { "borderColor": "#cecfd2", "circle": { "borderRadius": 1600 } }, + "extend": { "borderColor": "#ffffff", "circle": { "borderRadius": 1600 } }, "root": { "width": 32, "height": 32,