feat: configProvider support totalBoundaryShowSizeChanger (#56475) (#56490)

* ci: remove outdated workflows

* fix: release note miss

* chore: update

* chore: fix lint

.dumi/pages/theme-editor/index.tsx

@@ -1,11 +1,10 @@
 import React, { Suspense } from 'react';
-import { App, Button, ConfigProvider, Skeleton } from 'antd';
+import { App, Button, ConfigProvider, Skeleton, version } from 'antd';
 import { enUS, zhCN } from 'antd-token-previewer';
 import type { ThemeConfig } from 'antd/es/config-provider/context';
 import { Helmet } from 'dumi';
 
 import useLocale from '../../hooks/useLocale';
-import useLocalStorage from '../../hooks/useLocalStorage';
 
 const ThemeEditor = React.lazy(() => import('antd-token-previewer/lib/ThemeEditor'));
 
@@ -34,18 +33,24 @@ const locales = {
   },
 };
 
-const ANT_THEME_EDITOR_THEME = 'ant-theme-editor-theme';
+const [antdMajor] = version.split('.');
+const ANT_DESIGN_V5_THEME_EDITOR_THEME = `ant-design-v${antdMajor}-theme-editor-theme`;
 
 const CustomTheme: React.FC = () => {
   const { message } = App.useApp();
   const [locale, lang] = useLocale(locales);
 
-  const [themeConfig, setThemeConfig] = useLocalStorage<ThemeConfig>(ANT_THEME_EDITOR_THEME, {
-    defaultValue: {},
+  const [theme, setTheme] = React.useState<ThemeConfig>(() => {
+    try {
+      const storedConfig = localStorage.getItem(ANT_DESIGN_V5_THEME_EDITOR_THEME);
+      return storedConfig ? JSON.parse(storedConfig) : {};
+    } catch {
+      return {};
+    }
   });
 
   const handleSave = () => {
-    setThemeConfig(themeConfig);
+    localStorage.setItem(ANT_DESIGN_V5_THEME_EDITOR_THEME, JSON.stringify(theme));
     message.success(locale.saveSuccessfully);
   };
 
@@ -60,9 +65,11 @@ const CustomTheme: React.FC = () => {
           <ThemeEditor
             advanced
             hideAdvancedSwitcher
-            theme={{ name: 'Custom Theme', key: 'test', config: themeConfig }}
+            theme={{ name: 'Custom Theme', key: 'test', config: theme }}
             style={{ height: 'calc(100vh - 64px)' }}
-            onThemeChange={(newTheme) => setThemeConfig(newTheme.config)}
+            onThemeChange={(newTheme) => {
+              setTheme(newTheme.config);
+            }}
             locale={lang === 'cn' ? zhCN : enUS}
             actions={
               <Button type="primary" onClick={handleSave}>

.dumi/theme/builtins/ComponentMeta/index.tsx

@@ -48,7 +48,7 @@ const locales = {
   },
 };
 
-const branchUrl = (repo: string) => `https://github.com/${repo}/edit/master/`;
+const branchUrl = (repo: string) => `https://github.com/${repo}/edit/5.x-stable/`;
 
 function isVersionNumber(value?: string) {
   return value && /^\d+\.\d+\.\d+$/.test(value);
@@ -126,7 +126,7 @@ const ComponentMeta: React.FC<ComponentMetaProps> = (props) => {
     if (String(source) === 'true') {
       const kebabComponent = kebabCase(component);
       return [
-        `https://github.com/${repo}/blob/master/components/${kebabComponent}`,
+        `https://github.com/${repo}/blob/5.x-stable/components/${kebabComponent}`,
         `components/${kebabComponent}`,
       ];
     }

.dumi/theme/common/EditButton.tsx

@@ -3,7 +3,7 @@ import { EditOutlined } from '@ant-design/icons';
 import { Tooltip } from 'antd';
 import { createStyles } from 'antd-style';
 
-const branchUrl = 'https://github.com/ant-design/ant-design/edit/master/';
+const branchUrl = 'https://github.com/ant-design/ant-design/edit/5.x-stable/';
 
 export interface EditButtonProps {
   title: React.ReactNode;

.dumi/theme/plugin.ts

@@ -157,21 +157,11 @@ const RoutesPlugin = async (api: IApi) => {
   api.modifyRoutes((routes) => {
     // TODO: append extra routes, such as home, changelog, form-v3
 
+    /**
+     * **important!** Make sure that the `id` and `path` are consistent.
+     * see: https://github.com/ant-design/ant-design/issues/55960
+     */
     const extraRoutesList: IRoute[] = [
-      {
-        id: 'changelog-cn',
-        path: 'changelog-cn',
-        absPath: '/changelog-cn',
-        parentId: 'DocLayout',
-        file: resolve('../../CHANGELOG.zh-CN.md'),
-      },
-      {
-        id: 'components-changelog-cn',
-        path: 'components/changelog-cn',
-        absPath: '/changelog-cn',
-        parentId: 'DocLayout',
-        file: resolve('../../CHANGELOG.zh-CN.md'),
-      },
       {
         id: 'changelog',
         path: 'changelog',
@@ -180,12 +170,26 @@ const RoutesPlugin = async (api: IApi) => {
         file: resolve('../../CHANGELOG.en-US.md'),
       },
       {
-        id: 'components-changelog',
+        id: 'changelog-cn',
+        path: 'changelog-cn',
+        absPath: '/changelog-cn',
+        parentId: 'DocLayout',
+        file: resolve('../../CHANGELOG.zh-CN.md'),
+      },
+      {
+        id: 'components/changelog',
         path: 'components/changelog',
-        absPath: '/changelog',
+        absPath: '/components/changelog',
         parentId: 'DocLayout',
         file: resolve('../../CHANGELOG.en-US.md'),
       },
+      {
+        id: 'components/changelog-cn',
+        path: 'components/changelog-cn',
+        absPath: '/components/changelog-cn',
+        parentId: 'DocLayout',
+        file: resolve('../../CHANGELOG.zh-CN.md'),
+      },
     ];
 
     extraRoutesList.forEach((itemRoute) => {

.dumi/theme/slots/Header/index.tsx

@@ -259,6 +259,7 @@ const Header: React.FC = () => {
 
   const { menuVisible, windowWidth, searching } = headerState;
   const docVersions: Record<string, string> = {
+    ...themeConfig?.docNewVersions,
     [pkg.version]: pkg.version,
     ...themeConfig?.docVersions,
   };

.dumi/theme/themeConfig.ts

@@ -55,4 +55,7 @@ export default {
     '0.10.x': 'https://010x.ant.design',
     '0.9.x': 'https://09x.ant.design',
   },
+  docNewVersions: {
+    '6.x': chineseMirror ? 'https://ant-design.antgroup.com' : 'https://ant.design',
+  },
 };

.github/workflows/release-dingtalk.yml

@@ -25,9 +25,9 @@ jobs:
         with:
           trigger: tag
           changelogs: 'CHANGELOG.en-US.md, CHANGELOG.zh-CN.md'
-          branch: 'master, 4.x-stable'
-          tag: '5*, 4*'
-          latest: '5*'
+          branch: 5.x-stable
+          tag: '5*'
+          latest: '-1'
           dingding-token: ${{ secrets.DINGDING_BOT_TOKEN }} ${{ secrets.DINGDING_BOT_COLLABORATOR_TOKEN }} ${{ secrets.DINGDING_BOT_MAINTAINER_TOKEN }}
           dingding-msg: CHANGELOG.zh-CN.md
           msg-title: '# Ant Design {{v}} 发布日志'
@@ -41,14 +41,14 @@ jobs:
         with:
           trigger: tag
           changelogs: 'CHANGELOG.en-US.md, CHANGELOG.zh-CN.md'
-          branch: 'master, 4.x-stable'
-          tag: '5*, 4*'
-          latest: '5*'
+          branch: 5.x-stable
+          tag: '5*'
+          latest: '-1'
           dingding-token: ${{ secrets.DINGDING_BOT_BIGFISH_TOKEN }} ${{ secrets.DINGDING_BOT_BIGFISH_2_TOKEN }} ${{ secrets.DINGDING_BOT_YUNFENGDIE_TOKEN }}
           dingding-msg: CHANGELOG.zh-CN.md
           dingding-delay-minute: 10
           release: false
-          conch-tag: 'conch-v5, conch'
+          conch-tag: conch-v5
           antd-conch-msg: 🐟 当前 Bigfish 内嵌 antd 版本：
           msg-title: '# Ant Design {{v}} 发布日志'
           msg-poster: 'https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*zx7LTI_ECSAAAAAAAAAAAABkARQnAQ'

.github/workflows/site-deploy.yml

@@ -68,23 +68,6 @@ jobs:
           name: real-site
           path: _site
 
-      - name: Deploy to GitHub Pages
-        uses: peaceiris/actions-gh-pages@v4
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./_site
-          exclude_assets: ./_site/report.html
-          force_orphan: true
-
-      # Since force_orphan will not trigger Sync to Gitee, we need to force run it here
-      - name: Sync to Gitee
-        uses: wearerequired/git-mirror-action@v1
-        env:
-          SSH_PRIVATE_KEY: ${{ secrets.GITEE_SSH_PRIVATE_KEY }}
-        with:
-          source-repo: 'git@github.com:ant-design/ant-design.git'
-          destination-repo: 'git@gitee.com:ant-design/ant-design.git'
-
       - name: Deploy to Surge (with TAG)
         run: |
           export DEPLOY_DOMAIN=ant-design-${{ needs.build-site.outputs.formatted_version }}.surge.sh

.github/workflows/sync-gitee.yml

@@ -9,6 +9,7 @@ on:
       - 2.x-stable
       - 3.x-stable
       - 4.x-stable
+      - 5.x-stable
   create:
   workflow_dispatch:
 

.github/workflows/test-v6.yml

@@ -1,233 +0,0 @@
-# Origin Source
-# https://github.com/ant-design/ant-design/blob/79f566b7f8abb1012ef55b0d2793bfdf5595b85d/.github/workflows/test.yml
-name: ✅ test v6
-
-on:
-  push:
-    branches: [next]
-  pull_request:
-    branches: [next]
-
-# Cancel prev CI if new commit come
-concurrency:
-  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
-  cancel-in-progress: true
-
-permissions:
-  contents: read
-
-jobs:
-  lint:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v5
-      - uses: oven-sh/setup-bun@v2
-      - run: bun install
-      - run: bun run lint
-
-  ################################ Test ################################
-  test-react-legacy:
-    name: test-react-legacy
-    strategy:
-      matrix:
-        react: ['18']
-        shard: [1/2, 2/2]
-    env:
-      REACT: ${{ matrix.react }}
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v5
-      - uses: oven-sh/setup-bun@v2
-      - run: bun install
-      - name: install react 18
-        if: ${{ matrix.react == '18' }}
-        run: bun run bun-install-react-18
-      # dom test
-      - name: dom test
-        run: bun run test -- --maxWorkers=2 --shard=${{matrix.shard}}
-
-  test-node:
-    name: test-node
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v5
-      - uses: oven-sh/setup-bun@v2
-      - run: bun install
-      - run: bun run test:node
-
-  test-react-latest:
-    name: test-react-latest
-    strategy:
-      matrix:
-        module: [dom]
-        shard: [1/2, 2/2]
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v5
-      - uses: oven-sh/setup-bun@v2
-      - run: bun install
-
-      # dom test
-      - name: dom test
-        run: bun run test -- --maxWorkers=2 --shard=${{matrix.shard}} --coverage
-
-      - name: persist coverages
-        run: |
-          mkdir persist-coverage
-          mv coverage/coverage-final.json persist-coverage/react-test-${{matrix.module}}-${{strategy.job-index}}.json
-
-      - uses: actions/upload-artifact@v4
-        name: upload coverages
-        with:
-          name: coverage-artifacts-${{ matrix.module }}-${{ strategy.job-index }}
-          path: persist-coverage/
-
-  test-react-latest-dist:
-    name: test-react-latest-dist
-    strategy:
-      matrix:
-        module: [dist, dist-min]
-        shard: [1/2, 2/2]
-    runs-on: ubuntu-latest
-    needs: build
-    steps:
-      - uses: actions/checkout@v5
-      - uses: oven-sh/setup-bun@v2
-      - run: bun install
-
-      - name: restore cache from dist
-        uses: actions/cache@v4
-        with:
-          path: dist
-          key: dist-${{ github.sha }}
-
-      - name: dist-min test
-        if: ${{ matrix.module == 'dist-min' }}
-        run: bun run test
-        env:
-          LIB_DIR: dist-min
-
-      - name: dist test
-        if: ${{ matrix.module == 'dist' }}
-        run: bun run test
-        env:
-          LIB_DIR: dist
-
-  ############################ Test Coverage ###########################
-  upload-test-coverage:
-    name: test-coverage
-    runs-on: ubuntu-latest
-    needs: test-react-latest
-    steps:
-      - uses: actions/checkout@v5
-      - uses: oven-sh/setup-bun@v2
-      - run: bun install
-
-      - uses: actions/download-artifact@v6
-        with:
-          pattern: coverage-artifacts-*
-          merge-multiple: true
-          path: persist-coverage
-      - name: Merge Code Coverage
-        run: |
-          bunx nyc merge persist-coverage/ coverage/coverage-final.json
-          bunx nyc report --reporter text -t coverage --report-dir coverage
-          rm -rf persist-coverage
-      - name: Upload coverage to codecov
-        uses: codecov/codecov-action@v5
-        with:
-          # use own token to upload coverage reports
-          token: ${{ secrets.CODECOV_TOKEN }}
-
-  ########################### Compile & Test ###########################
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v5
-      - uses: oven-sh/setup-bun@v2
-      - run: bun install
-
-      - name: cache lib
-        uses: actions/cache@v4
-        with:
-          path: lib
-          key: lib-${{ github.sha }}
-
-      - name: cache es
-        uses: actions/cache@v4
-        with:
-          path: es
-          key: es-${{ github.sha }}
-
-      - name: compile
-        run: bun run compile
-
-      - name: cache dist
-        uses: actions/cache@v4
-        with:
-          path: dist
-          key: dist-${{ github.sha }}
-
-      - name: dist
-        run: bun run dist
-        env:
-          NODE_OPTIONS: --max_old_space_size=4096
-          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
-          CI: 1
-
-      - name: check build files
-        run: bun run test:dekko
-
-      # Artifact build files
-      - uses: actions/upload-artifact@v4
-        if: github.event_name == 'push' && github.ref == 'refs/heads/master'
-        with:
-          name: build artifacts
-          path: |
-            dist
-            locale
-            es
-            lib
-
-      - name: zip builds
-        if: github.repository == 'ant-design/ant-design' && github.event_name == 'push' && github.ref == 'refs/heads/master'
-        env:
-          ALI_OSS_AK_ID: ${{ secrets.ALI_OSS_AK_ID }}
-          ALI_OSS_AK_SECRET: ${{ secrets.ALI_OSS_AK_SECRET }}
-          HEAD_SHA: ${{ github.sha }}
-        run: |
-          zip -r oss-artifacts.zip dist locale es lib
-          echo "🤖 Uploading"
-          node scripts/visual-regression/upload.js ./oss-artifacts.zip --ref=$HEAD_SHA
-
-  test-lib-es:
-    name: test lib/es module
-    runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        module: [lib, es]
-        shard: [1/2, 2/2]
-    steps:
-      - uses: actions/checkout@v5
-      - uses: oven-sh/setup-bun@v2
-      - run: bun install
-
-      - name: restore cache from ${{ matrix.module }}
-        # lib only run in master branch not in pull request
-        if: ${{ github.event_name != 'pull_request' || matrix.module != 'lib' }}
-        uses: actions/cache@v4
-        with:
-          path: ${{ matrix.module }}
-          key: ${{ matrix.module }}-${{ github.sha }}
-
-      - name: compile
-        # lib only run in master branch not in pull request
-        if: ${{ github.event_name != 'pull_request' || matrix.module != 'lib' }}
-        run: bun run compile
-
-      - name: test
-        # lib only run in master branch not in pull request
-        if: ${{ github.event_name != 'pull_request' || matrix.module != 'lib' }}
-        run: bun run test -- --maxWorkers=2 --shard=${{matrix.shard}}
-        env:
-          LIB_DIR: ${{ matrix.module }}

.github/workflows/test.yml

@@ -4,9 +4,9 @@ name: ✅ test
 
 on:
   push:
-    branches: [master, feature]
+    branches: [master, feature, 5.x-stable]
   pull_request:
-    branches: [master, feature]
+    branches: [master, feature, 5.x-stable]
 
 # Cancel prev CI if new commit come
 concurrency:
@@ -183,7 +183,7 @@ jobs:
 
       # Artifact build files
       - uses: actions/upload-artifact@v4
-        if: github.event_name == 'push' && github.ref == 'refs/heads/master'
+        if: github.event_name == 'push' && github.ref == 'refs/heads/5.x-stable'
         with:
           name: build artifacts
           path: |
@@ -193,7 +193,7 @@ jobs:
             lib
 
       - name: zip builds
-        if: github.repository == 'ant-design/ant-design' && github.event_name == 'push' && github.ref == 'refs/heads/master'
+        if: github.repository == 'ant-design/ant-design' && github.event_name == 'push' && github.ref == 'refs/heads/5.x-stable'
         env:
           ALI_OSS_AK_ID: ${{ secrets.ALI_OSS_AK_ID }}
           ALI_OSS_AK_SECRET: ${{ secrets.ALI_OSS_AK_SECRET }}

.github/workflows/visual-regression-diff-build.yml

@@ -4,7 +4,7 @@ name: 👀 Visual Regression Diff Build
 
 on:
   pull_request:
-    branches: [master, feature, next]
+    branches: [master, feature, next, 5.x-stable]
     types: [opened, synchronize, reopened]
 
 # Cancel prev CI if new commit come

.github/workflows/visual-regression-diff-start.yml

@@ -8,7 +8,7 @@ name: 👀 Visual Regression Diff Start
 
 on:
   pull_request_target:
-    branches: [master, feature, next]
+    branches: [master, feature, next, 5.x-stable]
     types: [opened, synchronize, reopened]
 
 permissions:

.github/workflows/visual-regression-persist-finish.yml

@@ -89,7 +89,7 @@ jobs:
           path: ./tmp
 
       - name: Persist Image Snapshot to OSS
-        if: github.repository == 'ant-design/ant-design' && github.event.workflow_run.event == 'push' && (github.event.workflow_run.head_branch == 'master' || github.event.workflow_run.head_branch == 'feature' || github.event.workflow_run.head_branch == 'next')
+        if: github.repository == 'ant-design/ant-design' && github.event.workflow_run.event == 'push' && (github.event.workflow_run.head_branch == 'master' || github.event.workflow_run.head_branch == 'feature' || github.event.workflow_run.head_branch == 'next' || github.event.workflow_run.head_branch == '5.x-stable')
         env:
           ALI_OSS_AK_ID: ${{ secrets.ALI_OSS_AK_ID }}
           ALI_OSS_AK_SECRET: ${{ secrets.ALI_OSS_AK_SECRET }}

.github/workflows/visual-regression-persist-start.yml

@@ -8,6 +8,7 @@ on:
       - master
       - feature
       - next
+      - 5.x-stable
 
 permissions:
   contents: read

CHANGELOG.en-US.md

@@ -15,6 +15,21 @@ tag: vVERSION
 
 ---
 
+## 5.29.3
+
+`2025-12-18`
+
+- 🐞 Fix Breadcrumb link color being overridden when using custom `itemRender`. [#56251](https://github.com/ant-design/ant-design/pull/56251) [@guoyunhe](https://github.com/guoyunhe)
+
+## 5.29.2
+
+`2025-12-15`
+
+- 🐞 Fix notification background colors incorrect when `cssVar` is disabled. [#56133](https://github.com/ant-design/ant-design/pull/56133) [@afc163](https://github.com/afc163)
+- 🐞 Raise Breadcrumb link style priority to avoid being overridden by global styles (v5). [#56139](https://github.com/ant-design/ant-design/pull/56139) [@guoyunhe](https://github.com/guoyunhe)
+- 🐞 Fix Input.Search should not warn about deprecated `addonAfter`. [#55806](https://github.com/ant-design/ant-design/pull/55806) [@zombieJ](https://github.com/zombieJ)
+- 🐞 Fix Splitter failing to fill its container when the sum of panel proportions is not 1. [#56217](https://github.com/ant-design/ant-design/pull/56217) [@zombieJ](https://github.com/zombieJ)
+
 ## 5.29.1
 
 `2025-11-18`

CHANGELOG.zh-CN.md

@@ -15,6 +15,21 @@ tag: vVERSION
 
 ---
 
+## 5.29.3
+
+`2025-12-18`
+
+- 🐞 修复 Breadcrumb 自定义 `itemRender` 时链接颜色被覆盖的问题。[#56251](https://github.com/ant-design/ant-design/pull/56251) [@guoyunhe](https://github.com/guoyunhe)
+
+## 5.29.2
+
+`2025-12-15`
+
+- 🐞 修复关闭 `cssVar` 时 notification 背景色异常的问题。[#56133](https://github.com/ant-design/ant-design/pull/56133) [@afc163](https://github.com/afc163)
+- 🐞 提升 Breadcrumb 链接样式的优先级以避免被全局样式覆盖。[#56139](https://github.com/ant-design/ant-design/pull/56139) [@guoyunhe](https://github.com/guoyunhe)
+- 🐞 修复 Input.Search 会报 `addonAfter` 已经废弃的警告信息的问题。[#55806](https://github.com/ant-design/ant-design/pull/55806) [@zombieJ](https://github.com/zombieJ)
+- 🐞 修复 Splitter 在 Panel 总占比不为 1 时出现占不满的情况。 [#56217](https://github.com/ant-design/ant-design/pull/56217) [@zombieJ](https://github.com/zombieJ)
+
 ## 5.29.1
 
 `2025-11-18`

components/auto-complete/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -1096,11 +1096,7 @@ exports[`renders components/auto-complete/demo/certain-category.tsx extend conte
 </div>
 `;
 
-exports[`renders components/auto-complete/demo/certain-category.tsx extend context correctly 2`] = `
-[
-  "Warning: [antd: Input] \`addonAfter\` is deprecated. Please use \`Space.Compact\` instead.",
-]
-`;
+exports[`renders components/auto-complete/demo/certain-category.tsx extend context correctly 2`] = `[]`;
 
 exports[`renders components/auto-complete/demo/custom.tsx extend context correctly 1`] = `
 <div
@@ -2428,7 +2424,6 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
 exports[`renders components/auto-complete/demo/form-debug.tsx extend context correctly 2`] = `
 [
   "Warning: [antd: Input.Group] \`Input.Group\` is deprecated. Please use \`Space.Compact\` instead.",
-  "Warning: [antd: Input] \`addonAfter\` is deprecated. Please use \`Space.Compact\` instead.",
 ]
 `;
 
@@ -2987,11 +2982,7 @@ exports[`renders components/auto-complete/demo/uncertain-category.tsx extend con
 </div>
 `;
 
-exports[`renders components/auto-complete/demo/uncertain-category.tsx extend context correctly 2`] = `
-[
-  "Warning: [antd: Input] \`addonAfter\` is deprecated. Please use \`Space.Compact\` instead.",
-]
-`;
+exports[`renders components/auto-complete/demo/uncertain-category.tsx extend context correctly 2`] = `[]`;
 
 exports[`renders components/auto-complete/demo/variant.tsx extend context correctly 1`] = `
 <div

components/breadcrumb/BreadcrumbItem.tsx

@@ -94,7 +94,7 @@ export const InternalBreadcrumbItem: React.FC<BreadcrumbItemProps> = (props) =>
   if (link !== undefined && link !== null) {
     return (
       <>
-        <li>{link}</li>
+        <li className={`${prefixCls}-item`}>{link}</li>
         {separator && <BreadcrumbSeparator>{separator}</BreadcrumbSeparator>}
       </>
     );

components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap

@@ -5,7 +5,9 @@ exports[`Breadcrumb filter React.Fragment 1`] = `
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -18,7 +20,9 @@ exports[`Breadcrumb filter React.Fragment 1`] = `
     >
       :
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -57,7 +61,9 @@ exports[`Breadcrumb should allow Breadcrumb.Item is null or undefined 1`] = `
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -73,7 +79,9 @@ exports[`Breadcrumb should not display Breadcrumb Item when its children is fals
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -86,7 +94,9 @@ exports[`Breadcrumb should not display Breadcrumb Item when its children is fals
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -102,7 +112,9 @@ exports[`Breadcrumb should render a menu 1`] = `
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href="#/index"
@@ -116,7 +128,9 @@ exports[`Breadcrumb should render a menu 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
       >
@@ -153,7 +167,9 @@ exports[`Breadcrumb should render a menu 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href="#/index/first/second"
@@ -167,7 +183,9 @@ exports[`Breadcrumb should render a menu 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href="#/index/first/second/third"
@@ -182,7 +200,9 @@ exports[`Breadcrumb should render correct 1`] = `
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href="#/"
@@ -198,7 +218,9 @@ exports[`Breadcrumb should render correct 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -214,7 +236,9 @@ exports[`Breadcrumb should support Breadcrumb.Item default separator 1`] = `
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -228,7 +252,9 @@ exports[`Breadcrumb should support Breadcrumb.Item default separator 1`] = `
       /
     </li>
     <span>
-      <li>
+      <li
+        class="ant-breadcrumb-item"
+      >
         <span
           class="ant-breadcrumb-link"
         >
@@ -242,7 +268,9 @@ exports[`Breadcrumb should support Breadcrumb.Item default separator 1`] = `
         /
       </li>
     </span>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -258,7 +286,9 @@ exports[`Breadcrumb should support React.Fragment and falsy children 1`] = `
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -271,7 +301,9 @@ exports[`Breadcrumb should support React.Fragment and falsy children 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -284,7 +316,9 @@ exports[`Breadcrumb should support React.Fragment and falsy children 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -308,7 +342,9 @@ exports[`Breadcrumb should support custom attribute 1`] = `
   data-custom="custom"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
         data-custom="custom-item"
@@ -322,7 +358,9 @@ exports[`Breadcrumb should support custom attribute 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -338,7 +376,9 @@ exports[`Breadcrumb should support string \`0\` and number \`0\` 1`] = `
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -351,7 +391,9 @@ exports[`Breadcrumb should support string \`0\` and number \`0\` 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >

components/breadcrumb/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -5,7 +5,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx extend context correctly 1
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -18,7 +20,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx extend context correctly 1
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -35,7 +39,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx extend context correctly 1
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -52,7 +58,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx extend context correctly 1
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -70,7 +78,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx extend context c
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -83,7 +93,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx extend context c
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -100,7 +112,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx extend context c
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
       >
@@ -267,7 +281,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx extend context c
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -281,7 +297,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx extend context c
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -313,7 +331,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx extend context c
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -353,7 +373,9 @@ exports[`renders components/breadcrumb/demo/debug-routes.tsx extend context corr
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href="#/home"
@@ -367,7 +389,9 @@ exports[`renders components/breadcrumb/demo/debug-routes.tsx extend context corr
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
       >
@@ -499,7 +523,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx extend context correctly
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -512,7 +538,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx extend context correctly
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -529,7 +557,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx extend context correctly
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
       >
@@ -696,7 +726,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx extend context correctly
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -714,7 +746,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx extend context correct
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -727,7 +761,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx extend context correct
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -741,7 +777,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx extend context correct
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -755,7 +793,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx extend context correct
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -773,7 +813,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx extend conte
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -786,7 +828,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx extend conte
     >
       :
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -800,7 +844,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx extend conte
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -814,7 +860,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx extend conte
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -832,7 +880,9 @@ exports[`renders components/breadcrumb/demo/withIcon.tsx extend context correctl
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -864,7 +914,9 @@ exports[`renders components/breadcrumb/demo/withIcon.tsx extend context correctl
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -899,7 +951,9 @@ exports[`renders components/breadcrumb/demo/withIcon.tsx extend context correctl
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -917,7 +971,9 @@ exports[`renders components/breadcrumb/demo/withParams.tsx extend context correc
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -930,7 +986,9 @@ exports[`renders components/breadcrumb/demo/withParams.tsx extend context correc
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""

components/breadcrumb/__tests__/__snapshots__/demo.test.ts.snap

@@ -5,7 +5,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx correctly 1`] = `
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -18,7 +20,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx correctly 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -35,7 +39,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx correctly 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -52,7 +58,9 @@ exports[`renders components/breadcrumb/demo/basic.tsx correctly 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -68,7 +76,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx correctly 1`] =
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -81,7 +91,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx correctly 1`] =
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -98,7 +110,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx correctly 1`] =
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
       >
@@ -138,7 +152,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx correctly 1`] =
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -152,7 +168,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx correctly 1`] =
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -184,7 +202,9 @@ exports[`renders components/breadcrumb/demo/component-token.tsx correctly 1`] =
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -222,7 +242,9 @@ exports[`renders components/breadcrumb/demo/debug-routes.tsx correctly 1`] = `
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href="#/home"
@@ -236,7 +258,9 @@ exports[`renders components/breadcrumb/demo/debug-routes.tsx correctly 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
       >
@@ -276,7 +300,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx correctly 1`] = `
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -289,7 +315,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx correctly 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -306,7 +334,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx correctly 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-dropdown-trigger ant-breadcrumb-overlay-link"
       >
@@ -346,7 +376,9 @@ exports[`renders components/breadcrumb/demo/overlay.tsx correctly 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -362,7 +394,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx correctly 1`] = `
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -375,7 +409,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx correctly 1`] = `
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -389,7 +425,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx correctly 1`] = `
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -403,7 +441,9 @@ exports[`renders components/breadcrumb/demo/separator.tsx correctly 1`] = `
     >
       &gt;
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -419,7 +459,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx correctly 1`
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -432,7 +474,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx correctly 1`
     >
       :
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -446,7 +490,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx correctly 1`
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -460,7 +506,9 @@ exports[`renders components/breadcrumb/demo/separator-component.tsx correctly 1`
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -476,7 +524,9 @@ exports[`renders components/breadcrumb/demo/withIcon.tsx correctly 1`] = `
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -508,7 +558,9 @@ exports[`renders components/breadcrumb/demo/withIcon.tsx correctly 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""
@@ -543,7 +595,9 @@ exports[`renders components/breadcrumb/demo/withIcon.tsx correctly 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -559,7 +613,9 @@ exports[`renders components/breadcrumb/demo/withParams.tsx correctly 1`] = `
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -572,7 +628,9 @@ exports[`renders components/breadcrumb/demo/withParams.tsx correctly 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href=""

components/breadcrumb/__tests__/__snapshots__/itemRender.test.tsx.snap

@@ -6,7 +6,9 @@ exports[`Breadcrumb.ItemRender render as expect 1`] = `
     class="ant-breadcrumb"
   >
     <ol>
-      <li>
+      <li
+        class="ant-breadcrumb-item"
+      >
         <a
           class="my-link"
           data-path="/"
@@ -20,7 +22,9 @@ exports[`Breadcrumb.ItemRender render as expect 1`] = `
       >
         /
       </li>
-      <li>
+      <li
+        class="ant-breadcrumb-item"
+      >
         <a
           class="my-link"
           data-path="/bamboo"

components/breadcrumb/__tests__/__snapshots__/router.test.tsx.snap

@@ -5,7 +5,9 @@ exports[`react router react router legacy 1`] = `
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href="#/"
@@ -19,7 +21,9 @@ exports[`react router react router legacy 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href="#//apps"
@@ -33,7 +37,9 @@ exports[`react router react router legacy 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href="#//apps/1"
@@ -47,7 +53,9 @@ exports[`react router react router legacy 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <a
         class="ant-breadcrumb-link"
         href="#//apps/1/detail"

components/breadcrumb/style/index.ts

@@ -66,7 +66,7 @@ const genBreadcrumbStyle: GenerateStyle<BreadcrumbToken, CSSObject> = (token) =>
         listStyle: 'none',
       },
 
-      a: {
+      [`${componentCls}-item a`]: {
         color: token.linkColor,
         transition: `color ${token.motionDurationMid}`,
         padding: `0 ${unit(token.paddingXXS)}`,
@@ -83,7 +83,7 @@ const genBreadcrumbStyle: GenerateStyle<BreadcrumbToken, CSSObject> = (token) =>
         ...genFocusStyle(token),
       },
 
-      'li:last-child': {
+      [`${componentCls}-item:last-child`]: {
         color: token.lastItemColor,
       },
 

components/button/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -2014,11 +2014,7 @@ Array [
 ]
 `;
 
-exports[`renders components/button/demo/debug-icon.tsx extend context correctly 2`] = `
-[
-  "Warning: [antd: Input] \`addonAfter\` is deprecated. Please use \`Space.Compact\` instead.",
-]
-`;
+exports[`renders components/button/demo/debug-icon.tsx extend context correctly 2`] = `[]`;
 
 exports[`renders components/button/demo/disabled.tsx extend context correctly 1`] = `
 <div

components/color-picker/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -4018,6 +4018,7 @@ exports[`renders components/color-picker/demo/line-gradient.tsx extend context c
                 >
                   <div
                     aria-label="segmented control"
+                    aria-orientation="horizontal"
                     class="ant-segmented ant-segmented-sm"
                     role="radiogroup"
                     tabindex="0"
@@ -4035,7 +4036,6 @@ exports[`renders components/color-picker/demo/line-gradient.tsx extend context c
                           type="radio"
                         />
                         <div
-                          aria-selected="false"
                           class="ant-segmented-item-label"
                           title="Single"
                         >
@@ -4051,7 +4051,6 @@ exports[`renders components/color-picker/demo/line-gradient.tsx extend context c
                           type="radio"
                         />
                         <div
-                          aria-selected="true"
                           class="ant-segmented-item-label"
                           title="Gradient"
                         >

components/config-provider/__tests__/__snapshots__/components.test.tsx.snap

@@ -1175,7 +1175,9 @@ exports[`ConfigProvider components Breadcrumb configProvider 1`] = `
   class="config-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="config-breadcrumb-item"
+    >
       <span
         class="config-breadcrumb-link"
       >
@@ -1188,7 +1190,9 @@ exports[`ConfigProvider components Breadcrumb configProvider 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="config-breadcrumb-item"
+    >
       <span
         class="config-breadcrumb-link"
       >
@@ -1204,7 +1208,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentDisabled 1
   class="config-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="config-breadcrumb-item"
+    >
       <span
         class="config-breadcrumb-link"
       >
@@ -1217,7 +1223,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentDisabled 1
     >
       /
     </li>
-    <li>
+    <li
+      class="config-breadcrumb-item"
+    >
       <span
         class="config-breadcrumb-link"
       >
@@ -1233,7 +1241,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize large
   class="config-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="config-breadcrumb-item"
+    >
       <span
         class="config-breadcrumb-link"
       >
@@ -1246,7 +1256,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize large
     >
       /
     </li>
-    <li>
+    <li
+      class="config-breadcrumb-item"
+    >
       <span
         class="config-breadcrumb-link"
       >
@@ -1262,7 +1274,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize middl
   class="config-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="config-breadcrumb-item"
+    >
       <span
         class="config-breadcrumb-link"
       >
@@ -1275,7 +1289,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize middl
     >
       /
     </li>
-    <li>
+    <li
+      class="config-breadcrumb-item"
+    >
       <span
         class="config-breadcrumb-link"
       >
@@ -1291,7 +1307,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize small
   class="config-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="config-breadcrumb-item"
+    >
       <span
         class="config-breadcrumb-link"
       >
@@ -1304,7 +1322,9 @@ exports[`ConfigProvider components Breadcrumb configProvider componentSize small
     >
       /
     </li>
-    <li>
+    <li
+      class="config-breadcrumb-item"
+    >
       <span
         class="config-breadcrumb-link"
       >
@@ -1320,7 +1340,9 @@ exports[`ConfigProvider components Breadcrumb normal 1`] = `
   class="ant-breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -1333,7 +1355,9 @@ exports[`ConfigProvider components Breadcrumb normal 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="ant-breadcrumb-item"
+    >
       <span
         class="ant-breadcrumb-link"
       >
@@ -1349,7 +1373,9 @@ exports[`ConfigProvider components Breadcrumb prefixCls 1`] = `
   class="prefix-Breadcrumb"
 >
   <ol>
-    <li>
+    <li
+      class="prefix-Breadcrumb-item"
+    >
       <span
         class="prefix-Breadcrumb-link"
       >
@@ -1362,7 +1388,9 @@ exports[`ConfigProvider components Breadcrumb prefixCls 1`] = `
     >
       /
     </li>
-    <li>
+    <li
+      class="prefix-Breadcrumb-item"
+    >
       <span
         class="prefix-Breadcrumb-link"
       >

components/config-provider/__tests__/pagination.test.tsx

@@ -16,4 +16,14 @@ describe('ConfigProvider.Pagination', () => {
     );
     expect(container.querySelector('.ant-pagination-options-size-changer')).toBeFalsy();
   });
+
+  it('totalBoundaryShowSizeChanger', () => {
+    const { container } = render(
+      <ConfigProvider pagination={{ totalBoundaryShowSizeChanger: 100 }}>
+        <Pagination total={80} />
+      </ConfigProvider>,
+    );
+    // total={80} < 100, so size changer should not be visible
+    expect(container.querySelector('.ant-pagination-options-size-changer')).toBeFalsy();
+  });
 });

components/config-provider/context.ts

@@ -189,7 +189,7 @@ export type FloatButtonConfig = {
 
 export type FloatButtonGroupConfig = Pick<FloatButtonGroupProps, 'closeIcon'>;
 
-export type PaginationConfig = ComponentStyleConfig & Pick<PaginationProps, 'showSizeChanger'>;
+export type PaginationConfig = ComponentStyleConfig & Pick<PaginationProps, 'showSizeChanger' | 'totalBoundaryShowSizeChanger'>;
 
 export type SelectConfig = ComponentStyleConfig &
   Pick<SelectProps, 'showSearch' | 'variant' | 'classNames' | 'styles'>;

components/config-provider/index.en-US.md

@@ -142,7 +142,7 @@ const {
 | message | Set Message common props | { className?: string, style?: React.CSSProperties } | - | 5.7.0 |
 | modal | Set Modal common props | { className?: string, style?: React.CSSProperties, classNames?: [ModalProps\["classNames"\]](/components/modal#api), styles?: [ModalProps\["styles"\]](/components/modal#api), closeIcon?: React.ReactNode } | - | 5.7.0, `classNames` and `styles`: 5.10.0, `closeIcon`: 5.14.0 |
 | notification | Set Notification common props | { className?: string, style?: React.CSSProperties, closeIcon?: React.ReactNode } | - | 5.7.0, `closeIcon`: 5.14.0 |
-| pagination | Set Pagination common props | { showSizeChanger?: boolean, className?: string, style?: React.CSSProperties } | - | 5.7.0 |
+| pagination | Set Pagination common props | { showSizeChanger?: boolean, totalBoundaryShowSizeChanger?: number, className?: string, style?: React.CSSProperties } | - | 5.7.0 |
 | progress | Set Progress common props | { className?: string, style?: React.CSSProperties } | - | 5.7.0 |
 | radio | Set Radio common props | { className?: string, style?: React.CSSProperties } | - | 5.7.0 |
 | rate | Set Rate common props | { className?: string, style?: React.CSSProperties } | - | 5.7.0 |

components/config-provider/index.zh-CN.md

@@ -144,7 +144,7 @@ const {
 | message | 设置 Message 组件的通用属性 | { className?: string, style?: React.CSSProperties } | - | 5.7.0 |
 | modal | 设置 Modal 组件的通用属性 | { className?: string, style?: React.CSSProperties, classNames?: [ModalProps\["classNames"\]](/components/modal-cn#api), styles?: [ModalProps\["styles"\]](/components/modal-cn#api), closeIcon?: React.ReactNode } | - | 5.7.0, `classNames` 和 `styles`: 5.10.0, `closeIcon`: 5.14.0 |
 | notification | 设置 Notification 组件的通用属性 | { className?: string, style?: React.CSSProperties, closeIcon?: React.ReactNode } | - | 5.7.0, `closeIcon`: 5.14.0 |
-| pagination | 设置 Pagination 组件的通用属性 | { showSizeChanger?: boolean, className?: string, style?: React.CSSProperties } | - | 5.7.0 |
+| pagination | 设置 Pagination 组件的通用属性 | { showSizeChanger?: boolean, totalBoundaryShowSizeChanger?: number, className?: string, style?: React.CSSProperties } | - | 5.7.0 |
 | progress | 设置 Progress 组件的通用属性 | { className?: string, style?: React.CSSProperties } | - | 5.7.0 |
 | radio | 设置 Radio 组件的通用属性 | { className?: string, style?: React.CSSProperties } | - | 5.7.0 |
 | rate | 设置 Rate 组件的通用属性 | { className?: string, style?: React.CSSProperties } | - | 5.7.0 |

components/flex/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -9,6 +9,7 @@ exports[`renders components/flex/demo/align.tsx extend context correctly 1`] = `
   </p>
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -26,7 +27,6 @@ exports[`renders components/flex/demo/align.tsx extend context correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="flex-start"
         >
@@ -42,7 +42,6 @@ exports[`renders components/flex/demo/align.tsx extend context correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="center"
         >
@@ -58,7 +57,6 @@ exports[`renders components/flex/demo/align.tsx extend context correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="flex-end"
         >
@@ -74,7 +72,6 @@ exports[`renders components/flex/demo/align.tsx extend context correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="space-between"
         >
@@ -90,7 +87,6 @@ exports[`renders components/flex/demo/align.tsx extend context correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="space-around"
         >
@@ -106,7 +102,6 @@ exports[`renders components/flex/demo/align.tsx extend context correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="space-evenly"
         >
@@ -120,6 +115,7 @@ exports[`renders components/flex/demo/align.tsx extend context correctly 1`] = `
   </p>
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -137,7 +133,6 @@ exports[`renders components/flex/demo/align.tsx extend context correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="flex-start"
         >
@@ -153,7 +148,6 @@ exports[`renders components/flex/demo/align.tsx extend context correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="center"
         >
@@ -169,7 +163,6 @@ exports[`renders components/flex/demo/align.tsx extend context correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="flex-end"
         >

components/flex/__tests__/__snapshots__/demo.test.ts.snap

@@ -9,6 +9,7 @@ exports[`renders components/flex/demo/align.tsx correctly 1`] = `
   </p>
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -26,7 +27,6 @@ exports[`renders components/flex/demo/align.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="flex-start"
         >
@@ -42,7 +42,6 @@ exports[`renders components/flex/demo/align.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="center"
         >
@@ -58,7 +57,6 @@ exports[`renders components/flex/demo/align.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="flex-end"
         >
@@ -74,7 +72,6 @@ exports[`renders components/flex/demo/align.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="space-between"
         >
@@ -90,7 +87,6 @@ exports[`renders components/flex/demo/align.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="space-around"
         >
@@ -106,7 +102,6 @@ exports[`renders components/flex/demo/align.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="space-evenly"
         >
@@ -120,6 +115,7 @@ exports[`renders components/flex/demo/align.tsx correctly 1`] = `
   </p>
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -137,7 +133,6 @@ exports[`renders components/flex/demo/align.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="flex-start"
         >
@@ -153,7 +148,6 @@ exports[`renders components/flex/demo/align.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="center"
         >
@@ -169,7 +163,6 @@ exports[`renders components/flex/demo/align.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="flex-end"
         >

components/form/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -11917,9 +11917,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
             class="ant-form-item-control-input-content"
           >
             <div
-              aria-required="true"
               class="ant-space-compact ant-space-compact-block"
-              id="register_phone"
             >
               <div
                 class="ant-select ant-select-outlined ant-select-in-form-item ant-select-compact-item ant-select-compact-first-item ant-select-single ant-select-show-arrow"
@@ -12067,7 +12065,9 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
                 </span>
               </div>
               <input
+                aria-required="true"
                 class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-last-item"
+                id="register_phone"
                 style="width: 100%;"
                 type="text"
                 value=""
@@ -12105,9 +12105,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
             class="ant-form-item-control-input-content"
           >
             <div
-              aria-required="true"
               class="ant-space-compact ant-space-compact-block"
-              id="register_donation"
             >
               <div
                 class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-compact-item ant-input-number-compact-first-item"
@@ -12175,8 +12173,10 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
                   class="ant-input-number-input-wrap"
                 >
                   <input
+                    aria-required="true"
                     autocomplete="off"
                     class="ant-input-number-input"
+                    id="register_donation"
                     role="spinbutton"
                     step="1"
                     value=""
@@ -32521,6 +32521,7 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
           >
             <div
               aria-label="segmented control"
+              aria-orientation="horizontal"
               class="ant-segmented"
               id="variant"
               role="radiogroup"
@@ -32538,7 +32539,6 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                     type="radio"
                   />
                   <div
-                    aria-selected="false"
                     class="ant-segmented-item-label"
                     title="outlined"
                   >
@@ -32555,7 +32555,6 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                     type="radio"
                   />
                   <div
-                    aria-selected="true"
                     class="ant-segmented-item-label"
                     title="filled"
                   >
@@ -32571,7 +32570,6 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                     type="radio"
                   />
                   <div
-                    aria-selected="false"
                     class="ant-segmented-item-label"
                     title="borderless"
                   >
@@ -32587,7 +32585,6 @@ exports[`renders components/form/demo/variant.tsx extend context correctly 1`] =
                     type="radio"
                   />
                   <div
-                    aria-selected="false"
                     class="ant-segmented-item-label"
                     title="underlined"
                   >

components/form/__tests__/__snapshots__/demo.test.tsx.snap

@@ -7992,9 +7992,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
             class="ant-form-item-control-input-content"
           >
             <div
-              aria-required="true"
               class="ant-space-compact ant-space-compact-block"
-              id="register_phone"
             >
               <div
                 class="ant-select ant-select-outlined ant-select-in-form-item ant-select-compact-item ant-select-compact-first-item ant-select-single ant-select-show-arrow"
@@ -8062,7 +8060,9 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
                 </span>
               </div>
               <input
+                aria-required="true"
                 class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-last-item"
+                id="register_phone"
                 style="width:100%"
                 type="text"
                 value=""
@@ -8100,9 +8100,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
             class="ant-form-item-control-input-content"
           >
             <div
-              aria-required="true"
               class="ant-space-compact ant-space-compact-block"
-              id="register_donation"
             >
               <div
                 class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-compact-item ant-input-number-compact-first-item"
@@ -8170,8 +8168,10 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
                   class="ant-input-number-input-wrap"
                 >
                   <input
+                    aria-required="true"
                     autocomplete="off"
                     class="ant-input-number-input"
+                    id="register_donation"
                     role="spinbutton"
                     step="1"
                     value=""
@@ -14611,6 +14611,7 @@ exports[`renders components/form/demo/variant.tsx correctly 1`] = `
           >
             <div
               aria-label="segmented control"
+              aria-orientation="horizontal"
               class="ant-segmented"
               id="variant"
               role="radiogroup"
@@ -14628,7 +14629,6 @@ exports[`renders components/form/demo/variant.tsx correctly 1`] = `
                     type="radio"
                   />
                   <div
-                    aria-selected="false"
                     class="ant-segmented-item-label"
                     title="outlined"
                   >
@@ -14645,7 +14645,6 @@ exports[`renders components/form/demo/variant.tsx correctly 1`] = `
                     type="radio"
                   />
                   <div
-                    aria-selected="true"
                     class="ant-segmented-item-label"
                     title="filled"
                   >
@@ -14661,7 +14660,6 @@ exports[`renders components/form/demo/variant.tsx correctly 1`] = `
                     type="radio"
                   />
                   <div
-                    aria-selected="false"
                     class="ant-segmented-item-label"
                     title="borderless"
                   >
@@ -14677,7 +14675,6 @@ exports[`renders components/form/demo/variant.tsx correctly 1`] = `
                     type="radio"
                   />
                   <div
-                    aria-selected="false"
                     class="ant-segmented-item-label"
                     title="underlined"
                   >

components/form/demo/register.tsx

@@ -80,6 +80,10 @@ const tailFormItemLayout: FormItemProps = {
   },
 };
 
+function Injector({ children, ...rest }: { children: (props: any) => React.ReactElement }) {
+  return children(rest);
+}
+
 const App: React.FC = () => {
   const [form] = Form.useForm();
 
@@ -214,11 +218,14 @@ const App: React.FC = () => {
         label="Phone Number"
         rules={[{ required: true, message: 'Please input your phone number!' }]}
       >
-        {/* Demo only, real usage should wrap as custom component */}
-        <Space.Compact block>
-          {prefixSelector}
-          <Input style={{ width: '100%' }} />
-        </Space.Compact>
+        <Injector>
+          {(props) => (
+            <Space.Compact block>
+              {prefixSelector}
+              <Input style={{ width: '100%' }} {...props} />
+            </Space.Compact>
+          )}
+        </Injector>
       </Form.Item>
 
       <Form.Item
@@ -226,11 +233,14 @@ const App: React.FC = () => {
         label="Donation"
         rules={[{ required: true, message: 'Please input donation amount!' }]}
       >
-        {/* Demo only, real usage should wrap as custom component */}
-        <Space.Compact block>
-          <InputNumber style={{ width: '100%' }} />
-          {suffixSelector}
-        </Space.Compact>
+        <Injector>
+          {(props) => (
+            <Space.Compact block>
+              <InputNumber style={{ width: '100%' }} {...props} />
+              {suffixSelector}
+            </Space.Compact>
+          )}
+        </Injector>
       </Form.Item>
 
       <Form.Item

components/input/Input.tsx

@@ -77,6 +77,9 @@ export interface InputProps
   classNames?: Partial<Record<SemanticName, string>>;
   styles?: Partial<Record<SemanticName, React.CSSProperties>>;
   [key: `data-${string}`]: string | undefined;
+
+  /** @private Skip warning of addon. Only work in dev mode */
+  _skipAddonWarning?: boolean;
 }
 
 const Input = forwardRef<InputRef, InputProps>((props, ref) => {
@@ -99,18 +102,22 @@ const Input = forwardRef<InputRef, InputProps>((props, ref) => {
     onChange,
     classNames,
     variant: customVariant,
+    _skipAddonWarning,
     ...rest
   } = props;
 
   if (process.env.NODE_ENV !== 'production') {
     const { deprecated } = devUseWarning('Input');
-    [
-      ['bordered', 'variant'],
-      ['addonAfter', 'Space.Compact'],
-      ['addonBefore', 'Space.Compact'],
-    ].forEach(([prop, newProp]) => {
-      deprecated(!(prop in props), prop, newProp);
-    });
+    deprecated(!('bordered' in props), 'bordered', 'variant');
+
+    if (!_skipAddonWarning) {
+      [
+        ['addonAfter', 'Space.Compact'],
+        ['addonBefore', 'Space.Compact'],
+      ].forEach(([prop, newProp]) => {
+        deprecated(!(prop in props), prop, newProp);
+      });
+    }
   }
 
   const {

components/input/Search.tsx

@@ -185,6 +185,7 @@ const Search = React.forwardRef<InputRef, SearchProps>((props, ref) => {
     suffix,
     onChange,
     disabled,
+    _skipAddonWarning: true,
   };
 
   return <Input ref={composeRef<InputRef>(inputRef, ref)} {...inputProps} />;

components/input/__tests__/Search.test.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { fireEvent, render } from '@testing-library/react';
 
+import { resetWarned } from '../../_util/warning';
 import focusTest from '../../../tests/shared/focusTest';
 import mountTest from '../../../tests/shared/mountTest';
 import rtlTest from '../../../tests/shared/rtlTest';
@@ -13,6 +14,20 @@ describe('Input.Search', () => {
   mountTest(Search);
   rtlTest(Search);
 
+  beforeEach(() => {
+    resetWarned();
+  });
+
+  // V5 Only
+  it('no warning of addon', () => {
+    const errSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+
+    render(<Search />);
+    expect(errSpy).not.toHaveBeenCalled();
+
+    errSpy.mockRestore();
+  });
+
   it('should support custom button', () => {
     const { asFragment } = render(<Search enterButton={<button type="button">ok</button>} />);
     expect(asFragment().firstChild).toMatchSnapshot();

components/input/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -6114,11 +6114,7 @@ exports[`renders components/input/demo/compact-style.tsx extend context correctl
 </div>
 `;
 
-exports[`renders components/input/demo/compact-style.tsx extend context correctly 2`] = `
-[
-  "Warning: [antd: Input] \`addonAfter\` is deprecated. Please use \`Space.Compact\` instead.",
-]
-`;
+exports[`renders components/input/demo/compact-style.tsx extend context correctly 2`] = `[]`;
 
 exports[`renders components/input/demo/debug-addon.tsx extend context correctly 1`] = `
 <div
@@ -10310,7 +10306,6 @@ exports[`renders components/input/demo/group.tsx extend context correctly 1`] =
 exports[`renders components/input/demo/group.tsx extend context correctly 2`] = `
 [
   "Warning: [antd: Input.Group] \`Input.Group\` is deprecated. Please use \`Space.Compact\` instead.",
-  "Warning: [antd: Input] \`addonAfter\` is deprecated. Please use \`Space.Compact\` instead.",
 ]
 `;
 
@@ -11804,11 +11799,7 @@ exports[`renders components/input/demo/search-input.tsx extend context correctly
 </div>
 `;
 
-exports[`renders components/input/demo/search-input.tsx extend context correctly 2`] = `
-[
-  "Warning: [antd: Input] \`addonAfter\` is deprecated. Please use \`Space.Compact\` instead.",
-]
-`;
+exports[`renders components/input/demo/search-input.tsx extend context correctly 2`] = `[]`;
 
 exports[`renders components/input/demo/search-input-loading.tsx extend context correctly 1`] = `
 Array [
@@ -11960,11 +11951,7 @@ Array [
 ]
 `;
 
-exports[`renders components/input/demo/search-input-loading.tsx extend context correctly 2`] = `
-[
-  "Warning: [antd: Input] \`addonAfter\` is deprecated. Please use \`Space.Compact\` instead.",
-]
-`;
+exports[`renders components/input/demo/search-input-loading.tsx extend context correctly 2`] = `[]`;
 
 exports[`renders components/input/demo/show-count.tsx extend context correctly 1`] = `
 <div
@@ -12468,8 +12455,4 @@ exports[`renders components/input/demo/variant.tsx extend context correctly 1`]
 </div>
 `;
 
-exports[`renders components/input/demo/variant.tsx extend context correctly 2`] = `
-[
-  "Warning: [antd: Input] \`addonAfter\` is deprecated. Please use \`Space.Compact\` instead.",
-]
-`;
+exports[`renders components/input/demo/variant.tsx extend context correctly 2`] = `[]`;

components/layout/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -885,7 +885,9 @@ exports[`renders components/layout/demo/component-token.tsx extend context corre
         style="margin: 16px 0px;"
       >
         <ol>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >
@@ -898,7 +900,9 @@ exports[`renders components/layout/demo/component-token.tsx extend context corre
           >
             /
           </li>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >
@@ -911,7 +915,9 @@ exports[`renders components/layout/demo/component-token.tsx extend context corre
           >
             /
           </li>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >
@@ -1343,7 +1349,9 @@ exports[`renders components/layout/demo/fixed.tsx extend context correctly 1`] =
       style="margin: 16px 0px;"
     >
       <ol>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -1356,7 +1364,9 @@ exports[`renders components/layout/demo/fixed.tsx extend context correctly 1`] =
         >
           /
         </li>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -1369,7 +1379,9 @@ exports[`renders components/layout/demo/fixed.tsx extend context correctly 1`] =
         >
           /
         </li>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -2843,7 +2855,9 @@ exports[`renders components/layout/demo/side.tsx extend context correctly 1`] =
         style="margin: 16px 0px;"
       >
         <ol>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >
@@ -2856,7 +2870,9 @@ exports[`renders components/layout/demo/side.tsx extend context correctly 1`] =
           >
             /
           </li>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >
@@ -3432,7 +3448,9 @@ exports[`renders components/layout/demo/top.tsx extend context correctly 1`] = `
       style="margin: 16px 0px;"
     >
       <ol>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -3445,7 +3463,9 @@ exports[`renders components/layout/demo/top.tsx extend context correctly 1`] = `
         >
           /
         </li>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -3458,7 +3478,9 @@ exports[`renders components/layout/demo/top.tsx extend context correctly 1`] = `
         >
           /
         </li>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -3660,7 +3682,9 @@ exports[`renders components/layout/demo/top-side.tsx extend context correctly 1`
       style="margin: 16px 0px;"
     >
       <ol>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -3673,7 +3697,9 @@ exports[`renders components/layout/demo/top-side.tsx extend context correctly 1`
         >
           /
         </li>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -3686,7 +3712,9 @@ exports[`renders components/layout/demo/top-side.tsx extend context correctly 1`
         >
           /
         </li>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -5308,7 +5336,9 @@ exports[`renders components/layout/demo/top-side-2.tsx extend context correctly
         style="margin: 16px 0px;"
       >
         <ol>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >
@@ -5321,7 +5351,9 @@ exports[`renders components/layout/demo/top-side-2.tsx extend context correctly
           >
             /
           </li>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >
@@ -5334,7 +5366,9 @@ exports[`renders components/layout/demo/top-side-2.tsx extend context correctly
           >
             /
           </li>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >

components/layout/__tests__/__snapshots__/demo.test.ts.snap

@@ -380,7 +380,9 @@ exports[`renders components/layout/demo/component-token.tsx correctly 1`] = `
         style="margin:16px 0"
       >
         <ol>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >
@@ -393,7 +395,9 @@ exports[`renders components/layout/demo/component-token.tsx correctly 1`] = `
           >
             /
           </li>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >
@@ -406,7 +410,9 @@ exports[`renders components/layout/demo/component-token.tsx correctly 1`] = `
           >
             /
           </li>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >
@@ -705,7 +711,9 @@ exports[`renders components/layout/demo/fixed.tsx correctly 1`] = `
       style="margin:16px 0"
     >
       <ol>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -718,7 +726,9 @@ exports[`renders components/layout/demo/fixed.tsx correctly 1`] = `
         >
           /
         </li>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -731,7 +741,9 @@ exports[`renders components/layout/demo/fixed.tsx correctly 1`] = `
         >
           /
         </li>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -1707,7 +1719,9 @@ exports[`renders components/layout/demo/side.tsx correctly 1`] = `
         style="margin:16px 0"
       >
         <ol>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >
@@ -1720,7 +1734,9 @@ exports[`renders components/layout/demo/side.tsx correctly 1`] = `
           >
             /
           </li>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >
@@ -2014,7 +2030,9 @@ exports[`renders components/layout/demo/top.tsx correctly 1`] = `
       style="margin:16px 0"
     >
       <ol>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -2027,7 +2045,9 @@ exports[`renders components/layout/demo/top.tsx correctly 1`] = `
         >
           /
         </li>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -2040,7 +2060,9 @@ exports[`renders components/layout/demo/top.tsx correctly 1`] = `
         >
           /
         </li>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -2176,7 +2198,9 @@ exports[`renders components/layout/demo/top-side.tsx correctly 1`] = `
       style="margin:16px 0"
     >
       <ol>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -2189,7 +2213,9 @@ exports[`renders components/layout/demo/top-side.tsx correctly 1`] = `
         >
           /
         </li>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -2202,7 +2228,9 @@ exports[`renders components/layout/demo/top-side.tsx correctly 1`] = `
         >
           /
         </li>
-        <li>
+        <li
+          class="ant-breadcrumb-item"
+        >
           <span
             class="ant-breadcrumb-link"
           >
@@ -2752,7 +2780,9 @@ exports[`renders components/layout/demo/top-side-2.tsx correctly 1`] = `
         style="margin:16px 0"
       >
         <ol>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >
@@ -2765,7 +2795,9 @@ exports[`renders components/layout/demo/top-side-2.tsx correctly 1`] = `
           >
             /
           </li>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >
@@ -2778,7 +2810,9 @@ exports[`renders components/layout/demo/top-side-2.tsx correctly 1`] = `
           >
             /
           </li>
-          <li>
+          <li
+            class="ant-breadcrumb-item"
+          >
             <span
               class="ant-breadcrumb-link"
             >

components/notification/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -14,63 +14,43 @@ exports[`renders components/notification/demo/basic.tsx extend context correctly
 exports[`renders components/notification/demo/basic.tsx extend context correctly 2`] = `[]`;
 
 exports[`renders components/notification/demo/component-token.tsx extend context correctly 1`] = `
-Array [
-  <h4>
-    Custom Theme (Enhanced Colors)
-  </h4>,
-  <div
-    class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
+<div
+  class="ant-flex ant-flex-wrap-wrap"
+  style="gap: 8px;"
+>
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-green ant-btn-variant-outlined"
+    type="button"
   >
-    <div
-      class="ant-space-item"
-    >
-      <button
-        class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
-        type="button"
-      >
-        <span>
-          Custom Success
-        </span>
-      </button>
-    </div>
-    <div
-      class="ant-space-item"
-    >
-      <button
-        class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
-        type="button"
-      >
-        <span>
-          Custom Info
-        </span>
-      </button>
-    </div>
-    <div
-      class="ant-space-item"
-    >
-      <button
-        class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
-        type="button"
-      >
-        <span>
-          Custom Warning
-        </span>
-      </button>
-    </div>
-    <div
-      class="ant-space-item"
-    >
-      <button
-        class="ant-btn ant-btn-default ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-outlined"
-        type="button"
-      >
-        <span>
-          Custom Error
-        </span>
-      </button>
-    </div>
-  </div>,
-]
+    <span>
+      Success
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-blue ant-btn-variant-outlined"
+    type="button"
+  >
+    <span>
+      Info
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-yellow ant-btn-variant-outlined"
+    type="button"
+  >
+    <span>
+      Warning
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-red ant-btn-variant-outlined"
+    type="button"
+  >
+    <span>
+      Error
+    </span>
+  </button>
+</div>
 `;
 
 exports[`renders components/notification/demo/component-token.tsx extend context correctly 2`] = `[]`;
@@ -819,56 +799,41 @@ exports[`renders components/notification/demo/with-btn.tsx extend context correc
 
 exports[`renders components/notification/demo/with-icon.tsx extend context correctly 1`] = `
 <div
-  class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
+  class="ant-flex ant-flex-wrap-wrap"
+  style="gap: 8px;"
 >
-  <div
-    class="ant-space-item"
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-green ant-btn-variant-outlined"
+    type="button"
   >
-    <button
-      class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
-      type="button"
-    >
-      <span>
-        Success
-      </span>
-    </button>
-  </div>
-  <div
-    class="ant-space-item"
+    <span>
+      Success
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-blue ant-btn-variant-outlined"
+    type="button"
   >
-    <button
-      class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
-      type="button"
-    >
-      <span>
-        Info
-      </span>
-    </button>
-  </div>
-  <div
-    class="ant-space-item"
+    <span>
+      Info
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-yellow ant-btn-variant-outlined"
+    type="button"
   >
-    <button
-      class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
-      type="button"
-    >
-      <span>
-        Warning
-      </span>
-    </button>
-  </div>
-  <div
-    class="ant-space-item"
+    <span>
+      Warning
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-red ant-btn-variant-outlined"
+    type="button"
   >
-    <button
-      class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
-      type="button"
-    >
-      <span>
-        Error
-      </span>
-    </button>
-  </div>
+    <span>
+      Error
+    </span>
+  </button>
 </div>
 `;
 

components/notification/__tests__/__snapshots__/demo.test.ts.snap

@@ -12,63 +12,43 @@ exports[`renders components/notification/demo/basic.tsx correctly 1`] = `
 `;
 
 exports[`renders components/notification/demo/component-token.tsx correctly 1`] = `
-Array [
-  <h4>
-    Custom Theme (Enhanced Colors)
-  </h4>,
-  <div
-    class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
+<div
+  class="ant-flex ant-flex-wrap-wrap"
+  style="gap:8px"
+>
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-green ant-btn-variant-outlined"
+    type="button"
   >
-    <div
-      class="ant-space-item"
-    >
-      <button
-        class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
-        type="button"
-      >
-        <span>
-          Custom Success
-        </span>
-      </button>
-    </div>
-    <div
-      class="ant-space-item"
-    >
-      <button
-        class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
-        type="button"
-      >
-        <span>
-          Custom Info
-        </span>
-      </button>
-    </div>
-    <div
-      class="ant-space-item"
-    >
-      <button
-        class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
-        type="button"
-      >
-        <span>
-          Custom Warning
-        </span>
-      </button>
-    </div>
-    <div
-      class="ant-space-item"
-    >
-      <button
-        class="ant-btn ant-btn-default ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-outlined"
-        type="button"
-      >
-        <span>
-          Custom Error
-        </span>
-      </button>
-    </div>
-  </div>,
-]
+    <span>
+      Success
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-blue ant-btn-variant-outlined"
+    type="button"
+  >
+    <span>
+      Info
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-yellow ant-btn-variant-outlined"
+    type="button"
+  >
+    <span>
+      Warning
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-red ant-btn-variant-outlined"
+    type="button"
+  >
+    <span>
+      Error
+    </span>
+  </button>
+</div>
 `;
 
 exports[`renders components/notification/demo/custom-icon.tsx correctly 1`] = `
@@ -795,55 +775,40 @@ exports[`renders components/notification/demo/with-btn.tsx correctly 1`] = `
 
 exports[`renders components/notification/demo/with-icon.tsx correctly 1`] = `
 <div
-  class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
+  class="ant-flex ant-flex-wrap-wrap"
+  style="gap:8px"
 >
-  <div
-    class="ant-space-item"
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-green ant-btn-variant-outlined"
+    type="button"
   >
-    <button
-      class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
-      type="button"
-    >
-      <span>
-        Success
-      </span>
-    </button>
-  </div>
-  <div
-    class="ant-space-item"
+    <span>
+      Success
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-blue ant-btn-variant-outlined"
+    type="button"
   >
-    <button
-      class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
-      type="button"
-    >
-      <span>
-        Info
-      </span>
-    </button>
-  </div>
-  <div
-    class="ant-space-item"
+    <span>
+      Info
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-yellow ant-btn-variant-outlined"
+    type="button"
   >
-    <button
-      class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
-      type="button"
-    >
-      <span>
-        Warning
-      </span>
-    </button>
-  </div>
-  <div
-    class="ant-space-item"
+    <span>
+      Warning
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-default ant-btn-color-red ant-btn-variant-outlined"
+    type="button"
   >
-    <button
-      class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
-      type="button"
-    >
-      <span>
-        Error
-      </span>
-    </button>
-  </div>
+    <span>
+      Error
+    </span>
+  </button>
 </div>
 `;

components/notification/demo/component-token.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button, notification, Space, ConfigProvider } from 'antd';
+import { Button, notification, Flex, ConfigProvider } from 'antd';
 
 type NotificationType = 'success' | 'info' | 'warning' | 'error';
 
@@ -16,17 +16,28 @@ const CustomThemeDemo: React.FC = () => {
 
   return (
     <>
-      <h4>Custom Theme (Enhanced Colors)</h4>
-      <Space>
-        <Button type="primary" onClick={() => openNotificationWithIcon('success')}>
-          Custom Success
+      <Flex gap={8} wrap="wrap">
+        <Button
+          color="green"
+          variant="outlined"
+          onClick={() => openNotificationWithIcon('success')}
+        >
+          Success
         </Button>
-        <Button onClick={() => openNotificationWithIcon('info')}>Custom Info</Button>
-        <Button onClick={() => openNotificationWithIcon('warning')}>Custom Warning</Button>
-        <Button danger onClick={() => openNotificationWithIcon('error')}>
-          Custom Error
+        <Button color="blue" variant="outlined" onClick={() => openNotificationWithIcon('info')}>
+          Info
         </Button>
-      </Space>
+        <Button
+          color="yellow"
+          variant="outlined"
+          onClick={() => openNotificationWithIcon('warning')}
+        >
+          Warning
+        </Button>
+        <Button color="red" variant="outlined" onClick={() => openNotificationWithIcon('error')}>
+          Error
+        </Button>
+      </Flex>
       {contextHolder}
     </>
   );
@@ -37,10 +48,10 @@ const App: React.FC = () => (
     theme={{
       components: {
         Notification: {
-          colorSuccessBg: '#d9f7be', // Custom light green for success
-          colorErrorBg: '#ffccc7', // Custom light red for error
-          colorInfoBg: '#bae0ff', // Custom light blue for info
-          colorWarningBg: '#ffffb8', // Custom light yellow for warning
+          colorSuccessBg: 'linear-gradient(30deg, #d9f7be, #f6ffed)',
+          colorErrorBg: 'linear-gradient(30deg, #ffccc7, #fff1f0)',
+          colorInfoBg: 'linear-gradient(30deg, #bae0ff, #e6f4ff)',
+          colorWarningBg: 'linear-gradient(30deg, #ffffb8, #feffe6)',
         },
       },
     }}

components/notification/demo/with-icon.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button, notification, Space } from 'antd';
+import { Button, notification, Flex } from 'antd';
 
 type NotificationType = 'success' | 'info' | 'warning' | 'error';
 
@@ -17,12 +17,28 @@ const App: React.FC = () => {
   return (
     <>
       {contextHolder}
-      <Space>
-        <Button onClick={() => openNotificationWithIcon('success')}>Success</Button>
-        <Button onClick={() => openNotificationWithIcon('info')}>Info</Button>
-        <Button onClick={() => openNotificationWithIcon('warning')}>Warning</Button>
-        <Button onClick={() => openNotificationWithIcon('error')}>Error</Button>
-      </Space>
+      <Flex gap={8} wrap="wrap">
+        <Button
+          color="green"
+          variant="outlined"
+          onClick={() => openNotificationWithIcon('success')}
+        >
+          Success
+        </Button>
+        <Button color="blue" variant="outlined" onClick={() => openNotificationWithIcon('info')}>
+          Info
+        </Button>
+        <Button
+          color="yellow"
+          variant="outlined"
+          onClick={() => openNotificationWithIcon('warning')}
+        >
+          Warning
+        </Button>
+        <Button color="red" variant="outlined" onClick={() => openNotificationWithIcon('error')}>
+          Error
+        </Button>
+      </Flex>
     </>
   );
 };

components/notification/style/index.ts

@@ -377,10 +377,13 @@ const genNotificationStyle: GenerateStyle<NotificationToken> = (token) => {
 export const prepareComponentToken = (token: AliasToken) => ({
   zIndexPopup: token.zIndexPopupBase + CONTAINER_MAX_OFFSET + 50,
   width: 384,
-  colorSuccessBg: token.colorSuccessBg,
-  colorErrorBg: token.colorErrorBg,
-  colorInfoBg: token.colorInfoBg,
-  colorWarningBg: token.colorWarningBg,
+  // Fix notification background color issue
+  // https://github.com/ant-design/ant-design/issues/55649
+  // https://github.com/ant-design/ant-design/issues/56055
+  colorSuccessBg: undefined,
+  colorErrorBg: undefined,
+  colorInfoBg: undefined,
+  colorWarningBg: undefined,
 });
 
 export const prepareNotificationToken: (

components/pagination/Pagination.tsx

@@ -68,6 +68,7 @@ const Pagination: React.FC<PaginationProps> = (props) => {
     showSizeChanger: contextShowSizeChangerConfig,
     className: contextClassName,
     style: contextStyle,
+    totalBoundaryShowSizeChanger: contextTotalBoundaryShowSizeChanger,
   } = useComponentConfig('pagination');
   const prefixCls = getPrefixCls('pagination', customizePrefixCls);
 
@@ -226,6 +227,9 @@ const Pagination: React.FC<PaginationProps> = (props) => {
         locale={locale}
         pageSizeOptions={mergedPageSizeOptions}
         showSizeChanger={mergedShowSizeChanger}
+        totalBoundaryShowSizeChanger={
+          restProps.totalBoundaryShowSizeChanger ?? contextTotalBoundaryShowSizeChanger
+        }
         sizeChangerRender={sizeChangerRender}
       />
     </>,

components/pagination/index.en-US.md

@@ -51,7 +51,8 @@ Common props ref：[Common props](/docs/react/common-props)
 | responsive | If `size` is not specified, `Pagination` would resize according to the width of the window | boolean | - |  |
 | showLessItems | Show less page items | boolean | false |  |
 | showQuickJumper | Determine whether you can jump to pages directly | boolean \| { goButton: ReactNode } | false |  |
-| showSizeChanger | Determine whether to show `pageSize` select, it will be true when `total > 50` | boolean \| [SelectProps](/components/select#api) | - | SelectProps: 5.21.0 |
+| showSizeChanger | Determine whether to show `pageSize` select | boolean \| [SelectProps](/components/select#api) | - | SelectProps: 5.21.0 |
+| totalBoundaryShowSizeChanger | When `total` larger than it, `showSizeChanger` will be true | number | 50 | |
 | showTitle | Show page item's title | boolean | true |  |
 | showTotal | To display the total number and range | function(total, range) | - |  |
 | simple | Whether to use simple mode | boolean \| { readOnly?: boolean } | - |  |

components/pagination/index.zh-CN.md

@@ -52,7 +52,8 @@ coverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*WM86SrBC8TsAAA
 | responsive | 当 size 未指定时，根据屏幕宽度自动调整尺寸 | boolean | - |  |
 | showLessItems | 是否显示较少页面内容 | boolean | false |  |
 | showQuickJumper | 是否可以快速跳转至某页 | boolean \| { goButton: ReactNode } | false |  |
-| showSizeChanger | 是否展示 `pageSize` 切换器，当 `total` 大于 50 时默认为 true | boolean \| [SelectProps](/components/select-cn#api) | - | SelectProps: 5.21.0 |
+| showSizeChanger | 是否展示 `pageSize` 切换器 | boolean \| [SelectProps](/components/select-cn#api) | - | SelectProps: 5.21.0 |
+| totalBoundaryShowSizeChanger | 当 `total` 大于该值时，`showSizeChanger` 默认为 true | number | 50 | |
 | showTitle | 是否显示原生 tooltip 页码提示 | boolean | true |  |
 | showTotal | 用于显示数据总量和当前数据顺序 | function(total, range) | - |  |
 | simple | 当添加该属性时，显示为简单分页 | boolean \| { readOnly?: boolean } | - |  |

components/popover/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -4,6 +4,7 @@ exports[`renders components/popover/demo/arrow.tsx extend context correctly 1`]
 Array [
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     style="margin-bottom: 24px;"
@@ -22,7 +23,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Show"
         >
@@ -38,7 +38,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Hide"
         >
@@ -54,7 +53,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Center"
         >

components/popover/__tests__/__snapshots__/demo.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`renders components/popover/demo/arrow.tsx correctly 1`] = `
 Array [
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     style="margin-bottom:24px"
@@ -22,7 +23,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Show"
         >
@@ -38,7 +38,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Hide"
         >
@@ -54,7 +53,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Center"
         >

components/qr-code/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -391,6 +391,7 @@ exports[`renders components/qr-code/demo/download.tsx extend context correctly 1
   >
     <div
       aria-label="segmented control"
+      aria-orientation="horizontal"
       class="ant-segmented"
       role="radiogroup"
       tabindex="0"
@@ -408,7 +409,6 @@ exports[`renders components/qr-code/demo/download.tsx extend context correctly 1
             type="radio"
           />
           <div
-            aria-selected="true"
             class="ant-segmented-item-label"
             title="canvas"
           >
@@ -424,7 +424,6 @@ exports[`renders components/qr-code/demo/download.tsx extend context correctly 1
             type="radio"
           />
           <div
-            aria-selected="false"
             class="ant-segmented-item-label"
             title="svg"
           >
@@ -483,6 +482,7 @@ Array [
   </div>,
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -500,7 +500,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="L"
         >
@@ -516,7 +515,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="M"
         >
@@ -532,7 +530,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Q"
         >
@@ -548,7 +545,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="H"
         >

components/qr-code/__tests__/__snapshots__/demo.test.ts.snap

@@ -348,6 +348,7 @@ exports[`renders components/qr-code/demo/download.tsx correctly 1`] = `
   >
     <div
       aria-label="segmented control"
+      aria-orientation="horizontal"
       class="ant-segmented"
       role="radiogroup"
       tabindex="0"
@@ -365,7 +366,6 @@ exports[`renders components/qr-code/demo/download.tsx correctly 1`] = `
             type="radio"
           />
           <div
-            aria-selected="true"
             class="ant-segmented-item-label"
             title="canvas"
           >
@@ -381,7 +381,6 @@ exports[`renders components/qr-code/demo/download.tsx correctly 1`] = `
             type="radio"
           />
           <div
-            aria-selected="false"
             class="ant-segmented-item-label"
             title="svg"
           >
@@ -438,6 +437,7 @@ Array [
   </div>,
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -455,7 +455,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="L"
         >
@@ -471,7 +470,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="M"
         >
@@ -487,7 +485,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Q"
         >
@@ -503,7 +500,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="H"
         >

components/segmented/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -3,6 +3,7 @@
 exports[`renders components/segmented/demo/basic.tsx extend context correctly 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -20,7 +21,6 @@ exports[`renders components/segmented/demo/basic.tsx extend context correctly 1`
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Daily"
       >
@@ -36,7 +36,6 @@ exports[`renders components/segmented/demo/basic.tsx extend context correctly 1`
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Weekly"
       >
@@ -52,7 +51,6 @@ exports[`renders components/segmented/demo/basic.tsx extend context correctly 1`
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Monthly"
       >
@@ -68,7 +66,6 @@ exports[`renders components/segmented/demo/basic.tsx extend context correctly 1`
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Quarterly"
       >
@@ -84,7 +81,6 @@ exports[`renders components/segmented/demo/basic.tsx extend context correctly 1`
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Yearly"
       >
@@ -100,6 +96,7 @@ exports[`renders components/segmented/demo/basic.tsx extend context correctly 2`
 exports[`renders components/segmented/demo/block.tsx extend context correctly 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented ant-segmented-block"
   role="radiogroup"
   tabindex="0"
@@ -117,7 +114,6 @@ exports[`renders components/segmented/demo/block.tsx extend context correctly 1`
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="123"
       >
@@ -133,7 +129,6 @@ exports[`renders components/segmented/demo/block.tsx extend context correctly 1`
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="456"
       >
@@ -149,7 +144,6 @@ exports[`renders components/segmented/demo/block.tsx extend context correctly 1`
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="longtext-longtext-longtext-longtext"
       >
@@ -166,6 +160,7 @@ exports[`renders components/segmented/demo/componentToken.tsx extend context cor
 Array [
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -183,7 +178,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Daily"
         >
@@ -199,7 +193,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Weekly"
         >
@@ -215,7 +208,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Monthly"
         >
@@ -231,7 +223,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Quarterly"
         >
@@ -247,7 +238,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Yearly"
         >
@@ -259,6 +249,7 @@ Array [
     ,
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -276,7 +267,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Daily"
         >
@@ -292,7 +282,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Weekly"
         >
@@ -308,7 +297,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Monthly"
         >
@@ -324,7 +312,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Quarterly"
         >
@@ -340,7 +327,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Yearly"
         >
@@ -357,6 +343,7 @@ exports[`renders components/segmented/demo/componentToken.tsx extend context cor
 exports[`renders components/segmented/demo/controlled.tsx extend context correctly 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -374,7 +361,6 @@ exports[`renders components/segmented/demo/controlled.tsx extend context correct
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Map"
       >
@@ -390,7 +376,6 @@ exports[`renders components/segmented/demo/controlled.tsx extend context correct
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Transit"
       >
@@ -406,7 +391,6 @@ exports[`renders components/segmented/demo/controlled.tsx extend context correct
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Satellite"
       >
@@ -423,6 +407,7 @@ exports[`renders components/segmented/demo/controlled-two.tsx extend context cor
 Array [
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -440,7 +425,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="AND"
         >
@@ -456,7 +440,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="OR"
         >
@@ -472,7 +455,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="NOT"
         >
@@ -484,6 +466,7 @@ Array [
     ,
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -501,7 +484,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="AND"
         >
@@ -517,7 +499,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="OR"
         >
@@ -533,7 +514,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="NOT"
         >
@@ -553,6 +533,7 @@ exports[`renders components/segmented/demo/custom.tsx extend context correctly 1
 >
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -570,7 +551,6 @@ exports[`renders components/segmented/demo/custom.tsx extend context correctly 1
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
         >
           <div
@@ -598,7 +578,6 @@ exports[`renders components/segmented/demo/custom.tsx extend context correctly 1
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
         >
           <div
@@ -630,7 +609,6 @@ exports[`renders components/segmented/demo/custom.tsx extend context correctly 1
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
         >
           <div
@@ -670,6 +648,7 @@ exports[`renders components/segmented/demo/custom.tsx extend context correctly 1
   </div>
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -687,7 +666,6 @@ exports[`renders components/segmented/demo/custom.tsx extend context correctly 1
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
         >
           <div
@@ -711,7 +689,6 @@ exports[`renders components/segmented/demo/custom.tsx extend context correctly 1
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
         >
           <div
@@ -735,7 +712,6 @@ exports[`renders components/segmented/demo/custom.tsx extend context correctly 1
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
         >
           <div
@@ -759,7 +735,6 @@ exports[`renders components/segmented/demo/custom.tsx extend context correctly 1
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
         >
           <div
@@ -787,6 +762,7 @@ exports[`renders components/segmented/demo/disabled.tsx extend context correctly
 >
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented ant-segmented-disabled"
     role="radiogroup"
   >
@@ -804,7 +780,6 @@ exports[`renders components/segmented/demo/disabled.tsx extend context correctly
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Map"
         >
@@ -821,7 +796,6 @@ exports[`renders components/segmented/demo/disabled.tsx extend context correctly
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Transit"
         >
@@ -838,7 +812,6 @@ exports[`renders components/segmented/demo/disabled.tsx extend context correctly
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Satellite"
         >
@@ -849,6 +822,7 @@ exports[`renders components/segmented/demo/disabled.tsx extend context correctly
   </div>
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -866,7 +840,6 @@ exports[`renders components/segmented/demo/disabled.tsx extend context correctly
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Daily"
         >
@@ -883,7 +856,6 @@ exports[`renders components/segmented/demo/disabled.tsx extend context correctly
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Weekly"
         >
@@ -899,7 +871,6 @@ exports[`renders components/segmented/demo/disabled.tsx extend context correctly
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Monthly"
         >
@@ -916,7 +887,6 @@ exports[`renders components/segmented/demo/disabled.tsx extend context correctly
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Quarterly"
         >
@@ -932,7 +902,6 @@ exports[`renders components/segmented/demo/disabled.tsx extend context correctly
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Yearly"
         >
@@ -952,6 +921,7 @@ exports[`renders components/segmented/demo/dynamic.tsx extend context correctly
 >
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -969,7 +939,6 @@ exports[`renders components/segmented/demo/dynamic.tsx extend context correctly
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Daily"
         >
@@ -985,7 +954,6 @@ exports[`renders components/segmented/demo/dynamic.tsx extend context correctly
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Weekly"
         >
@@ -1001,7 +969,6 @@ exports[`renders components/segmented/demo/dynamic.tsx extend context correctly
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Monthly"
         >
@@ -1026,6 +993,7 @@ exports[`renders components/segmented/demo/dynamic.tsx extend context correctly
 exports[`renders components/segmented/demo/icon-only.tsx extend context correctly 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -1043,7 +1011,6 @@ exports[`renders components/segmented/demo/icon-only.tsx extend context correctl
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
       >
         <span
@@ -1080,7 +1047,6 @@ exports[`renders components/segmented/demo/icon-only.tsx extend context correctl
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
       >
         <span
@@ -1120,6 +1086,7 @@ exports[`renders components/segmented/demo/shape.tsx extend context correctly 1`
 >
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -1136,7 +1103,6 @@ exports[`renders components/segmented/demo/shape.tsx extend context correctly 1`
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="small"
         >
@@ -1153,7 +1119,6 @@ exports[`renders components/segmented/demo/shape.tsx extend context correctly 1`
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="middle"
         >
@@ -1169,7 +1134,6 @@ exports[`renders components/segmented/demo/shape.tsx extend context correctly 1`
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="large"
         >
@@ -1180,6 +1144,7 @@ exports[`renders components/segmented/demo/shape.tsx extend context correctly 1`
   </div>
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented ant-segmented-shape-round"
     role="radiogroup"
     tabindex="0"
@@ -1197,7 +1162,6 @@ exports[`renders components/segmented/demo/shape.tsx extend context correctly 1`
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
         >
           <span
@@ -1235,7 +1199,6 @@ exports[`renders components/segmented/demo/shape.tsx extend context correctly 1`
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
         >
           <span
@@ -1277,6 +1240,7 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
 >
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented ant-segmented-lg"
     role="radiogroup"
     tabindex="0"
@@ -1294,7 +1258,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Daily"
         >
@@ -1310,7 +1273,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Weekly"
         >
@@ -1326,7 +1288,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Monthly"
         >
@@ -1342,7 +1303,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Quarterly"
         >
@@ -1358,7 +1318,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Yearly"
         >
@@ -1369,6 +1328,7 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
   </div>
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -1386,7 +1346,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Daily"
         >
@@ -1402,7 +1361,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Weekly"
         >
@@ -1418,7 +1376,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Monthly"
         >
@@ -1434,7 +1391,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Quarterly"
         >
@@ -1450,7 +1406,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Yearly"
         >
@@ -1461,6 +1416,7 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
   </div>
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented ant-segmented-sm"
     role="radiogroup"
     tabindex="0"
@@ -1478,7 +1434,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Daily"
         >
@@ -1494,7 +1449,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Weekly"
         >
@@ -1510,7 +1464,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Monthly"
         >
@@ -1526,7 +1479,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Quarterly"
         >
@@ -1542,7 +1494,6 @@ exports[`renders components/segmented/demo/size.tsx extend context correctly 1`]
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Yearly"
         >
@@ -1563,6 +1514,7 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
   <div>
     <div
       aria-label="segmented control"
+      aria-orientation="horizontal"
       class="ant-segmented ant-segmented-lg"
       role="radiogroup"
       style="margin-inline-end: 6px;"
@@ -1581,7 +1533,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
             type="radio"
           />
           <div
-            aria-selected="true"
             class="ant-segmented-item-label"
             title="Daily"
           >
@@ -1597,7 +1548,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
             type="radio"
           />
           <div
-            aria-selected="false"
             class="ant-segmented-item-label"
             title="Weekly"
           >
@@ -1613,7 +1563,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
             type="radio"
           />
           <div
-            aria-selected="false"
             class="ant-segmented-item-label"
             title="Monthly"
           >
@@ -1634,6 +1583,7 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
   <div>
     <div
       aria-label="segmented control"
+      aria-orientation="horizontal"
       class="ant-segmented"
       role="radiogroup"
       style="margin-inline-end: 6px;"
@@ -1652,7 +1602,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
             type="radio"
           />
           <div
-            aria-selected="true"
             class="ant-segmented-item-label"
             title="Daily"
           >
@@ -1668,7 +1617,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
             type="radio"
           />
           <div
-            aria-selected="false"
             class="ant-segmented-item-label"
             title="Weekly"
           >
@@ -1684,7 +1632,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
             type="radio"
           />
           <div
-            aria-selected="false"
             class="ant-segmented-item-label"
             title="Monthly"
           >
@@ -1704,6 +1651,7 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
   <div>
     <div
       aria-label="segmented control"
+      aria-orientation="horizontal"
       class="ant-segmented ant-segmented-sm"
       role="radiogroup"
       style="margin-inline-end: 6px;"
@@ -1722,7 +1670,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
             type="radio"
           />
           <div
-            aria-selected="true"
             class="ant-segmented-item-label"
             title="Daily"
           >
@@ -1738,7 +1685,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
             type="radio"
           />
           <div
-            aria-selected="false"
             class="ant-segmented-item-label"
             title="Weekly"
           >
@@ -1754,7 +1700,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
             type="radio"
           />
           <div
-            aria-selected="false"
             class="ant-segmented-item-label"
             title="Monthly"
           >
@@ -1892,6 +1837,7 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
 exports[`renders components/segmented/demo/vertical.tsx extend context correctly 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="vertical"
   class="ant-segmented ant-segmented-vertical ant-segmented-vertical"
   role="radiogroup"
   tabindex="0"
@@ -1909,7 +1855,6 @@ exports[`renders components/segmented/demo/vertical.tsx extend context correctly
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
       >
         <span
@@ -1946,7 +1891,6 @@ exports[`renders components/segmented/demo/vertical.tsx extend context correctly
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
       >
         <span
@@ -1983,6 +1927,7 @@ exports[`renders components/segmented/demo/vertical.tsx extend context correctly
 exports[`renders components/segmented/demo/with-icon.tsx extend context correctly 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -2000,7 +1945,6 @@ exports[`renders components/segmented/demo/with-icon.tsx extend context correctl
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
       >
         <span
@@ -2040,7 +1984,6 @@ exports[`renders components/segmented/demo/with-icon.tsx extend context correctl
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
       >
         <span
@@ -2080,6 +2023,7 @@ exports[`renders components/segmented/demo/with-icon.tsx extend context correctl
 exports[`renders components/segmented/demo/with-name.tsx extend context correctly 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -2097,7 +2041,6 @@ exports[`renders components/segmented/demo/with-name.tsx extend context correctl
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Daily"
       >
@@ -2113,7 +2056,6 @@ exports[`renders components/segmented/demo/with-name.tsx extend context correctl
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Weekly"
       >
@@ -2129,7 +2071,6 @@ exports[`renders components/segmented/demo/with-name.tsx extend context correctl
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Monthly"
       >
@@ -2145,7 +2086,6 @@ exports[`renders components/segmented/demo/with-name.tsx extend context correctl
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Quarterly"
       >
@@ -2161,7 +2101,6 @@ exports[`renders components/segmented/demo/with-name.tsx extend context correctl
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Yearly"
       >

components/segmented/__tests__/__snapshots__/demo.test.ts.snap

@@ -3,6 +3,7 @@
 exports[`renders components/segmented/demo/basic.tsx correctly 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -20,7 +21,6 @@ exports[`renders components/segmented/demo/basic.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Daily"
       >
@@ -36,7 +36,6 @@ exports[`renders components/segmented/demo/basic.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Weekly"
       >
@@ -52,7 +51,6 @@ exports[`renders components/segmented/demo/basic.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Monthly"
       >
@@ -68,7 +66,6 @@ exports[`renders components/segmented/demo/basic.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Quarterly"
       >
@@ -84,7 +81,6 @@ exports[`renders components/segmented/demo/basic.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Yearly"
       >
@@ -98,6 +94,7 @@ exports[`renders components/segmented/demo/basic.tsx correctly 1`] = `
 exports[`renders components/segmented/demo/block.tsx correctly 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented ant-segmented-block"
   role="radiogroup"
   tabindex="0"
@@ -115,7 +112,6 @@ exports[`renders components/segmented/demo/block.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="123"
       >
@@ -131,7 +127,6 @@ exports[`renders components/segmented/demo/block.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="456"
       >
@@ -147,7 +142,6 @@ exports[`renders components/segmented/demo/block.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="longtext-longtext-longtext-longtext"
       >
@@ -162,6 +156,7 @@ exports[`renders components/segmented/demo/componentToken.tsx correctly 1`] = `
 Array [
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -179,7 +174,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Daily"
         >
@@ -195,7 +189,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Weekly"
         >
@@ -211,7 +204,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Monthly"
         >
@@ -227,7 +219,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Quarterly"
         >
@@ -243,7 +234,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Yearly"
         >
@@ -255,6 +245,7 @@ Array [
     ,
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -272,7 +263,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Daily"
         >
@@ -288,7 +278,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Weekly"
         >
@@ -304,7 +293,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Monthly"
         >
@@ -320,7 +308,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Quarterly"
         >
@@ -336,7 +323,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Yearly"
         >
@@ -351,6 +337,7 @@ Array [
 exports[`renders components/segmented/demo/controlled.tsx correctly 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -368,7 +355,6 @@ exports[`renders components/segmented/demo/controlled.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Map"
       >
@@ -384,7 +370,6 @@ exports[`renders components/segmented/demo/controlled.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Transit"
       >
@@ -400,7 +385,6 @@ exports[`renders components/segmented/demo/controlled.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Satellite"
       >
@@ -415,6 +399,7 @@ exports[`renders components/segmented/demo/controlled-two.tsx correctly 1`] = `
 Array [
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -432,7 +417,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="AND"
         >
@@ -448,7 +432,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="OR"
         >
@@ -464,7 +447,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="NOT"
         >
@@ -476,6 +458,7 @@ Array [
     ,
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -493,7 +476,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="AND"
         >
@@ -509,7 +491,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="OR"
         >
@@ -525,7 +506,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="NOT"
         >
@@ -543,6 +523,7 @@ exports[`renders components/segmented/demo/custom.tsx correctly 1`] = `
 >
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -560,7 +541,6 @@ exports[`renders components/segmented/demo/custom.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
         >
           <div
@@ -588,7 +568,6 @@ exports[`renders components/segmented/demo/custom.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
         >
           <div
@@ -620,7 +599,6 @@ exports[`renders components/segmented/demo/custom.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
         >
           <div
@@ -660,6 +638,7 @@ exports[`renders components/segmented/demo/custom.tsx correctly 1`] = `
   </div>
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -677,7 +656,6 @@ exports[`renders components/segmented/demo/custom.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
         >
           <div
@@ -701,7 +679,6 @@ exports[`renders components/segmented/demo/custom.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
         >
           <div
@@ -725,7 +702,6 @@ exports[`renders components/segmented/demo/custom.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
         >
           <div
@@ -749,7 +725,6 @@ exports[`renders components/segmented/demo/custom.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
         >
           <div
@@ -775,6 +750,7 @@ exports[`renders components/segmented/demo/disabled.tsx correctly 1`] = `
 >
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented ant-segmented-disabled"
     role="radiogroup"
   >
@@ -792,7 +768,6 @@ exports[`renders components/segmented/demo/disabled.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Map"
         >
@@ -809,7 +784,6 @@ exports[`renders components/segmented/demo/disabled.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Transit"
         >
@@ -826,7 +800,6 @@ exports[`renders components/segmented/demo/disabled.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Satellite"
         >
@@ -837,6 +810,7 @@ exports[`renders components/segmented/demo/disabled.tsx correctly 1`] = `
   </div>
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -854,7 +828,6 @@ exports[`renders components/segmented/demo/disabled.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Daily"
         >
@@ -871,7 +844,6 @@ exports[`renders components/segmented/demo/disabled.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Weekly"
         >
@@ -887,7 +859,6 @@ exports[`renders components/segmented/demo/disabled.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Monthly"
         >
@@ -904,7 +875,6 @@ exports[`renders components/segmented/demo/disabled.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Quarterly"
         >
@@ -920,7 +890,6 @@ exports[`renders components/segmented/demo/disabled.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Yearly"
         >
@@ -938,6 +907,7 @@ exports[`renders components/segmented/demo/dynamic.tsx correctly 1`] = `
 >
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -955,7 +925,6 @@ exports[`renders components/segmented/demo/dynamic.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Daily"
         >
@@ -971,7 +940,6 @@ exports[`renders components/segmented/demo/dynamic.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Weekly"
         >
@@ -987,7 +955,6 @@ exports[`renders components/segmented/demo/dynamic.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Monthly"
         >
@@ -1010,6 +977,7 @@ exports[`renders components/segmented/demo/dynamic.tsx correctly 1`] = `
 exports[`renders components/segmented/demo/icon-only.tsx correctly 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -1027,7 +995,6 @@ exports[`renders components/segmented/demo/icon-only.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
       >
         <span
@@ -1064,7 +1031,6 @@ exports[`renders components/segmented/demo/icon-only.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
       >
         <span
@@ -1102,6 +1068,7 @@ exports[`renders components/segmented/demo/shape.tsx correctly 1`] = `
 >
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -1118,7 +1085,6 @@ exports[`renders components/segmented/demo/shape.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="small"
         >
@@ -1135,7 +1101,6 @@ exports[`renders components/segmented/demo/shape.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="middle"
         >
@@ -1151,7 +1116,6 @@ exports[`renders components/segmented/demo/shape.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="large"
         >
@@ -1162,6 +1126,7 @@ exports[`renders components/segmented/demo/shape.tsx correctly 1`] = `
   </div>
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented ant-segmented-shape-round"
     role="radiogroup"
     tabindex="0"
@@ -1179,7 +1144,6 @@ exports[`renders components/segmented/demo/shape.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
         >
           <span
@@ -1217,7 +1181,6 @@ exports[`renders components/segmented/demo/shape.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
         >
           <span
@@ -1257,6 +1220,7 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
 >
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented ant-segmented-lg"
     role="radiogroup"
     tabindex="0"
@@ -1274,7 +1238,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Daily"
         >
@@ -1290,7 +1253,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Weekly"
         >
@@ -1306,7 +1268,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Monthly"
         >
@@ -1322,7 +1283,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Quarterly"
         >
@@ -1338,7 +1298,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Yearly"
         >
@@ -1349,6 +1308,7 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
   </div>
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     tabindex="0"
@@ -1366,7 +1326,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Daily"
         >
@@ -1382,7 +1341,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Weekly"
         >
@@ -1398,7 +1356,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Monthly"
         >
@@ -1414,7 +1371,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Quarterly"
         >
@@ -1430,7 +1386,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Yearly"
         >
@@ -1441,6 +1396,7 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
   </div>
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented ant-segmented-sm"
     role="radiogroup"
     tabindex="0"
@@ -1458,7 +1414,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Daily"
         >
@@ -1474,7 +1429,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Weekly"
         >
@@ -1490,7 +1444,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Monthly"
         >
@@ -1506,7 +1459,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Quarterly"
         >
@@ -1522,7 +1474,6 @@ exports[`renders components/segmented/demo/size.tsx correctly 1`] = `
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Yearly"
         >
@@ -1541,6 +1492,7 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
   <div>
     <div
       aria-label="segmented control"
+      aria-orientation="horizontal"
       class="ant-segmented ant-segmented-lg"
       role="radiogroup"
       style="margin-inline-end:6px"
@@ -1559,7 +1511,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
             type="radio"
           />
           <div
-            aria-selected="true"
             class="ant-segmented-item-label"
             title="Daily"
           >
@@ -1575,7 +1526,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
             type="radio"
           />
           <div
-            aria-selected="false"
             class="ant-segmented-item-label"
             title="Weekly"
           >
@@ -1591,7 +1541,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
             type="radio"
           />
           <div
-            aria-selected="false"
             class="ant-segmented-item-label"
             title="Monthly"
           >
@@ -1612,6 +1561,7 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
   <div>
     <div
       aria-label="segmented control"
+      aria-orientation="horizontal"
       class="ant-segmented"
       role="radiogroup"
       style="margin-inline-end:6px"
@@ -1630,7 +1580,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
             type="radio"
           />
           <div
-            aria-selected="true"
             class="ant-segmented-item-label"
             title="Daily"
           >
@@ -1646,7 +1595,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
             type="radio"
           />
           <div
-            aria-selected="false"
             class="ant-segmented-item-label"
             title="Weekly"
           >
@@ -1662,7 +1610,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
             type="radio"
           />
           <div
-            aria-selected="false"
             class="ant-segmented-item-label"
             title="Monthly"
           >
@@ -1682,6 +1629,7 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
   <div>
     <div
       aria-label="segmented control"
+      aria-orientation="horizontal"
       class="ant-segmented ant-segmented-sm"
       role="radiogroup"
       style="margin-inline-end:6px"
@@ -1700,7 +1648,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
             type="radio"
           />
           <div
-            aria-selected="true"
             class="ant-segmented-item-label"
             title="Daily"
           >
@@ -1716,7 +1663,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
             type="radio"
           />
           <div
-            aria-selected="false"
             class="ant-segmented-item-label"
             title="Weekly"
           >
@@ -1732,7 +1678,6 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
             type="radio"
           />
           <div
-            aria-selected="false"
             class="ant-segmented-item-label"
             title="Monthly"
           >
@@ -1812,6 +1757,7 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
 exports[`renders components/segmented/demo/vertical.tsx correctly 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="vertical"
   class="ant-segmented ant-segmented-vertical ant-segmented-vertical"
   role="radiogroup"
   tabindex="0"
@@ -1829,7 +1775,6 @@ exports[`renders components/segmented/demo/vertical.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
       >
         <span
@@ -1866,7 +1811,6 @@ exports[`renders components/segmented/demo/vertical.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
       >
         <span
@@ -1901,6 +1845,7 @@ exports[`renders components/segmented/demo/vertical.tsx correctly 1`] = `
 exports[`renders components/segmented/demo/with-icon.tsx correctly 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -1918,7 +1863,6 @@ exports[`renders components/segmented/demo/with-icon.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
       >
         <span
@@ -1958,7 +1902,6 @@ exports[`renders components/segmented/demo/with-icon.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
       >
         <span
@@ -1996,6 +1939,7 @@ exports[`renders components/segmented/demo/with-icon.tsx correctly 1`] = `
 exports[`renders components/segmented/demo/with-name.tsx correctly 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -2013,7 +1957,6 @@ exports[`renders components/segmented/demo/with-name.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Daily"
       >
@@ -2029,7 +1972,6 @@ exports[`renders components/segmented/demo/with-name.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Weekly"
       >
@@ -2045,7 +1987,6 @@ exports[`renders components/segmented/demo/with-name.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Monthly"
       >
@@ -2061,7 +2002,6 @@ exports[`renders components/segmented/demo/with-name.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Quarterly"
       >
@@ -2077,7 +2017,6 @@ exports[`renders components/segmented/demo/with-name.tsx correctly 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Yearly"
       >

components/segmented/__tests__/__snapshots__/index.test.tsx.snap

@@ -3,6 +3,7 @@
 exports[`Segmented render empty segmented 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -16,6 +17,7 @@ exports[`Segmented render empty segmented 1`] = `
 exports[`Segmented render label with ReactNode 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -33,7 +35,6 @@ exports[`Segmented render label with ReactNode 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Daily"
       >
@@ -49,7 +50,6 @@ exports[`Segmented render label with ReactNode 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
       >
         <div
@@ -68,7 +68,6 @@ exports[`Segmented render label with ReactNode 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
       >
         <div
@@ -85,6 +84,7 @@ exports[`Segmented render label with ReactNode 1`] = `
 exports[`Segmented render segmented ok 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -102,7 +102,6 @@ exports[`Segmented render segmented ok 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Daily"
       >
@@ -118,7 +117,6 @@ exports[`Segmented render segmented ok 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Weekly"
       >
@@ -134,7 +132,6 @@ exports[`Segmented render segmented ok 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Monthly"
       >
@@ -148,6 +145,7 @@ exports[`Segmented render segmented ok 1`] = `
 exports[`Segmented render segmented with \`block\` 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented ant-segmented-block"
   role="radiogroup"
   tabindex="0"
@@ -165,7 +163,6 @@ exports[`Segmented render segmented with \`block\` 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Daily"
       >
@@ -181,7 +178,6 @@ exports[`Segmented render segmented with \`block\` 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Weekly"
       >
@@ -197,7 +193,6 @@ exports[`Segmented render segmented with \`block\` 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Monthly"
       >
@@ -211,6 +206,7 @@ exports[`Segmented render segmented with \`block\` 1`] = `
 exports[`Segmented render segmented with \`size#large\` 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented ant-segmented-lg"
   role="radiogroup"
   tabindex="0"
@@ -228,7 +224,6 @@ exports[`Segmented render segmented with \`size#large\` 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Daily"
       >
@@ -244,7 +239,6 @@ exports[`Segmented render segmented with \`size#large\` 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Weekly"
       >
@@ -260,7 +254,6 @@ exports[`Segmented render segmented with \`size#large\` 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Monthly"
       >
@@ -274,6 +267,7 @@ exports[`Segmented render segmented with \`size#large\` 1`] = `
 exports[`Segmented render segmented with \`size#small\` 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented ant-segmented-sm"
   role="radiogroup"
   tabindex="0"
@@ -291,7 +285,6 @@ exports[`Segmented render segmented with \`size#small\` 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Daily"
       >
@@ -307,7 +300,6 @@ exports[`Segmented render segmented with \`size#small\` 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Weekly"
       >
@@ -323,7 +315,6 @@ exports[`Segmented render segmented with \`size#small\` 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Monthly"
       >
@@ -337,6 +328,7 @@ exports[`Segmented render segmented with \`size#small\` 1`] = `
 exports[`Segmented render segmented with mixed options 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -354,7 +346,6 @@ exports[`Segmented render segmented with mixed options 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Daily"
       >
@@ -370,7 +361,6 @@ exports[`Segmented render segmented with mixed options 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Weekly"
       >
@@ -386,7 +376,6 @@ exports[`Segmented render segmented with mixed options 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Monthly"
       >
@@ -400,6 +389,7 @@ exports[`Segmented render segmented with mixed options 1`] = `
 exports[`Segmented render segmented with numeric options 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -417,7 +407,6 @@ exports[`Segmented render segmented with numeric options 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="1"
       >
@@ -433,7 +422,6 @@ exports[`Segmented render segmented with numeric options 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="2"
       >
@@ -449,7 +437,6 @@ exports[`Segmented render segmented with numeric options 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="3"
       >
@@ -465,7 +452,6 @@ exports[`Segmented render segmented with numeric options 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="4"
       >
@@ -481,7 +467,6 @@ exports[`Segmented render segmented with numeric options 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="5"
       >
@@ -495,6 +480,7 @@ exports[`Segmented render segmented with numeric options 1`] = `
 exports[`Segmented render segmented with options null/undefined 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented ant-segmented-disabled"
   role="radiogroup"
 >
@@ -512,7 +498,6 @@ exports[`Segmented render segmented with options null/undefined 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
       />
     </label>
@@ -526,7 +511,6 @@ exports[`Segmented render segmented with options null/undefined 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
       />
     </label>
@@ -540,7 +524,6 @@ exports[`Segmented render segmented with options null/undefined 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title=""
       />
@@ -552,6 +535,7 @@ exports[`Segmented render segmented with options null/undefined 1`] = `
 exports[`Segmented render segmented with options: disabled 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -569,7 +553,6 @@ exports[`Segmented render segmented with options: disabled 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Daily"
       >
@@ -586,7 +569,6 @@ exports[`Segmented render segmented with options: disabled 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Weekly"
       >
@@ -602,7 +584,6 @@ exports[`Segmented render segmented with options: disabled 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Monthly"
       >
@@ -616,6 +597,7 @@ exports[`Segmented render segmented with options: disabled 1`] = `
 exports[`Segmented render segmented with string options 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -633,7 +615,6 @@ exports[`Segmented render segmented with string options 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Daily"
       >
@@ -649,7 +630,6 @@ exports[`Segmented render segmented with string options 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Weekly"
       >
@@ -665,7 +645,6 @@ exports[`Segmented render segmented with string options 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Monthly"
       >
@@ -679,6 +658,7 @@ exports[`Segmented render segmented with string options 1`] = `
 exports[`Segmented render segmented with thumb 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -696,7 +676,6 @@ exports[`Segmented render segmented with thumb 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Map"
       >
@@ -712,7 +691,6 @@ exports[`Segmented render segmented with thumb 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Transit"
       >
@@ -728,7 +706,6 @@ exports[`Segmented render segmented with thumb 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Satellite"
       >
@@ -742,6 +719,7 @@ exports[`Segmented render segmented with thumb 1`] = `
 exports[`Segmented render segmented: disabled 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented ant-segmented-disabled"
   role="radiogroup"
 >
@@ -759,7 +737,6 @@ exports[`Segmented render segmented: disabled 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
         title="Daily"
       >
@@ -776,7 +753,6 @@ exports[`Segmented render segmented: disabled 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Weekly"
       >
@@ -793,7 +769,6 @@ exports[`Segmented render segmented: disabled 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
         title="Monthly"
       >
@@ -807,6 +782,7 @@ exports[`Segmented render segmented: disabled 1`] = `
 exports[`Segmented render with icons 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented"
   role="radiogroup"
   tabindex="0"
@@ -824,7 +800,6 @@ exports[`Segmented render with icons 1`] = `
         type="radio"
       />
       <div
-        aria-selected="true"
         class="ant-segmented-item-label"
       >
         <span
@@ -861,7 +836,6 @@ exports[`Segmented render with icons 1`] = `
         type="radio"
       />
       <div
-        aria-selected="false"
         class="ant-segmented-item-label"
       >
         <span
@@ -899,6 +873,7 @@ exports[`Segmented render with icons 1`] = `
 exports[`Segmented rtl render component should be rendered correctly in RTL direction 1`] = `
 <div
   aria-label="segmented control"
+  aria-orientation="horizontal"
   class="ant-segmented ant-segmented-rtl"
   role="radiogroup"
   tabindex="0"

components/space/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -9402,11 +9402,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
 </div>
 `;
 
-exports[`renders components/space/demo/compact.tsx extend context correctly 2`] = `
-[
-  "Warning: [antd: Input] \`addonAfter\` is deprecated. Please use \`Space.Compact\` instead.",
-]
-`;
+exports[`renders components/space/demo/compact.tsx extend context correctly 2`] = `[]`;
 
 exports[`renders components/space/demo/compact-button-vertical.tsx extend context correctly 1`] = `
 <div
@@ -16427,11 +16423,7 @@ Array [
 ]
 `;
 
-exports[`renders components/space/demo/compact-nested.tsx extend context correctly 2`] = `
-[
-  "Warning: [antd: Input] \`addonAfter\` is deprecated. Please use \`Space.Compact\` instead.",
-]
-`;
+exports[`renders components/space/demo/compact-nested.tsx extend context correctly 2`] = `[]`;
 
 exports[`renders components/space/demo/debug.tsx extend context correctly 1`] = `
 <div

components/splitter/__tests__/size.test.tsx

@@ -74,4 +74,37 @@ describe('useSizes', () => {
     // In impossible case, should average fill (1000 / 3 = 333.33... for each)
     expect(postPxSizes).toEqual([1000 / 3, 1000 / 3, 1000 / 3]);
   });
+
+  it('should average if size total is not 100%', () => {
+    const items = [
+      {
+        size: '20%',
+      },
+      {
+        size: '30%',
+      },
+    ];
+
+    const { result } = renderHook(() => useSizes(items, containerSize));
+    const [sizes] = result.current;
+
+    // Check sizes
+    expect(sizes).toEqual([400, 600]);
+  });
+
+  it('should correct when all size is 0', () => {
+    const items = [
+      {
+        size: 0,
+      },
+      {
+        size: 0,
+      },
+    ];
+
+    const { result } = renderHook(() => useSizes(items, containerSize));
+    const [, postPxSizes] = result.current;
+
+    expect(postPxSizes).toEqual([500, 500]);
+  });
 });

components/splitter/hooks/sizeUtil.ts

@@ -19,6 +19,18 @@ export function autoPtgSizes(
   const restPtg = 1 - currentTotalPtg;
   const undefinedCount = undefinedIndexes.length;
 
+  // If all sizes are defined but don't sum to 1, scale them.
+  if (ptgSizes.length && !undefinedIndexes.length && currentTotalPtg !== 1) {
+    // Handle the case when all sizes are 0
+    if (currentTotalPtg === 0) {
+      const avg = 1 / ptgSizes.length;
+      return ptgSizes.map(() => avg);
+    }
+    const scale = 1 / currentTotalPtg;
+    // We know `size` is a number here because undefinedIndexes is empty.
+    return ptgSizes.map((size) => (size as number) * scale);
+  }
+
   // Fill if exceed
   if (restPtg < 0) {
     const scale = 1 / currentTotalPtg;

components/tabs/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -2839,6 +2839,7 @@ exports[`renders components/tabs/demo/custom-indicator.tsx extend context correc
 Array [
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     style="margin-bottom: 8px;"
@@ -2856,7 +2857,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="start"
         >
@@ -2873,7 +2873,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="center"
         >
@@ -2889,7 +2888,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="end"
         >

components/tabs/__tests__/__snapshots__/demo.test.ts.snap

@@ -2391,6 +2391,7 @@ exports[`renders components/tabs/demo/custom-indicator.tsx correctly 1`] = `
 Array [
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     style="margin-bottom:8px"
@@ -2408,7 +2409,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="start"
         >
@@ -2425,7 +2425,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="center"
         >
@@ -2441,7 +2440,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="end"
         >

components/tooltip/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -4,6 +4,7 @@ exports[`renders components/tooltip/demo/arrow.tsx extend context correctly 1`]
 Array [
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     style="margin-bottom: 24px;"
@@ -22,7 +23,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Show"
         >
@@ -38,7 +38,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Hide"
         >
@@ -54,7 +53,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Center"
         >

components/tooltip/__tests__/__snapshots__/demo.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`renders components/tooltip/demo/arrow.tsx correctly 1`] = `
 Array [
   <div
     aria-label="segmented control"
+    aria-orientation="horizontal"
     class="ant-segmented"
     role="radiogroup"
     style="margin-bottom:24px"
@@ -22,7 +23,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="true"
           class="ant-segmented-item-label"
           title="Show"
         >
@@ -38,7 +38,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Hide"
         >
@@ -54,7 +53,6 @@ Array [
           type="radio"
         />
         <div
-          aria-selected="false"
           class="ant-segmented-item-label"
           title="Center"
         >

components/tree/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -4718,11 +4718,7 @@ exports[`renders components/tree/demo/search.tsx extend context correctly 1`] =
 </div>
 `;
 
-exports[`renders components/tree/demo/search.tsx extend context correctly 2`] = `
-[
-  "Warning: [antd: Input] \`addonAfter\` is deprecated. Please use \`Space.Compact\` instead.",
-]
-`;
+exports[`renders components/tree/demo/search.tsx extend context correctly 2`] = `[]`;
 
 exports[`renders components/tree/demo/switcher-icon.tsx extend context correctly 1`] = `
 <div

package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd",
-  "version": "5.29.1",
+  "version": "5.29.3",
   "description": "An enterprise-class UI design language and React components implementation",
   "license": "MIT",
   "funding": {

scripts/check-repo.ts

@@ -10,6 +10,8 @@ const cwd = process.cwd();
 const git = simpleGit(cwd);
 const spinner = ora('Loading unicorns').start('开始检查仓库状态');
 
+export const STABLE_BRANCH = '5.x-stable';
+
 function exitProcess(code = 1) {
   console.log(''); // Keep an empty line here to make looks good~
   process.exit(code);
@@ -52,8 +54,8 @@ async function checkBranch({ current }: StatusResult) {
     version.includes('-experimental.')
   ) {
     spinner.info(chalk.cyan('😃 Alpha version. Skip branch check.'));
-  } else if (current !== 'master') {
-    spinner.fail(chalk.red('🤔 You are not in the master branch!'));
+  } else if (current !== STABLE_BRANCH) {
+    spinner.fail(chalk.red(`🤔 You are not in the ${STABLE_BRANCH} branch!`));
     exitProcess();
   }
   spinner.succeed('分支检查通过');
@@ -73,7 +75,7 @@ async function checkCommit({ files }: StatusResult) {
 
 async function checkRemote() {
   spinner.start('正在检查远程分支');
-  const { remote } = await git.fetch('origin', 'master');
+  const { remote } = await git.fetch('origin', STABLE_BRANCH);
   if (!remote?.includes('ant-design/ant-design')) {
     const { value } = await git.getConfig('remote.origin.url');
     if (!value?.includes('ant-design/ant-design')) {

scripts/post-publish.ts

@@ -98,7 +98,7 @@ const SAFE_DAYS_DIFF = 1000 * 60 * 60 * 24 * 3; // 3 days not update seems to be
 
   // Not find to use the latest version instead
   defaultVersionObj = defaultVersionObj || defaultVersionList[defaultVersionList.length - 1];
-  let defaultVersion = defaultVersionObj ? defaultVersionObj.value : null;
+  let defaultVersion = defaultVersionObj ? defaultVersionObj.value : undefined;
 
   // If default version is less than current, use current
   if (semver.compare(defaultVersion!, distTags[CONCH_TAG]) < 0) {

scripts/pre-publish.ts

@@ -234,7 +234,9 @@ const runPrePublish = async () => {
     firstArtifactFile = await Promise.any([downloadArtifactPromise, downloadOSSPromise]);
   } catch (error) {
     showMessage(
-      chalk.bgRedBright(`下载失败 ${error}，请确认你当前 ${sha.slice(0, 6)} 位于 master 分支中`),
+      chalk.bgRedBright(
+        `下载失败 ${error}，请确认你当前 ${sha.slice(0, 6)} 位于 5.x-stable 分支中`,
+      ),
       'fail',
     );
     process.exit(1);

scripts/print-changelog.ts

@@ -85,15 +85,17 @@ async function printLog() {
 
   let toVersion = await select({
     message: `🔀 Please choose branch to compare with ${chalk.magenta(fromVersion)}:`,
-    choices: ['master', '4.x-stable', '3.x-stable', 'feature', 'custom input ⌨️'].map((i) => ({
-      name: i,
-      value: i,
-    })),
+    choices: ['master', '5.x-stable', '4.x-stable', '3.x-stable', 'feature', 'custom input ⌨️'].map(
+      (i) => ({
+        name: i,
+        value: i,
+      }),
+    ),
   });
 
   if (toVersion.startsWith('custom input')) {
     toVersion = await input({
-      default: 'master',
+      default: '5.x-stable',
       message: `🔀 Please input custom git hash id or branch name to compare with ${chalk.magenta(
         fromVersion,
       )}:`,

scripts/visual-regression/local.ts

@@ -65,8 +65,9 @@ async function parseArgs() {
   if (!baseRef) {
     baseRef = await select({
       message: '📚 请选择基准分支',
-      default: 'master',
+      default: '5.x-stable',
       choices: [
+        '5.x-stable',
         'master',
         'feature',
         'next',
@@ -77,7 +78,7 @@ async function parseArgs() {
     if (baseRef.endsWith('Custom Input')) {
       baseRef = await input({
         message: '📚 请输入基准分支',
-        default: 'master',
+        default: '5.x-stable',
       });
     }
   }