fix: fix some className (#1544)

* docs(table): add checkbox disabled demo

* fix: fix some className

Co-authored-by: maxin <maxin@growingio.com>

src/legacy/date-picker/style/index.less

@@ -3,9 +3,9 @@
 @import './yearPanel.less';
 @import './monthPanel.less';
 @import './decadePanel.less';
+@import (reference) '../../input/style/index.less';
 
 @date-picker-prefix-cls-legacy: ~'@{component-prefix}-date-picker-legacy';
-@input-prefix-cls-legacy: ~'@{component-prefix}-input';
 
 .@{date-picker-prefix-cls-legacy}-wrapper {
   position: absolute;

src/legacy/form/style/index.less

@@ -1,9 +1,9 @@
 @import '../../../stylesheet/index.less';
+@import (reference) '../../input/style/index.less';
 
 @icon-prefix-cls-legacy: ~'@{component-prefix}-icon';
 @form-prefix-cls-legacy: ~'@{component-prefix}-form-legacy';
 @field-prefix-cls-legacy: ~'@{component-prefix}-field';
-@input-prefix-cls-legacy: ~'@{component-prefix}-input';
 
 // form tokens map
 @info-color: @color-font-form-notes;

src/legacy/pagination/style/index.less

@@ -1,7 +1,7 @@
 @import '../../../stylesheet/index.less';
+@import (reference) '../../input/style/index.less';
 
 @pagination-prefix-cls-legacy: ~'@{component-prefix}-pagination-legacy';
-@input-prefix-cls-legacy: ~'@{component-prefix}-input';
 
 .pagination-item {
   display: inline-flex;

src/legacy/search-bar/style/index.less

@@ -1,15 +1,14 @@
 @import '../../../stylesheet/index.less';
+@import (reference) '../../input/style/index.less';
 
 @searchbar-prefix-cls-legacy: ~'@{component-prefix}-searchbar-legacy';
-@input-cls: ~'@{component-prefix}-input';
-@color-background-searchBar-icon-clear: #5c4e61;
 
 .@{searchbar-prefix-cls-legacy} {
   position: relative;
   width: fit-content;
   width: 100%;
 
-  .@{input-cls} {
+  .@{input-prefix-cls-legacy} {
     width: inherit;
   }
 
@@ -64,7 +63,7 @@
 
   &-suffix {
     &-close {
-      color: @color-background-searchBar-icon-clear;
+      color: #5c4e61;
       cursor: pointer;
     }
     &-search {

src/table/demos/Table.stories.tsx

@@ -92,11 +92,12 @@ export const Selectable = () => {
     onChange: (selectedKeys) => {
       // eslint-disable-next-line no-console
       console.log(`🚀 selectedKeys: `, selectedKeys);
+      action(`rowSelection onChange`)(selectedKeys);
     },
     columnWidth: 60,
     fixed: false,
     // selectedRowKeys: [], // Controlled
-    getCheckboxProps: (record) => ({ disabled: record.id === '1' }),
+    getCheckboxProps: (record) => ({ disabled: record.age % 2 === 0 }),
   };
   return (
     <Table<DataSourceType>

src/tooltip/demos/Tooltip.stories.tsx

@@ -242,3 +242,18 @@ MultiLine.args = {
   placement: 'right',
   trigger: 'click',
 };
+
+export const Disabled = () => (
+  <div>
+    <p>
+      默认情况下，被禁用的元素（如 Button）不会触发用户交互行为，因此 hover 等普通的事件不会激活工具提示的显示。
+      若想容纳已禁用的元素激活工具提示，请添加一个简单的包装元素，如 span。
+    </p>
+
+    <Tooltip title="Button 被禁用了" placement="right">
+      <span>
+        <Button disabled>Disabled Button</Button>
+      </span>
+    </Tooltip>
+  </div>
+);

src/typography/style/Text.less

@@ -4,12 +4,12 @@
 
 .@{text-prefix-cls} {
   .font();
-  color: var(--color, 'inherit');
+  color: var(--color, inherit);
   &--small {
     font-size: 12px;
     line-height: 20px;
   }
-  &--midlle {
+  &--middle {
     font-size: 14px;
     line-height: 22px;
   }