feat: migrate less to token for Switch (ant-design#42192)

* feat: migrate less to token for Switch

* chore: add demo

* chore: code clean

* chore: update demo

* docs: update docs en

* chore: code clean

---------

Co-authored-by: MadCcc <1075746765@qq.com>

components/switch/__tests__/demo-extend.test.ts

@@ -1,3 +1,5 @@
 import { extendTest } from '../../../tests/shared/demoTest';
 
-extendTest('switch');
+extendTest('switch', {
+  skip: ['component-token.tsx'],
+});

components/switch/__tests__/demo.test.ts

@@ -1,3 +1,5 @@
 import demoTest from '../../../tests/shared/demoTest';
 
-demoTest('switch');
+demoTest('switch', {
+  skip: ['component-token.tsx'],
+});

components/switch/demo/component-token.md

@@ -0,0 +1,7 @@
+## zh-CN
+
+自定义组件 Token。
+
+## en-US
+
+Custom component token.

components/switch/demo/component-token.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { ConfigProvider, Space, Switch } from 'antd';
+
+const App: React.FC = () => (
+  <ConfigProvider
+    theme={{
+      components: {
+        Switch: {
+          trackHeight: 14,
+          trackMinWidth: 32,
+          // opacityLoading: 0.1,
+          colorPrimary: 'rgb(25, 118, 210, 0.5)',
+          trackPadding: -3,
+          handleSize: 20,
+          handleBg: 'rgb(25, 118, 210)',
+          handleShadow:
+            'rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px',
+          // innerMinMargin: 4,
+          // innerMaxMargin: 8,
+        },
+      },
+    }}
+  >
+    <Space>
+      <Switch defaultChecked />
+    </Space>
+  </ConfigProvider>
+);
+
+export default App;

components/switch/index.en-US.md

@@ -23,6 +23,7 @@ Switching Selector.
 <code src="./demo/text.tsx">Text & icon</code>
 <code src="./demo/size.tsx">Two sizes</code>
 <code src="./demo/loading.tsx">Loading</code>
+<code src="./demo/component-token.tsx" debug>Custom component token</code>
 
 ## API
 

components/switch/index.zh-CN.md

@@ -24,6 +24,7 @@ demo:
 <code src="./demo/text.tsx">文字和图标</code>
 <code src="./demo/size.tsx">两种大小</code>
 <code src="./demo/loading.tsx">加载中</code>
+<code src="./demo/component-token.tsx" debug>自定义组件 Token</code>
 
 ## API