feature: add itemSelectedFontColor token in Segemented Component (ant…

…-design#44570) * feature: segemented新增component token * feature: segemented新增component token * Apply suggestions from code review Signed-off-by: MadCcc <1075746765@qq.com> --------- Signed-off-by: MadCcc <1075746765@qq.com> Co-authored-by: xiaozisong <xiaozis@gantsoftware.com> Co-authored-by: MadCcc <1075746765@qq.com>
ammar-knowledge · Sep 4, 2023 · 85dc67f · 85dc67f
1 parent c83c587
commit 85dc67f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/components/segmented/demo/componentToken.tsx b/components/segmented/demo/componentToken.tsx
@@ -11,6 +11,7 @@ export default () => (
           itemHoverBg: 'rgba(0, 0, 0, 0.06)',
           itemSelectedBg: '#aaa',
           itemActiveBg: '#ccc',
+          itemSelectedColor: '#fff',
         },
       },
     }}

diff --git a/components/segmented/style/index.tsx b/components/segmented/style/index.tsx
@@ -29,6 +29,11 @@ export interface ComponentToken {
    * @descEN Background color of item when selected
    */
   itemSelectedBg: string;
+  /**
+   * @desc 选项选中时文字颜色
+   * @descEN Text color of item when selected
+   */
+  itemSelectedColor: string;
 }
 
 interface SegmentedToken extends FullToken<'Segmented'> {
@@ -109,7 +114,7 @@ const genSegmentedStyle: GenerateStyle<SegmentedToken> = (token: SegmentedToken)
 
         '&-selected': {
           ...getItemSelectedStyle(token),
-          color: token.itemHoverColor,
+          color: token.itemSelectedColor,
         },
 
         '&::after': {
@@ -241,6 +246,7 @@ export default genComponentStyleHook(
       itemHoverBg: colorFillSecondary,
       itemSelectedBg: colorBgElevated,
       itemActiveBg: colorFill,
+      itemSelectedColor: colorText,
     };
   },
 );