From f170acfb14011305e20c306c7bc15d88672dc3b8 Mon Sep 17 00:00:00 2001
From: ng-zorro-bot <ng-zorro-bot@users.noreply.github.com>
Date: Sun, 26 May 2019 07:27:21 +0000
Subject: [PATCH] chore: sync ant-design v3.19.0

---
 components/affix/style/index.less             |   2 +-
 components/alert/style/index.less             |   3 +-
 components/anchor/style/index.less            |   3 +-
 components/auto-complete/style/index.less     |  11 +-
 components/avatar/style/index.less            |   3 +-
 components/back-top/style/index.less          |   3 +-
 components/badge/style/index.less             |   3 +-
 components/breadcrumb/style/index.less        |   9 +-
 components/button/style/index.less            |  21 +-
 components/button/style/mixin.less            |  37 ++-
 components/calendar/style/index.less          |   5 +-
 components/card/style/index.less              |   3 +-
 components/carousel/style/index.less          |  16 +-
 components/cascader/style/index.less          |  16 +-
 components/checkbox/style/index.less          |   2 +-
 components/checkbox/style/mixin.less          |   5 +
 components/collapse/style/index.less          |  20 +-
 components/comment/style/index.less           |   2 +-
 components/date-picker/style/Calendar.less    |   1 +
 components/date-picker/style/Picker.less      |   2 +
 components/date-picker/style/RangePicker.less |   1 +
 components/date-picker/style/index.less       |   2 +-
 components/divider/style/index.less           |   3 +-
 components/drawer/style/drawer.less           |  20 +-
 components/drawer/style/index.less            |   2 +-
 components/dropdown/style/index.less          |   3 +-
 components/empty/style/index.less             |   2 +-
 components/form/style/index.less              |  15 +-
 components/form/style/mixin.less              |   1 +
 components/grid/style/index.less              |   3 +-
 components/icon/style/index.less              |   2 +-
 components/input-number/style/index.less      |   5 +-
 components/input/style/index.less             |   2 +-
 components/input/style/mixin.less             |   2 +-
 components/input/style/search-input.less      |   2 +-
 components/layout/style/index.less            |   2 +-
 components/list/style/index.less              |  29 +-
 components/mention/style/index.less           |   5 +-
 components/menu/style/index.less              |   8 +-
 components/message/style/index.less           |   3 +-
 components/modal/style/index.less             |   2 +-
 components/modal/style/modal.less             |   2 +
 components/notification/style/index.less      |  11 +-
 components/page-header/style/index.less       |  13 +-
 components/pagination/style/index.less        |  58 +++-
 components/popover/style/index.less           |   5 +-
 components/progress/style/index.less          |   3 +-
 components/radio/style/index.less             |  12 +-
 components/rate/style/index.less              |   3 +-
 components/select/style/index.less            |  31 +-
 components/skeleton/style/index.less          |   2 +-
 components/slider/style/index.less            |   4 +-
 components/spin/style/index.less              |   9 +-
 components/statistic/style/index.less         |   4 +-
 components/steps/style/index.less             |  41 ++-
 components/style/color/colorPalette.less      |   2 +-
 components/style/core/base.less               |   2 +-
 components/style/core/iconfont.less           |   2 +-
 components/style/core/motion.less             |   7 +-
 components/style/core/motion/other.less       |  24 +-
 components/style/core/motion/swing.less       |   1 +
 components/style/index.less                   |   2 +-
 components/style/mixins/clearfix.less         |   2 +-
 components/style/mixins/iconfont.less         |   1 +
 components/style/mixins/index.less            |   1 +
 components/style/mixins/motion.less           |   4 +-
 components/style/mixins/operation-unit.less   |  18 ++
 components/style/mixins/reset.less            |   2 +-
 components/style/themes/default.less          |  13 +-
 components/style/themes/index.less            |   1 +
 components/switch/style/index.less            |   7 +-
 components/table/style/index.less             | 295 +++++++++---------
 components/table/style/size.less              |   8 +-
 components/tabs/style/card-style.less         |   3 +-
 components/tabs/style/index.less              |  26 +-
 components/tag/style/index.less               |   6 +-
 components/time-picker/style/index.less       |   4 +-
 components/timeline/style/index.less          |   3 +-
 components/tooltip/style/index.less           |   5 +-
 components/transfer/style/customize.less      |  62 ++++
 components/transfer/style/index.less          |  26 +-
 components/tree-select/style/index.less       |   3 +-
 components/tree/style/directory.less          |   2 +-
 components/tree/style/index.less              |  26 +-
 components/tree/style/mixin.less              |   1 +
 components/upload/style/index.less            |   9 +-
 86 files changed, 734 insertions(+), 313 deletions(-)
 create mode 100644 components/style/mixins/operation-unit.less
 create mode 100644 components/style/themes/index.less
 create mode 100644 components/transfer/style/customize.less

diff --git a/components/affix/style/index.less b/components/affix/style/index.less
index 9f19860e552..3762903fccb 100644
--- a/components/affix/style/index.less
+++ b/components/affix/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 
 .@{ant-prefix}-affix {
   position: fixed;
diff --git a/components/alert/style/index.less b/components/alert/style/index.less
index fcb57381ca1..31deb23d932 100644
--- a/components/alert/style/index.less
+++ b/components/alert/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @alert-prefix-cls: ~'@{ant-prefix}-alert';
@@ -10,6 +10,7 @@
 
 .@{alert-prefix-cls} {
   .reset-component;
+
   position: relative;
   padding: 8px 15px 8px 37px;
   border-radius: @border-radius-base;
diff --git a/components/anchor/style/index.less b/components/anchor/style/index.less
index c4b724d1378..ce82041718c 100644
--- a/components/anchor/style/index.less
+++ b/components/anchor/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @anchor-border-width: 2px;
 
 .@{ant-prefix}-anchor {
   .reset-component;
+
   position: relative;
   padding-left: @anchor-border-width;
 
diff --git a/components/auto-complete/style/index.less b/components/auto-complete/style/index.less
index b7713e34108..6187de2c742 100644
--- a/components/auto-complete/style/index.less
+++ b/components/auto-complete/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../input/style/mixin';
 
@@ -54,6 +54,7 @@
       }
       &[disabled] {
         .disabled;
+
         background-color: transparent;
       }
     }
@@ -81,3 +82,11 @@
     }
   }
 }
+
+// https://github.com/ant-design/ant-design/issues/14156
+.@{input-prefix-cls}-group > .@{autocomplete-prefix-cls} {
+  .@{select-prefix-cls}-search__field.@{input-prefix-cls}-affix-wrapper {
+    display: inline;
+    float: none;
+  }
+}
diff --git a/components/avatar/style/index.less b/components/avatar/style/index.less
index e1ec77ad66a..f2c22c03765 100644
--- a/components/avatar/style/index.less
+++ b/components/avatar/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @avatar-prefix-cls: ~'@{ant-prefix}-avatar';
 
 .@{avatar-prefix-cls} {
   .reset-component;
+
   position: relative;
   display: inline-block;
   overflow: hidden;
diff --git a/components/back-top/style/index.less b/components/back-top/style/index.less
index e4280723eab..7318a749769 100644
--- a/components/back-top/style/index.less
+++ b/components/back-top/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @backtop-prefix-cls: ~'@{ant-prefix}-back-top';
 
 .@{backtop-prefix-cls} {
   .reset-component;
+
   position: fixed;
   right: 100px;
   bottom: 50px;
diff --git a/components/badge/style/index.less b/components/badge/style/index.less
index d9ed1bda1db..d638e0a15b1 100644
--- a/components/badge/style/index.less
+++ b/components/badge/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @badge-prefix-cls: ~'@{ant-prefix}-badge';
@@ -6,6 +6,7 @@
 
 .@{badge-prefix-cls} {
   .reset-component;
+
   position: relative;
   display: inline-block;
   color: unset;
diff --git a/components/breadcrumb/style/index.less b/components/breadcrumb/style/index.less
index 30caa834441..606103584b9 100644
--- a/components/breadcrumb/style/index.less
+++ b/components/breadcrumb/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @breadcrumb-prefix-cls: ~'@{ant-prefix}-breadcrumb';
 
 .@{breadcrumb-prefix-cls} {
   .reset-component;
+
   color: @breadcrumb-base-color;
   font-size: @breadcrumb-font-size;
 
@@ -38,4 +39,10 @@
       margin-left: 4px;
     }
   }
+
+  &-overlay-link {
+    > .@{iconfont-css-prefix} {
+      margin-left: 4px;
+    }
+  }
 }
diff --git a/components/button/style/index.less b/components/button/style/index.less
index ef371977504..74ca43b9ec7 100644
--- a/components/button/style/index.less
+++ b/components/button/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import './mixin';
 
@@ -69,6 +69,10 @@
     .btn-danger;
   }
 
+  &-link {
+    .btn-link;
+  }
+
   &-round {
     .btn-round(@btn-prefix-cls);
   }
@@ -90,8 +94,8 @@
     border-radius: inherit;
     opacity: 0.35;
     transition: opacity 0.2s;
-    pointer-events: none;
     content: '';
+    pointer-events: none;
   }
 
   .@{iconfont-css-prefix} {
@@ -107,14 +111,17 @@
     }
   }
 
+  &&-loading {
+    position: relative;
+    pointer-events: none;
+  }
+
   &&-loading::before {
     display: block;
   }
 
   &&-loading:not(&-circle):not(&-circle-outline):not(&-icon-only) {
-    position: relative;
     padding-left: 29px;
-    pointer-events: none;
     .@{iconfont-css-prefix}:not(:last-child) {
       margin-left: -14px;
     }
@@ -162,6 +169,12 @@
     .button-variant-ghost(@btn-danger-color);
   }
 
+  &-background-ghost&-link {
+    .button-variant-ghost(@link-color; transparent);
+
+    color: @component-background;
+  }
+
   &-two-chinese-chars::first-letter {
     letter-spacing: 0.34em;
   }
diff --git a/components/button/style/mixin.less b/components/button/style/mixin.less
index 58b0f6fd0f1..1aec902ef22 100644
--- a/components/button/style/mixin.less
+++ b/components/button/style/mixin.less
@@ -7,7 +7,7 @@
   border-radius: @border-radius;
 }
 
-.button-disabled() {
+.button-disabled(@color: @btn-disable-color; @background: @btn-disable-bg; @border: @btn-disable-border) {
   &-disabled,
   &.disabled,
   &[disabled] {
@@ -16,7 +16,8 @@
     &:focus,
     &:active,
     &.active {
-      .button-color(@btn-disable-color; @btn-disable-bg; @btn-disable-border);
+      .button-color(@color; @background; @border);
+
       text-shadow: none;
       box-shadow: none;
     }
@@ -25,6 +26,7 @@
 
 .button-variant-primary(@color; @background) {
   .button-color(@color; @background; @background);
+
   text-shadow: @btn-text-shadow;
   box-shadow: @btn-primary-shadow;
 
@@ -84,16 +86,26 @@
   }
   .button-disabled();
 }
-.button-variant-ghost(@color) {
-  .button-color(@color; transparent; @color);
+.button-variant-ghost(@color; @border: @color) {
+  .button-color(@color; transparent; @border);
   text-shadow: none;
   &:hover,
   &:focus {
-    .button-color(~`colorPalette('@{color}', 5) `; transparent; ~`colorPalette('@{color}', 5) `);
+    & when (@border = transparent) {
+      .button-color(~`colorPalette('@{color}', 5) `; transparent; transparent);
+    }
+    & when not(@border = transparent) {
+      .button-color(~`colorPalette('@{color}', 5) `; transparent; ~`colorPalette('@{color}', 5) `);
+    }
   }
   &:active,
   &.active {
-    .button-color(~`colorPalette('@{color}', 7) `; transparent; ~`colorPalette('@{color}', 7) `);
+    & when (@border = transparent) {
+      .button-color(~`colorPalette('@{color}', 7) `; transparent; transparent);
+    }
+    & when not(@border = transparent) {
+      .button-color(~`colorPalette('@{color}', 7) `; transparent; ~`colorPalette('@{color}', 7) `);
+    }
   }
   .button-disabled();
 }
@@ -220,6 +232,17 @@
 .btn-danger() {
   .button-variant-danger(@btn-danger-color, @btn-danger-bg, @btn-danger-border);
 }
+// link button style
+.btn-link() {
+  .button-variant-other(@link-color, transparent, transparent);
+  box-shadow: none;
+  &:hover,
+  &:focus,
+  &:active {
+    border-color: transparent;
+  }
+  .button-disabled(@disabled-color; transparent; transparent);
+}
 // round button
 .btn-round(@btnClassName: btn) {
   .button-size(@btn-circle-size; 0 @btn-circle-size / 2; @font-size-base + 2px; @btn-circle-size);
@@ -247,7 +270,7 @@
     .button-size(@btn-circle-size-sm; 0; @font-size-base; 50%);
   }
 }
-// Horizontal button groups styl
+// Horizontal button groups style
 // --------------------------------------------------
 .btn-group(@btnClassName: btn) {
   .button-group-base(@btnClassName);
diff --git a/components/calendar/style/index.less b/components/calendar/style/index.less
index e1e908209b0..32b1c057845 100644
--- a/components/calendar/style/index.less
+++ b/components/calendar/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @full-calendar-prefix-cls: ~'@{ant-prefix}-fullcalendar';
 
 .@{full-calendar-prefix-cls} {
   .reset-component;
+
   border-top: @border-width-base @border-style-base @border-color-base;
   outline: none;
 
@@ -21,7 +22,7 @@
     margin-left: 8px;
 
     &.@{ant-prefix}-select-sm {
-      min-width: 60px;
+      min-width: 70px;
     }
   }
 
diff --git a/components/card/style/index.less b/components/card/style/index.less
index 370173fb3d8..b23e8fc3ea2 100644
--- a/components/card/style/index.less
+++ b/components/card/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @card-prefix-cls: ~'@{ant-prefix}-card';
@@ -10,6 +10,7 @@
 
 .@{card-prefix-cls} {
   .reset-component;
+
   position: relative;
   background: @component-background;
   border-radius: @card-radius;
diff --git a/components/carousel/style/index.less b/components/carousel/style/index.less
index ddb3c4b893d..a8376fd25df 100644
--- a/components/carousel/style/index.less
+++ b/components/carousel/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 .@{ant-prefix}-carousel {
@@ -146,7 +146,6 @@
   // Dots
   .slick-dots {
     position: absolute;
-    bottom: 12px;
     display: block;
     width: 100%;
     height: @carousel-dot-height;
@@ -154,6 +153,12 @@
     padding: 0;
     text-align: center;
     list-style: none;
+    &-bottom {
+      bottom: 12px;
+    }
+    &-top {
+      top: 12px;
+    }
     li {
       position: relative;
       display: inline-block;
@@ -196,11 +201,16 @@
 .@{ant-prefix}-carousel-vertical {
   .slick-dots {
     top: 50%;
-    right: 12px;
     bottom: auto;
     width: @carousel-dot-height;
     height: auto;
     transform: translateY(-50%);
+    &-left {
+      left: 12px;
+    }
+    &-right {
+      right: 12px;
+    }
     li {
       margin: 0 2px;
       vertical-align: baseline;
diff --git a/components/cascader/style/index.less b/components/cascader/style/index.less
index e4353fd00f0..eeb0a53d238 100644
--- a/components/cascader/style/index.less
+++ b/components/cascader/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../input/style/mixin';
 
@@ -8,7 +8,8 @@
   .reset-component;
 
   &-input.@{ant-prefix}-input {
-    position: relative;
+    // Keep it static for https://github.com/ant-design/ant-design/issues/16738
+    position: static;
     width: 100%;
     // Add important to fix https://github.com/ant-design/ant-design/issues/5078
     // because input.less will compile after cascader.less
@@ -22,6 +23,7 @@
 
   &-picker {
     .reset-component;
+
     position: relative;
     display: inline-block;
     background-color: @component-background;
@@ -108,6 +110,11 @@
     }
   }
 
+  // https://github.com/ant-design/ant-design/pull/12407#issuecomment-424657810
+  &-picker-label:hover + &-input {
+    .hover;
+  }
+
   &-picker-small &-picker-clear,
   &-picker-small &-picker-arrow {
     right: @control-padding-horizontal-sm;
@@ -194,8 +201,8 @@
     &-active:not(&-disabled) {
       &,
       &:hover {
-        font-weight: 600;
-        background: @background-color-base;
+        font-weight: @select-item-selected-font-weight;
+        background-color: @background-color-light;
       }
     }
     &-expand {
@@ -206,6 +213,7 @@
     &-expand &-expand-icon,
     &-expand &-loading-icon {
       .iconfont-size-under-12px(10px);
+
       position: absolute;
       right: @control-padding-horizontal;
       color: @text-color-secondary;
diff --git a/components/checkbox/style/index.less b/components/checkbox/style/index.less
index 2d669f4f72a..3f50d589733 100644
--- a/components/checkbox/style/index.less
+++ b/components/checkbox/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import './mixin';
 
 .antCheckboxFn();
diff --git a/components/checkbox/style/mixin.less b/components/checkbox/style/mixin.less
index 5454c9aca9f..6e136528a03 100644
--- a/components/checkbox/style/mixin.less
+++ b/components/checkbox/style/mixin.less
@@ -5,6 +5,7 @@
   // 一般状态
   .@{checkbox-prefix-cls} {
     .reset-component;
+
     position: relative;
     top: -0.09em;
     display: inline-block;
@@ -57,6 +58,7 @@
       &::after {
         @check-width: (@checkbox-size / 14) * 5px;
         @check-height: (@checkbox-size / 14) * 8px;
+
         position: absolute;
         top: 50%;
         left: 21%;
@@ -139,6 +141,7 @@
 
   .@{checkbox-prefix-cls}-wrapper {
     .reset-component;
+
     display: inline-block;
     line-height: unset;
     cursor: pointer;
@@ -155,6 +158,7 @@
 
   .@{checkbox-prefix-cls}-group {
     .reset-component;
+
     display: inline-block;
     &-item {
       display: inline-block;
@@ -177,6 +181,7 @@
     .@{checkbox-inner-prefix-cls}::after {
       @indeterminate-width: @checkbox-size - 8px;
       @indeterminate-height: @checkbox-size - 8px;
+
       top: 50%;
       left: 50%;
       width: @indeterminate-width;
diff --git a/components/collapse/style/index.less b/components/collapse/style/index.less
index 5db9b1454cc..93791bfba33 100644
--- a/components/collapse/style/index.less
+++ b/components/collapse/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @collapse-prefix-cls: ~'@{ant-prefix}-collapse';
 
 .@{collapse-prefix-cls} {
   .reset-component;
+
   background-color: @collapse-header-bg;
   border: @border-width-base @border-style-base @border-color-base;
   border-bottom: 0;
@@ -23,6 +24,7 @@
     > .@{collapse-prefix-cls}-header {
       position: relative;
       padding: @collapse-header-padding;
+      padding-left: @collapse-header-padding-extra;
       color: @heading-color;
       line-height: 22px;
       cursor: pointer;
@@ -30,6 +32,7 @@
 
       .@{collapse-prefix-cls}-arrow {
         .iconfont-mixin();
+
         position: absolute;
         top: 50%;
         left: @padding-md;
@@ -60,6 +63,21 @@
     }
   }
 
+  // Expand Icon right
+  &-icon-position-right {
+    & > .@{collapse-prefix-cls}-item {
+      > .@{collapse-prefix-cls}-header {
+        padding: @collapse-header-padding;
+        padding-right: @collapse-header-padding-extra;
+
+        .@{collapse-prefix-cls}-arrow {
+          right: @padding-md;
+          left: initial;
+        }
+      }
+    }
+  }
+
   &-anim-active {
     transition: height 0.2s @ease-out;
   }
diff --git a/components/comment/style/index.less b/components/comment/style/index.less
index 573308f1b38..78548a27abd 100644
--- a/components/comment/style/index.less
+++ b/components/comment/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @comment-prefix-cls: ~'@{ant-prefix}-comment';
diff --git a/components/date-picker/style/Calendar.less b/components/date-picker/style/Calendar.less
index 2a8cdc5462b..95eb1601aa6 100644
--- a/components/date-picker/style/Calendar.less
+++ b/components/date-picker/style/Calendar.less
@@ -342,6 +342,7 @@
     .btn;
     .btn-primary;
     .button-size(@btn-height-sm; @btn-padding-sm; @font-size-base; @border-radius-base);
+
     line-height: @btn-height-sm - 2px;
 
     .button-disabled();
diff --git a/components/date-picker/style/Picker.less b/components/date-picker/style/Picker.less
index d212460f0ac..c0fd7d269ec 100644
--- a/components/date-picker/style/Picker.less
+++ b/components/date-picker/style/Picker.less
@@ -2,6 +2,7 @@
 
 .@{calendar-prefix-cls}-picker-container {
   .reset-component;
+
   position: absolute;
   z-index: @zindex-picker;
   font-family: @font-family;
@@ -33,6 +34,7 @@
 
 .@{calendar-prefix-cls}-picker {
   .reset-component;
+
   position: relative;
   display: inline-block;
   outline: none;
diff --git a/components/date-picker/style/RangePicker.less b/components/date-picker/style/RangePicker.less
index 16f4dccbf74..b8acbe2511d 100644
--- a/components/date-picker/style/RangePicker.less
+++ b/components/date-picker/style/RangePicker.less
@@ -96,6 +96,7 @@
   .@{calendar-prefix-cls}-input,
   .@{calendar-timepicker-prefix-cls}-input {
     .input;
+
     height: @input-height-sm;
     padding-right: 0;
     padding-left: 0;
diff --git a/components/date-picker/style/index.less b/components/date-picker/style/index.less
index d8e6026dc71..14eedcced97 100644
--- a/components/date-picker/style/index.less
+++ b/components/date-picker/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../input/style/mixin';
 @import '../../button/style/mixin';
diff --git a/components/divider/style/index.less b/components/divider/style/index.less
index c8c3bf88006..bb3110481c8 100644
--- a/components/divider/style/index.less
+++ b/components/divider/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @divider-prefix-cls: ~'@{ant-prefix}-divider';
 
 .@{divider-prefix-cls} {
   .reset-component;
+
   background: @border-color-split;
 
   &,  /* for compatiable */
diff --git a/components/drawer/style/drawer.less b/components/drawer/style/drawer.less
index 2781d4ccca3..228c5851654 100644
--- a/components/drawer/style/drawer.less
+++ b/components/drawer/style/drawer.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 
 // Preserve the typo for compatibility
 // https://github.com/ant-design/ant-design/issues/14628
@@ -8,7 +8,6 @@
 
 .@{drawer-prefix-cls} {
   position: fixed;
-  top: 0;
   z-index: @zindex-modal;
   width: 0%;
   height: 100%;
@@ -25,8 +24,10 @@
     width: 100%;
     height: 100%;
   }
+
   &-left,
   &-right {
+    top: 0;
     width: 0%;
     height: 100%;
     .@{drawer-prefix-cls}-content-wrapper {
@@ -39,6 +40,7 @@
       width: 0%;
     }
   }
+
   &-left {
     &.@{drawer-prefix-cls}-open {
       .@{drawer-prefix-cls}-content-wrapper {
@@ -46,7 +48,10 @@
       }
     }
   }
+
   &-right {
+    right: 0;
+
     .@{drawer-prefix-cls} {
       &-content-wrapper {
         right: 0;
@@ -61,8 +66,10 @@
 
   &-top,
   &-bottom {
+    left: 0;
     width: 100%;
     height: 0%;
+
     .@{drawer-prefix-cls}-content-wrapper {
       width: 100%;
     }
@@ -73,14 +80,20 @@
       height: 0%;
     }
   }
+
   &-top {
+    top: 0;
+
     &.@{drawer-prefix-cls}-open {
       .@{drawer-prefix-cls}-content-wrapper {
         box-shadow: @shadow-1-down;
       }
     }
   }
+
   &-bottom {
+    bottom: 0;
+
     .@{drawer-prefix-cls} {
       &-content-wrapper {
         bottom: 0;
@@ -92,6 +105,7 @@
       }
     }
   }
+
   &.@{drawer-prefix-cls}-open {
     .@{drawer-prefix-cls} {
       &-mask {
@@ -173,6 +187,8 @@
 
   &-mask {
     position: fixed;
+    top: 0;
+    left: 0;
     width: 100%;
     height: 0;
     background-color: @modal-mask-bg;
diff --git a/components/drawer/style/index.less b/components/drawer/style/index.less
index a081a08ca72..79d170c750e 100644
--- a/components/drawer/style/index.less
+++ b/components/drawer/style/index.less
@@ -1,3 +1,3 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import './drawer';
diff --git a/components/dropdown/style/index.less b/components/dropdown/style/index.less
index 8603ead6851..ffba8cd9390 100644
--- a/components/dropdown/style/index.less
+++ b/components/dropdown/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
 
 .@{dropdown-prefix-cls} {
   .reset-component;
+
   position: absolute;
   top: -9999px;
   left: -9999px;
diff --git a/components/empty/style/index.less b/components/empty/style/index.less
index 535109d93e4..c56297ce35a 100644
--- a/components/empty/style/index.less
+++ b/components/empty/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @empty-prefix-cls: ~'@{ant-prefix}-empty';
diff --git a/components/form/style/index.less b/components/form/style/index.less
index 8911b52e454..11974f3ee7d 100644
--- a/components/form/style/index.less
+++ b/components/form/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../input/style/mixin';
 @import '../../button/style/mixin';
@@ -98,6 +98,7 @@ input[type='checkbox'] {
   }
 
   .reset-component;
+
   margin-bottom: @form-item-margin-bottom;
   vertical-align: top;
 
@@ -112,7 +113,7 @@ input[type='checkbox'] {
   }
 
   &-with-help {
-    margin-bottom: @form-item-margin-bottom - @form-explain-height - @form-help-margin-top;
+    margin-bottom: max(0, @form-item-margin-bottom - @form-explain-height - @form-help-margin-top);
   }
 
   &-label {
@@ -162,13 +163,16 @@ input[type='checkbox'] {
   text-align: center;
 }
 
-// 表单下的输入框尺寸唯一: 大尺寸
 form {
   .has-feedback {
     .@{ant-prefix}-input {
       padding-right: 24px;
     }
 
+    .@{ant-prefix}-input-password-icon {
+      margin-right: 18px;
+    }
+
     // Fix overlapping between feedback icon and <Select>'s arrow.
     // https://github.com/ant-design/ant-design/issues/4431
     > .@{ant-prefix}-select .@{ant-prefix}-select-arrow,
@@ -212,6 +216,7 @@ form {
     }
   }
 
+  .@{ant-prefix}-mentions,
   textarea.@{ant-prefix}-input {
     height: auto;
     margin-bottom: 4px;
@@ -456,7 +461,7 @@ form {
 }
 
 .has-warning {
-  .form-control-validation(@warning-color; @warning-color;);
+  .form-control-validation(@warning-color; @warning-color; @form-warning-input-bg;);
 
   &.has-feedback .@{form-prefix-cls}-item-children-icon {
     color: @warning-color;
@@ -505,7 +510,7 @@ form {
 }
 
 .has-error {
-  .form-control-validation(@error-color; @error-color;);
+  .form-control-validation(@error-color; @error-color; @form-error-input-bg;);
 
   &.has-feedback .@{form-prefix-cls}-item-children-icon {
     color: @error-color;
diff --git a/components/form/style/mixin.less b/components/form/style/mixin.less
index c3dff52244e..10511d7810c 100644
--- a/components/form/style/mixin.less
+++ b/components/form/style/mixin.less
@@ -30,6 +30,7 @@
     .@{ant-prefix}-input {
       &,
       &:hover {
+        background-color: @background-color;
         border-color: @border-color;
       }
 
diff --git a/components/grid/style/index.less b/components/grid/style/index.less
index 97087aa2235..5a7ad70a818 100644
--- a/components/grid/style/index.less
+++ b/components/grid/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import './mixin';
 
 // Grid system
 .@{ant-prefix}-row {
   .make-row();
+
   display: block;
   box-sizing: border-box;
 }
diff --git a/components/icon/style/index.less b/components/icon/style/index.less
index 373c41968cd..0376586766c 100644
--- a/components/icon/style/index.less
+++ b/components/icon/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @icon-prefix-cls: ~'@{ant-prefix}-icon';
diff --git a/components/input-number/style/index.less b/components/input-number/style/index.less
index 455f1b124a7..597c38ac393 100644
--- a/components/input-number/style/index.less
+++ b/components/input-number/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../input/style/mixin';
 
@@ -7,6 +7,7 @@
 .@{input-number-prefix-cls} {
   .reset-component;
   .input;
+
   display: inline-block;
   width: 90px;
   margin: 0;
@@ -37,6 +38,7 @@
   &-handler-up-inner,
   &-handler-down-inner {
     .iconfont-mixin();
+
     position: absolute;
     right: 4px;
     width: 12px;
@@ -116,6 +118,7 @@
       .@{input-number-prefix-cls}-handler-up-inner,
       .@{input-number-prefix-cls}-handler-down-inner {
         .iconfont-size-under-12px(7px);
+
         min-width: auto;
         margin-right: 0;
       }
diff --git a/components/input/style/index.less b/components/input/style/index.less
index faca6124e13..04ae2168cef 100644
--- a/components/input/style/index.less
+++ b/components/input/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import './mixin';
 
diff --git a/components/input/style/mixin.less b/components/input/style/mixin.less
index debe51afb17..f8a917d4d1a 100644
--- a/components/input/style/mixin.less
+++ b/components/input/style/mixin.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @input-affix-width: 19px;
diff --git a/components/input/style/search-input.less b/components/input/style/search-input.less
index bd0c77cb7f5..9d6f8490040 100644
--- a/components/input/style/search-input.less
+++ b/components/input/style/search-input.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../button/style/mixin';
 @import './mixin';
diff --git a/components/layout/style/index.less b/components/layout/style/index.less
index d352c7e1a48..0fab8786803 100644
--- a/components/layout/style/index.less
+++ b/components/layout/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @layout-prefix-cls: ~'@{ant-prefix}-layout';
diff --git a/components/list/style/index.less b/components/list/style/index.less
index 6b612202a82..156ffd7f626 100644
--- a/components/list/style/index.less
+++ b/components/list/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @list-prefix-cls: ~'@{ant-prefix}-list';
 
 .@{list-prefix-cls} {
   .reset-component;
+
   position: relative;
 
   * {
@@ -37,15 +38,17 @@
     text-align: center;
   }
 
+  &-items {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
   &-item {
     display: flex;
     align-items: center;
     padding: @list-item-padding;
 
-    &-no-flex {
-      display: block;
-    }
-
     &-content {
       color: @text-color;
     }
@@ -147,7 +150,7 @@
     min-height: 32px;
   }
 
-  &-something-after-last-item .@{ant-prefix}-spin-container > &-item:last-child {
+  &-something-after-last-item .@{ant-prefix}-spin-container > &-items > &-item:last-child {
     border-bottom: 1px solid @border-color-split;
   }
 
@@ -205,6 +208,20 @@
     padding-bottom: 0;
     border-bottom: none;
   }
+
+  // ============================ without flex ============================
+  &-item-no-flex {
+    display: block;
+  }
+
+  // Horizontal
+  &:not(.@{list-prefix-cls}-vertical) {
+    .@{list-prefix-cls}-item-no-flex {
+      .@{list-prefix-cls}-item-action {
+        float: right;
+      }
+    }
+  }
 }
 
 @import './bordered';
diff --git a/components/mention/style/index.less b/components/mention/style/index.less
index 2f936b83135..399e76bb04a 100644
--- a/components/mention/style/index.less
+++ b/components/mention/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../input/style/mixin';
 
@@ -6,6 +6,7 @@
 
 .@{mention-prefix-cls}-wrapper {
   .reset-component;
+
   position: relative;
   display: inline-block;
   width: 100%;
@@ -13,6 +14,7 @@
 
   .@{mention-prefix-cls}-editor {
     .input;
+
     display: block;
     height: auto; // To override height in .input mixin
     min-height: @input-height-base;
@@ -50,6 +52,7 @@
 
 .@{mention-prefix-cls}-dropdown {
   .reset-component;
+
   position: absolute;
   top: -9999px;
   left: -9999px;
diff --git a/components/menu/style/index.less b/components/menu/style/index.less
index 879c014b2ad..78b21fb68b9 100644
--- a/components/menu/style/index.less
+++ b/components/menu/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @menu-prefix-cls: ~'@{ant-prefix}-menu';
@@ -6,6 +6,7 @@
 // default theme
 .@{menu-prefix-cls} {
   .reset-component;
+
   margin-bottom: 0;
   padding-left: 0; // Override default ul/ol
   color: @menu-item-color;
@@ -218,8 +219,13 @@
           position: absolute;
           width: 6px;
           height: 1.5px;
+          // background + background-image to makes before & after cross have same color.
+          // Since `linear-gradient` not work on IE9, we should hack it.
+          // ref: https://github.com/ant-design/ant-design/issues/15910
           background: @menu-bg;
+          background: ~'@{menu-item-color} \9';
           background-image: linear-gradient(to right, @menu-item-color, @menu-item-color);
+          background-image: ~'none \9';
           border-radius: 2px;
           transition: background 0.3s @ease-in-out, transform 0.3s @ease-in-out,
             top 0.3s @ease-in-out;
diff --git a/components/message/style/index.less b/components/message/style/index.less
index 0c833b4e257..6f8ea210882 100644
--- a/components/message/style/index.less
+++ b/components/message/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @message-prefix-cls: ~'@{ant-prefix}-message';
 
 .@{message-prefix-cls} {
   .reset-component;
+
   position: fixed;
   top: 16px;
   left: 0;
diff --git a/components/modal/style/index.less b/components/modal/style/index.less
index 39d556571f1..bc682e742b8 100644
--- a/components/modal/style/index.less
+++ b/components/modal/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import './modal';
 @import './confirm';
diff --git a/components/modal/style/modal.less b/components/modal/style/modal.less
index 4b86bee4de4..7322507f28a 100644
--- a/components/modal/style/modal.less
+++ b/components/modal/style/modal.less
@@ -5,6 +5,7 @@
 
 .@{dialog-prefix-cls} {
   .reset-component;
+
   position: relative;
   top: 100px;
   width: auto;
@@ -29,6 +30,7 @@
     font-weight: 500;
     font-size: @font-size-lg;
     line-height: 22px;
+    word-wrap: break-word;
   }
 
   &-content {
diff --git a/components/notification/style/index.less b/components/notification/style/index.less
index 507dc04b377..e5e51259417 100644
--- a/components/notification/style/index.less
+++ b/components/notification/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @notification-prefix-cls: ~'@{ant-prefix}-notification';
@@ -83,12 +83,17 @@
       font-size: @font-size-base;
     }
 
-    .@{iconfont-css-prefix}&-icon {
+    // Icon & color style in different selector level
+    // https://github.com/ant-design/ant-design/issues/16503
+    // https://github.com/ant-design/ant-design/issues/15512
+    &-icon {
       position: absolute;
       margin-left: 4px;
       font-size: 24px;
       line-height: 24px;
+    }
 
+    .@{iconfont-css-prefix}&-icon {
       &-success {
         color: @success-color;
       }
@@ -131,11 +136,13 @@
   &-fade-appear {
     opacity: 0;
     .notification-fade-effect();
+
     animation-play-state: paused;
   }
 
   &-fade-leave {
     .notification-fade-effect();
+
     animation-duration: 0.2s;
     animation-play-state: paused;
   }
diff --git a/components/page-header/style/index.less b/components/page-header/style/index.less
index 23f3d097e0c..82535759c0e 100644
--- a/components/page-header/style/index.less
+++ b/components/page-header/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @pageheader-prefix-cls: ~'@{ant-prefix}-page-header';
 
 .@{pageheader-prefix-cls} {
   .reset-component;
+
   position: relative;
   padding: @page-header-padding-vertical @page-header-padding-horizontal;
   background: @component-background;
@@ -13,18 +14,20 @@
     padding-bottom: 0;
   }
 
-  &-back-icon {
+  &-back {
     display: inline-block;
     padding: 4px 0;
     font-size: 16px;
     line-height: 100%;
     cursor: pointer;
-    i:hover {
-      color: @primary-color;
+    &-button {
+      .operation-unit();
+
+      color: @text-color;
     }
   }
 
-  .@{ant-prefix}-divider {
+  .@{ant-prefix}-divider-vertical {
     height: 14px;
     margin: 0 12px;
   }
diff --git a/components/pagination/style/index.less b/components/pagination/style/index.less
index 4fec32f1643..8b6a5fef5c9 100644
--- a/components/pagination/style/index.less
+++ b/components/pagination/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../input/style/mixin';
 
@@ -49,7 +49,8 @@
     user-select: none;
 
     a {
-      margin: 0 6px;
+      display: block;
+      padding: 0 6px;
       color: @text-color;
       transition: none;
     }
@@ -92,6 +93,7 @@
 
       .@{pagination-prefix-cls}-item-link-icon {
         .iconfont-size-under-12px(12px);
+
         color: @primary-color;
         letter-spacing: -1px;
         opacity: 0;
@@ -225,6 +227,7 @@
 
       input {
         .input;
+
         width: 50px;
         margin: 0 8px;
       }
@@ -320,10 +323,61 @@
 
       input {
         .input-sm;
+
         width: 44px;
       }
     }
   }
+
+  // ============================ Disabled ============================
+  &&-disabled {
+    cursor: not-allowed;
+
+    .@{pagination-prefix-cls}-item {
+      background: @disabled-bg;
+      border-color: @border-color-base;
+      cursor: not-allowed;
+
+      a {
+        color: @disabled-color;
+        background: transparent;
+        border: none;
+        cursor: not-allowed;
+      }
+
+      &-active {
+        background: darken(@disabled-bg, 10%);
+        border-color: transparent;
+        a {
+          color: #fff;
+        }
+      }
+    }
+
+    .@{pagination-prefix-cls}-item-link {
+      &,
+      &:hover,
+      &:focus {
+        color: @text-color-secondary;
+        background: @disabled-bg;
+        border-color: @border-color-base;
+        cursor: not-allowed;
+      }
+    }
+
+    .@{pagination-prefix-cls}-jump-prev,
+    .@{pagination-prefix-cls}-jump-next {
+      &:focus,
+      &:hover {
+        .@{pagination-prefix-cls}-item-link-icon {
+          opacity: 0;
+        }
+        .@{pagination-prefix-cls}-item-ellipsis {
+          opacity: 1;
+        }
+      }
+    }
+  }
 }
 
 @media only screen and (max-width: @screen-lg) {
diff --git a/components/popover/style/index.less b/components/popover/style/index.less
index c76e8a7fa0e..631e0437c92 100644
--- a/components/popover/style/index.less
+++ b/components/popover/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @popover-prefix-cls: ~'@{ant-prefix}-popover';
 
 .@{popover-prefix-cls} {
   .reset-component;
+
   position: absolute;
   top: 0;
   left: 0;
@@ -113,8 +114,8 @@
     width: sqrt(@popover-arrow-width * @popover-arrow-width * 2);
     height: sqrt(@popover-arrow-width * @popover-arrow-width * 2);
     background: transparent;
-    border-width: sqrt(@popover-arrow-width * @popover-arrow-width * 2) / 2;
     border-style: solid;
+    border-width: sqrt(@popover-arrow-width * @popover-arrow-width * 2) / 2;
     transform: rotate(45deg);
   }
 
diff --git a/components/progress/style/index.less b/components/progress/style/index.less
index c5b09b6bfdc..7ea5ed9eeb7 100644
--- a/components/progress/style/index.less
+++ b/components/progress/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @progress-prefix-cls: ~'@{ant-prefix}-progress';
 
 .@{progress-prefix-cls} {
   .reset-component;
+
   display: inline-block;
 
   &-line {
diff --git a/components/radio/style/index.less b/components/radio/style/index.less
index 7471f46e622..e646dabfa1f 100644
--- a/components/radio/style/index.less
+++ b/components/radio/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @radio-prefix-cls: ~'@{ant-prefix}-radio';
@@ -9,6 +9,7 @@
 
 .@{radio-group-prefix-cls} {
   .reset-component;
+
   display: inline-block;
   line-height: unset;
 }
@@ -16,6 +17,7 @@
 // 一般状态
 .@{radio-prefix-cls}-wrapper {
   .reset-component;
+
   position: relative;
   display: inline-block;
   margin-right: 8px;
@@ -25,6 +27,7 @@
 
 .@{radio-prefix-cls} {
   .reset-component;
+
   position: relative;
   display: inline-block;
   line-height: 1;
@@ -65,6 +68,7 @@
   &-inner {
     &::after {
       @radio-dot-size: @radio-size - 8px;
+
       position: absolute;
       top: (@radio-size - @radio-dot-size) / 2 - 1px;
       left: (@radio-size - @radio-dot-size) / 2 - 1px;
@@ -88,9 +92,9 @@
     width: @radio-size;
     height: @radio-size;
     background-color: @radio-button-bg;
-    border-width: 1px;
-    border-style: solid;
     border-color: @border-color-base;
+    border-style: solid;
+    border-width: 1px;
     border-radius: 100px;
     transition: all @radio-duration;
   }
@@ -112,7 +116,7 @@
   .@{radio-inner-prefix-cls} {
     border-color: @radio-dot-color;
     &::after {
-      transform: scale(0.875);
+      transform: scale(1);
       opacity: 1;
       transition: all @radio-duration @ease-in-out-circ;
     }
diff --git a/components/rate/style/index.less b/components/rate/style/index.less
index ef4738246e6..9f73fa38649 100644
--- a/components/rate/style/index.less
+++ b/components/rate/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @rate-prefix-cls: ~'@{ant-prefix}-rate';
 
 .@{rate-prefix-cls} {
   .reset-component;
+
   display: inline-block;
   margin: 0;
   padding: 0;
diff --git a/components/select/style/index.less b/components/select/style/index.less
index cc9e1a22b0c..68131a7911c 100644
--- a/components/select/style/index.less
+++ b/components/select/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../input/style/mixin';
 
@@ -34,6 +34,7 @@
 
 .@{select-prefix-cls} {
   .reset-component;
+
   position: relative;
   display: inline-block;
   outline: 0;
@@ -53,6 +54,7 @@
   // arrow
   &-arrow {
     .iconfont-mixin();
+
     position: absolute;
     top: 50%;
     right: @control-padding-horizontal - 1px;
@@ -69,9 +71,7 @@
 
   &-selection {
     display: block;
-
     box-sizing: border-box;
-
     background-color: @component-background;
     border: @border-width-base @border-style-base @select-border-color;
     // strange align fix for chrome but works
@@ -161,8 +161,8 @@
       display: inline-block;
       width: 0;
       visibility: hidden;
-      pointer-events: none;
       content: '.';
+      pointer-events: none;
     }
   }
 
@@ -351,6 +351,7 @@
 
     .@{select-prefix-cls}-selection__choice__remove {
       .iconfont-mixin();
+
       position: absolute;
       right: 4px;
       display: inline-block;
@@ -422,6 +423,7 @@
 
 .@{select-prefix-cls}-dropdown {
   .reset-component;
+
   position: absolute;
   top: -9999px;
   left: -9999px;
@@ -432,7 +434,6 @@
   // https://github.com/ant-design/ant-design/issues/11456
   // https://github.com/ant-design/ant-design/issues/11843
   font-variant: initial;
-
   background-color: @component-background;
   border-radius: @border-radius-base;
   outline: none;
@@ -503,7 +504,7 @@
       cursor: pointer;
       transition: background 0.3s ease;
 
-      &:hover {
+      &:hover:not(&-disabled) {
         background-color: @item-hover-bg;
       }
 
@@ -515,27 +516,23 @@
         border-radius: 0 0 @border-radius-base @border-radius-base;
       }
 
+      &-selected {
+        color: @text-color;
+        font-weight: @select-item-selected-font-weight;
+        background-color: @background-color-light;
+      }
+
       &-disabled {
         color: @disabled-color;
         cursor: not-allowed;
 
         &:hover {
           color: @disabled-color;
-          background-color: @component-background;
           cursor: not-allowed;
         }
       }
 
-      &-selected {
-        &,
-        &:hover {
-          color: @text-color;
-          font-weight: @select-item-selected-font-weight;
-          background-color: @background-color-light;
-        }
-      }
-
-      &-active {
+      &-active:not(&-disabled) {
         background-color: @item-active-bg;
       }
 
diff --git a/components/skeleton/style/index.less b/components/skeleton/style/index.less
index c3b1c18ccd2..4b09574a78a 100644
--- a/components/skeleton/style/index.less
+++ b/components/skeleton/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @skeleton-prefix-cls: ~'@{ant-prefix}-skeleton';
diff --git a/components/slider/style/index.less b/components/slider/style/index.less
index 44c00402401..62259c591cc 100644
--- a/components/slider/style/index.less
+++ b/components/slider/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @slider-prefix-cls: ~'@{ant-prefix}-slider';
 
 .@{slider-prefix-cls} {
   .reset-component;
+
   position: relative;
   height: 12px;
   margin: @slider-margin;
@@ -85,6 +86,7 @@
     display: inline-block;
     color: @text-color-secondary;
     text-align: center;
+    word-break: keep-all;
     cursor: pointer;
 
     &-active {
diff --git a/components/spin/style/index.less b/components/spin/style/index.less
index bd700287c61..a211d7a1d1f 100644
--- a/components/spin/style/index.less
+++ b/components/spin/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @spin-prefix-cls: ~'@{ant-prefix}-spin';
@@ -6,6 +6,7 @@
 
 .@{spin-prefix-cls} {
   .reset-component;
+
   position: absolute;
   display: none;
   color: @primary-color;
@@ -91,8 +92,8 @@
       background: @component-background;
       opacity: 0;
       transition: all 0.3s;
-      pointer-events: none;
       content: '';
+      pointer-events: none;
     }
   }
 
@@ -123,7 +124,7 @@
     display: inline-block;
     font-size: @spin-dot-size;
 
-    .square(@spin-dot-size);
+    .square(1em);
 
     &-item {
       position: absolute;
@@ -171,7 +172,6 @@
   &-sm &-dot {
     font-size: @spin-dot-size-sm;
 
-    .square(@spin-dot-size-sm);
     i {
       width: 6px;
       height: 6px;
@@ -182,7 +182,6 @@
   &-lg &-dot {
     font-size: @spin-dot-size-lg;
 
-    .square(@spin-dot-size-lg);
     i {
       width: 14px;
       height: 14px;
diff --git a/components/statistic/style/index.less b/components/statistic/style/index.less
index 3403850685e..4d9e19c5fa1 100644
--- a/components/statistic/style/index.less
+++ b/components/statistic/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @statistic-prefix-cls: ~'@{ant-prefix}-statistic';
@@ -8,10 +8,12 @@
 
   &-title {
     margin-bottom: 4px;
+    color: @text-color-secondary;
     font-size: @statistic-title-font-size;
   }
 
   &-content {
+    color: @heading-color;
     font-size: @statistic-content-font-size;
     font-family: @statistic-font-family;
 
diff --git a/components/steps/style/index.less b/components/steps/style/index.less
index 6564deb0c89..ff4bb3c6038 100644
--- a/components/steps/style/index.less
+++ b/components/steps/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @steps-prefix-cls: ~'@{ant-prefix}-steps';
@@ -29,6 +29,7 @@
 
 .@{steps-prefix-cls} {
   .reset-component;
+
   display: flex;
   width: 100%;
   font-size: 0;
@@ -45,8 +46,8 @@
     flex: none;
   }
 
-  &:last-child &-tail,
-  &:last-child &-title::after {
+  &:last-child > &-tail,
+  &:last-child > &-content > &-title::after {
     display: none;
   }
 
@@ -130,6 +131,40 @@
   &.@{steps-prefix-cls}-next-error .@{steps-prefix-cls}-item-title::after {
     background: @error-icon-color;
   }
+
+  // ===================== Clickable =====================
+  &[role='button'] {
+    outline: none;
+
+    &:not(.@{steps-prefix-cls}-item-process) {
+      cursor: pointer;
+
+      .@{steps-prefix-cls}-item {
+        &-title,
+        &-description,
+        &-icon .@{steps-prefix-cls}-icon {
+          transition: color 0.3s;
+        }
+      }
+
+      &:hover {
+        .@{steps-prefix-cls}-item {
+          &-title,
+          &-description {
+            color: @primary-color;
+          }
+
+          &-icon {
+            border-color: @primary-color;
+
+            .@{steps-prefix-cls}-icon {
+              color: @primary-color;
+            }
+          }
+        }
+      }
+    }
+  }
 }
 
 .@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {
diff --git a/components/style/color/colorPalette.less b/components/style/color/colorPalette.less
index 069991137cf..818cf57de68 100644
--- a/components/style/color/colorPalette.less
+++ b/components/style/color/colorPalette.less
@@ -34,7 +34,7 @@
     var saturation;
     if (isLight) {
       saturation = Math.round(hsv.s * 100) - saturationStep * i;
-    } else if (i == darkColorCount) {
+    } else if (i === darkColorCount) {
       saturation = Math.round(hsv.s * 100) + saturationStep;
     } else {
       saturation = Math.round(hsv.s * 100) + saturationStep2 * i;
diff --git a/components/style/core/base.less b/components/style/core/base.less
index 305f26ae37e..e1041a3c036 100644
--- a/components/style/core/base.less
+++ b/components/style/core/base.less
@@ -501,7 +501,7 @@ mark {
 
 ::selection {
   color: @text-color-inverse;
-  background: @primary-color;
+  background: @text-selection-bg;
 }
 
 // Utility classes
diff --git a/components/style/core/iconfont.less b/components/style/core/iconfont.less
index 959090fbe9a..5276148c22a 100644
--- a/components/style/core/iconfont.less
+++ b/components/style/core/iconfont.less
@@ -1,4 +1,4 @@
-@import '../themes/default';
+@import '../themes/index';
 @import '../mixins/iconfont';
 
 .@{iconfont-css-prefix} {
diff --git a/components/style/core/motion.less b/components/style/core/motion.less
index 930182b2387..4eaf9883221 100644
--- a/components/style/core/motion.less
+++ b/components/style/core/motion.less
@@ -7,9 +7,14 @@
 @import 'motion/zoom';
 
 // For common/openAnimation
-.ant-motion-collapse {
+.ant-motion-collapse-legacy {
   overflow: hidden;
   &-active {
     transition: height 0.15s @ease-in-out, opacity 0.15s @ease-in-out !important;
   }
 }
+
+.ant-motion-collapse {
+  overflow: hidden;
+  transition: height 0.15s @ease-in-out, opacity 0.15s @ease-in-out !important;
+}
diff --git a/components/style/core/motion/other.less b/components/style/core/motion/other.less
index 7533baec056..80887427a6c 100644
--- a/components/style/core/motion/other.less
+++ b/components/style/core/motion/other.less
@@ -9,30 +9,32 @@
   position: relative;
 }
 
+html {
+  --antd-wave-shadow-color: @primary-color;
+}
+
 [ant-click-animating-without-extra-node='true']::after,
 .ant-click-animating-node {
   position: absolute;
-  top: -1px;
-  right: -1px;
-  bottom: -1px;
-  left: -1px;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
   display: block;
-  border: 0 solid @primary-color;
   border-radius: inherit;
+  box-shadow: 0 0 0 0 @primary-color;
+  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
   opacity: 0.2;
   animation: fadeEffect 2s @ease-out-circ, waveEffect 0.4s @ease-out-circ;
   animation-fill-mode: forwards;
-  pointer-events: none;
   content: '';
+  pointer-events: none;
 }
 
 @keyframes waveEffect {
   100% {
-    top: -@wave-animation-width;
-    right: -@wave-animation-width;
-    bottom: -@wave-animation-width;
-    left: -@wave-animation-width;
-    border-width: @wave-animation-width;
+    box-shadow: 0 0 0 @primary-color;
+    box-shadow: 0 0 0 @wave-animation-width var(--antd-wave-shadow-color);
   }
 }
 
diff --git a/components/style/core/motion/swing.less b/components/style/core/motion/swing.less
index 8aac66c20b2..138a942d47a 100644
--- a/components/style/core/motion/swing.less
+++ b/components/style/core/motion/swing.less
@@ -2,6 +2,7 @@
   .@{className}-enter,
   .@{className}-appear {
     .motion-common();
+
     animation-play-state: paused;
   }
   .@{className}-enter.@{className}-enter-active,
diff --git a/components/style/index.less b/components/style/index.less
index 0a1269031f7..04efa3b4720 100644
--- a/components/style/index.less
+++ b/components/style/index.less
@@ -1,2 +1,2 @@
-@import './themes/default';
+@import './themes/index';
 @import './core/index';
diff --git a/components/style/mixins/clearfix.less b/components/style/mixins/clearfix.less
index 69b0714f4cf..7999a3e92fa 100644
--- a/components/style/mixins/clearfix.less
+++ b/components/style/mixins/clearfix.less
@@ -4,8 +4,8 @@
   zoom: 1;
   &::before,
   &::after {
-    content: '';
     display: table;
+    content: '';
   }
   &::after {
     clear: both;
diff --git a/components/style/mixins/iconfont.less b/components/style/mixins/iconfont.less
index c548bcb8885..13438599e8c 100644
--- a/components/style/mixins/iconfont.less
+++ b/components/style/mixins/iconfont.less
@@ -32,6 +32,7 @@
 .iconfont-size-under-12px(@size, @rotate: 0deg) {
   display: inline-block;
   @font-scale: unit(@size / 12px);
+
   font-size: 12px;
   // IE9
   font-size: ~'@{size} \9';
diff --git a/components/style/mixins/index.less b/components/style/mixins/index.less
index 44c88a764bd..ec3ada64dc7 100644
--- a/components/style/mixins/index.less
+++ b/components/style/mixins/index.less
@@ -6,3 +6,4 @@
 @import 'iconfont';
 @import 'motion';
 @import 'reset';
+@import 'operation-unit';
diff --git a/components/style/mixins/motion.less b/components/style/mixins/motion.less
index 50aff38f8f7..6a4dd0366f2 100644
--- a/components/style/mixins/motion.less
+++ b/components/style/mixins/motion.less
@@ -1,4 +1,4 @@
-@import '../themes/default';
+@import '../themes/index';
 
 .motion-common(@duration: @animation-duration-base) {
   animation-duration: @duration;
@@ -14,10 +14,12 @@
   .@{className}-enter,
   .@{className}-appear {
     .motion-common(@duration);
+
     animation-play-state: paused;
   }
   .@{className}-leave {
     .motion-common-leave(@duration);
+
     animation-play-state: paused;
   }
   .@{className}-enter.@{className}-enter-active,
diff --git a/components/style/mixins/operation-unit.less b/components/style/mixins/operation-unit.less
new file mode 100644
index 00000000000..03ee5f93d1c
--- /dev/null
+++ b/components/style/mixins/operation-unit.less
@@ -0,0 +1,18 @@
+@import '../../style/themes/default';
+
+.operation-unit() {
+  color: @link-color;
+  text-decoration: none;
+  outline: none;
+  cursor: pointer;
+  transition: color 0.3s;
+
+  &:focus,
+  &:hover {
+    color: @link-hover-color;
+  }
+
+  &:active {
+    color: @link-active-color;
+  }
+}
diff --git a/components/style/mixins/reset.less b/components/style/mixins/reset.less
index 69d1ac945a0..2709bb8bf41 100644
--- a/components/style/mixins/reset.less
+++ b/components/style/mixins/reset.less
@@ -1,4 +1,4 @@
-@import '../themes/default';
+@import '../themes/index';
 
 .reset-component() {
   box-sizing: border-box;
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index c2fc156c5e3..a31717d1c29 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -56,6 +56,7 @@
 @heading-color-dark: fade(@white, 100%);
 @text-color-dark: fade(@white, 85%);
 @text-color-secondary-dark: fade(@white, 65%);
+@text-selection-bg: @primary-color;
 @font-variant-base: tabular-nums;
 @font-feature-settings-base: 'tnum';
 @font-size-base: 14px;
@@ -280,10 +281,12 @@
 // ---
 @label-required-color: @highlight-color;
 @label-color: @heading-color;
+@form-warning-input-bg: @input-bg;
 @form-item-margin-bottom: 24px;
 @form-item-trailing-colon: true;
 @form-vertical-label-padding: 0 0 8px;
 @form-vertical-label-margin: 0;
+@form-error-input-bg: @input-bg;
 
 // Input
 // ---
@@ -349,7 +352,7 @@
 // --
 @modal-body-padding: 24px;
 @modal-header-bg: @component-background;
-@modal-footer-bg: tranparent;
+@modal-footer-bg: transparent;
 @modal-mask-bg: fade(@black, 65%);
 
 // Progress
@@ -391,6 +394,7 @@
 @table-header-sort-bg: @background-color-base;
 @table-body-sort-bg: rgba(0, 0, 0, 0.01);
 @table-row-hover-bg: @primary-1;
+@table-selected-row-color: inherit;
 @table-selected-row-bg: #fafafa;
 @table-expanded-row-bg: #fbfbfb;
 @table-padding-vertical: 16px;
@@ -504,7 +508,7 @@
 @pagination-item-size-sm: 24px;
 @pagination-font-family: Arial;
 @pagination-font-weight-active: 500;
-@pagination-item-bg-active: transparent;
+@pagination-item-bg-active: @component-background;
 
 // PageHeader
 // ---
@@ -548,7 +552,8 @@
 
 // Collapse
 // ---
-@collapse-header-padding: 12px 16px 12px 40px;
+@collapse-header-padding: 12px 16px;
+@collapse-header-padding-extra: 40px;
 @collapse-header-bg: @background-color-light;
 @collapse-content-padding: @padding-md;
 @collapse-content-bg: @component-background;
@@ -559,7 +564,9 @@
 
 // Transfer
 // ---
+@transfer-header-height: 40px;
 @transfer-disabled-bg: @disabled-bg;
+@transfer-list-height: 200px;
 
 // Message
 // ---
diff --git a/components/style/themes/index.less b/components/style/themes/index.less
new file mode 100644
index 00000000000..f19386d8b2f
--- /dev/null
+++ b/components/style/themes/index.less
@@ -0,0 +1 @@
+@import './default.less';
diff --git a/components/switch/style/index.less b/components/switch/style/index.less
index 0fab6cc8b08..a0ac7349bc0 100644
--- a/components/switch/style/index.less
+++ b/components/switch/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @switch-prefix-cls: ~'@{ant-prefix}-switch';
@@ -6,6 +6,7 @@
 
 .@{switch-prefix-cls} {
   .reset-component;
+
   position: relative;
   display: inline-block;
   box-sizing: border-box;
@@ -46,8 +47,8 @@
     box-shadow: 0 2px 4px 0 @switch-shadow-color;
   }
 
-  &:active::before,
-  &:active::after {
+  &:not(&-disabled):active::before,
+  &:not(&-disabled):active::after {
     width: 24px;
   }
 
diff --git a/components/table/style/index.less b/components/table/style/index.less
index 345c10544bd..c4379ec91f9 100644
--- a/components/table/style/index.less
+++ b/components/table/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @table-prefix-cls: ~'@{ant-prefix}-table';
 @table-header-icon-color: #bfbfbf;
 @table-header-sort-active-bg: darken(@table-header-bg, 3%);
 @table-header-filter-active-bg: darken(@table-header-sort-active-bg, 5%);
+@table-selection-column-width: 60px;
 
 .@{table-prefix-cls}-wrapper {
   .clearfix;
@@ -12,6 +13,7 @@
 
 .@{table-prefix-cls} {
   .reset-component;
+
   position: relative;
   clear: both;
 
@@ -30,168 +32,174 @@
     border-collapse: collapse;
   }
 
-  &-thead > tr > th {
-    color: @table-header-color;
-    font-weight: 500;
-    text-align: left;
+  &-thead > tr {
+    // For Chrome extra space:
+    // - https://github.com/ant-design/ant-design/issues/14926
+    // - https://github.com/ant-design/ant-design/issues/16131
     background: @table-header-bg;
-    border-bottom: @border-width-base @border-style-base @border-color-split;
-    transition: background 0.3s ease;
-
-    &[colspan] {
-      text-align: center;
-    }
 
-    .@{iconfont-css-prefix}-filter,
-    .@{table-prefix-cls}-filter-icon {
-      position: absolute;
-      top: 0;
-      right: 0;
-      width: 28px;
-      height: 100%;
-      color: @table-header-icon-color;
-      font-size: @font-size-sm;
-      text-align: center;
-      cursor: pointer;
-      transition: all 0.3s;
+    > th {
+      color: @table-header-color;
+      font-weight: 500;
+      text-align: left;
+      background: transparent;
+      border-bottom: @border-width-base @border-style-base @border-color-split;
+      transition: background 0.3s ease;
 
-      > svg {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        margin-top: -@font-size-sm / 2 + 1px;
-        margin-left: -@font-size-sm / 2;
+      &[colspan] {
+        text-align: center;
       }
-    }
 
-    .@{table-prefix-cls}-filter-selected.@{iconfont-css-prefix}-filter {
-      color: @primary-color;
-    }
-
-    .@{table-prefix-cls}-column-sorter {
-      display: table-cell;
-      vertical-align: middle;
-
-      .@{table-prefix-cls}-column-sorter-inner {
-        height: 1em;
-        margin-top: 0.35em;
-        margin-left: 0.57142857em;
+      .@{iconfont-css-prefix}-filter,
+      .@{table-prefix-cls}-filter-icon {
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 28px;
+        height: 100%;
         color: @table-header-icon-color;
-        line-height: 1em;
+        font-size: @font-size-sm;
         text-align: center;
+        cursor: pointer;
         transition: all 0.3s;
 
-        .@{table-prefix-cls}-column-sorter-up,
-        .@{table-prefix-cls}-column-sorter-down {
-          .iconfont-size-under-12px(11px);
-          display: block;
+        > svg {
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          margin-top: -@font-size-sm / 2 + 1px;
+          margin-left: -@font-size-sm / 2;
+        }
+      }
+
+      .@{table-prefix-cls}-filter-selected.@{iconfont-css-prefix}-filter {
+        color: @primary-color;
+      }
+
+      .@{table-prefix-cls}-column-sorter {
+        display: table-cell;
+        vertical-align: middle;
+
+        .@{table-prefix-cls}-column-sorter-inner {
           height: 1em;
+          margin-top: 0.35em;
+          margin-left: 0.57142857em;
+          color: @table-header-icon-color;
           line-height: 1em;
+          text-align: center;
           transition: all 0.3s;
-          &.on {
-            color: @primary-color;
-          }
-        }
-
-        &-full {
-          margin-top: -0.15em;
 
           .@{table-prefix-cls}-column-sorter-up,
           .@{table-prefix-cls}-column-sorter-down {
-            height: 0.5em;
-            line-height: 0.5em;
+            .iconfont-size-under-12px(11px);
+
+            display: block;
+            height: 1em;
+            line-height: 1em;
+            transition: all 0.3s;
+            &.on {
+              color: @primary-color;
+            }
           }
 
-          .@{table-prefix-cls}-column-sorter-down {
-            margin-top: 0.125em;
+          &-full {
+            margin-top: -0.15em;
+
+            .@{table-prefix-cls}-column-sorter-up,
+            .@{table-prefix-cls}-column-sorter-down {
+              height: 0.5em;
+              line-height: 0.5em;
+            }
+
+            .@{table-prefix-cls}-column-sorter-down {
+              margin-top: 0.125em;
+            }
           }
         }
       }
-    }
 
-    &.@{table-prefix-cls}-column-has-actions {
-      position: relative;
-      background-clip: padding-box; // For Firefox background bug, https://github.com/ant-design/ant-design/issues/12628
-      /* stylelint-disable-next-line */
-      -webkit-background-clip: border-box; // For Chrome extra space: https://github.com/ant-design/ant-design/issues/14926
+      &.@{table-prefix-cls}-column-has-actions {
+        position: relative;
+        background-clip: padding-box; // For Firefox background bug, https://github.com/ant-design/ant-design/issues/12628
 
-      &.@{table-prefix-cls}-column-has-filters {
-        // https://github.com/ant-design/ant-design/issues/12650
-        padding-right: 30px !important;
+        &.@{table-prefix-cls}-column-has-filters {
+          // https://github.com/ant-design/ant-design/issues/12650
+          padding-right: 30px !important;
 
-        .@{iconfont-css-prefix}-filter,
-        .@{table-prefix-cls}-filter-icon {
-          &.@{table-prefix-cls}-filter-open {
-            color: @text-color-secondary;
-            background: @table-header-filter-active-bg;
-          }
-        }
-        // Very complicated styles logic but necessary
-        &:hover {
           .@{iconfont-css-prefix}-filter,
           .@{table-prefix-cls}-filter-icon {
-            &:hover {
+            &.@{table-prefix-cls}-filter-open {
               color: @text-color-secondary;
               background: @table-header-filter-active-bg;
             }
-            &:active {
-              color: @text-color;
+          }
+          // Very complicated styles logic but necessary
+          &:hover {
+            .@{iconfont-css-prefix}-filter,
+            .@{table-prefix-cls}-filter-icon {
+              &:hover {
+                color: @text-color-secondary;
+                background: @table-header-filter-active-bg;
+              }
+              &:active {
+                color: @text-color;
+              }
             }
           }
         }
-      }
 
-      &.@{table-prefix-cls}-column-has-sorters {
-        cursor: pointer;
-        &:hover {
-          background: @table-header-sort-active-bg;
-          .@{iconfont-css-prefix}-filter,
-          .@{table-prefix-cls}-filter-icon {
+        &.@{table-prefix-cls}-column-has-sorters {
+          cursor: pointer;
+          &:hover {
             background: @table-header-sort-active-bg;
+            .@{iconfont-css-prefix}-filter,
+            .@{table-prefix-cls}-filter-icon {
+              background: @table-header-sort-active-bg;
+            }
           }
-        }
-        &:active {
-          .@{table-prefix-cls}-column-sorter-up:not(.on),
-          .@{table-prefix-cls}-column-sorter-down:not(.on) {
-            color: @text-color-secondary;
+          &:active {
+            .@{table-prefix-cls}-column-sorter-up:not(.on),
+            .@{table-prefix-cls}-column-sorter-down:not(.on) {
+              color: @text-color-secondary;
+            }
           }
         }
       }
-    }
 
-    .@{table-prefix-cls}-header-column {
-      display: inline-block;
-      vertical-align: top;
+      .@{table-prefix-cls}-header-column {
+        display: inline-block;
+        vertical-align: top;
 
-      .@{table-prefix-cls}-column-sorters {
-        display: table;
+        .@{table-prefix-cls}-column-sorters {
+          display: table;
 
-        > .@{table-prefix-cls}-column-title {
-          display: table-cell;
-          vertical-align: middle;
-        }
+          > .@{table-prefix-cls}-column-title {
+            display: table-cell;
+            vertical-align: middle;
+          }
 
-        > *:not(.@{table-prefix-cls}-column-sorter) {
-          position: relative;
-        }
-        &::before {
-          position: absolute;
-          top: 0;
-          right: 0;
-          bottom: 0;
-          left: 0;
-          background: transparent;
-          transition: all 0.3s;
-          content: '';
-        }
-        &:hover::before {
-          background: rgba(0, 0, 0, 0.04);
+          > *:not(.@{table-prefix-cls}-column-sorter) {
+            position: relative;
+          }
+          &::before {
+            position: absolute;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            background: transparent;
+            transition: all 0.3s;
+            content: '';
+          }
+          &:hover::before {
+            background: rgba(0, 0, 0, 0.04);
+          }
         }
       }
-    }
 
-    &.@{table-prefix-cls}-column-has-sorters {
-      user-select: none;
+      &.@{table-prefix-cls}-column-has-sorters {
+        user-select: none;
+      }
     }
   }
 
@@ -227,10 +235,6 @@
     }
   }
 
-  &-thead > tr:hover {
-    background: none;
-  }
-
   &-footer {
     position: relative;
     padding: @table-padding-vertical @table-padding-horizontal;
@@ -291,6 +295,7 @@
   }
 
   &-tbody > tr.@{table-prefix-cls}-row-selected td {
+    color: @table-selected-row-color;
     background: @table-selected-row-bg;
   }
 
@@ -307,20 +312,6 @@
     padding: @table-padding-vertical @table-padding-horizontal;
   }
 
-  &-thead > tr > th.@{table-prefix-cls}-selection-column-custom {
-    .@{table-prefix-cls}-selection {
-      margin-right: -15px;
-    }
-  }
-
-  &-thead > tr > th.@{table-prefix-cls}-selection-column,
-  &-tbody > tr > td.@{table-prefix-cls}-selection-column {
-    text-align: center;
-    .@{ant-prefix}-radio-wrapper {
-      margin-right: 0;
-    }
-  }
-
   &-expand-icon-th,
   &-row-expand-icon-cell {
     width: 50px;
@@ -556,10 +547,6 @@
         content: '.';
       }
     }
-
-    &[class*='@{table-prefix-cls}-row-level-0'] .@{table-prefix-cls}-selection-column > span {
-      display: inline-block;
-    }
   }
 
   tr&-expanded-row {
@@ -680,6 +667,32 @@
   &&-scroll-position-right &-fixed-right {
     box-shadow: none;
   }
+
+  // ========================== Row Selection ==========================
+  colgroup {
+    > col.@{table-prefix-cls}-selection-col {
+      width: @table-selection-column-width;
+    }
+  }
+
+  &-thead > tr > th.@{table-prefix-cls}-selection-column-custom {
+    .@{table-prefix-cls}-selection {
+      margin-right: -15px;
+    }
+  }
+
+  &-thead > tr > th.@{table-prefix-cls}-selection-column,
+  &-tbody > tr > td.@{table-prefix-cls}-selection-column {
+    text-align: center;
+
+    .@{ant-prefix}-radio-wrapper {
+      margin-right: 0;
+    }
+  }
+
+  &-row[class*='@{table-prefix-cls}-row-level-0'] .@{table-prefix-cls}-selection-column > span {
+    display: inline-block;
+  }
 }
 
 @import './size';
diff --git a/components/table/style/size.less b/components/table/style/size.less
index b591d0b569f..15f04c2ef92 100644
--- a/components/table/style/size.less
+++ b/components/table/style/size.less
@@ -31,7 +31,8 @@
   }
 
   tr.@{table-prefix-cls}-expanded-row td > .@{table-prefix-cls}-wrapper {
-    margin: -@table-padding-vertical-md -@table-padding-horizontal -@table-padding-vertical-md - 1px;
+    margin: -@table-padding-vertical-md -@table-padding-horizontal / 2 -@table-padding-vertical-md -
+      1px;
   }
 }
 
@@ -73,7 +74,7 @@
       > .@{table-prefix-cls}-tbody > tr > td {
         padding: @table-padding-vertical-sm @table-padding-horizontal-sm;
       }
-      > .@{table-prefix-cls}-thead > tr > th {
+      > .@{table-prefix-cls}-thead > tr {
         background-color: transparent;
         border-bottom: @border-width-base @border-style-base @border-color-split;
       }
@@ -154,6 +155,7 @@
   }
 
   tr.@{table-prefix-cls}-expanded-row td > .@{table-prefix-cls}-wrapper {
-    margin: -@table-padding-vertical-sm -@table-padding-horizontal -@table-padding-vertical-sm - 1px;
+    margin: -@table-padding-vertical-sm -@table-padding-horizontal / 2 -@table-padding-vertical-sm -
+      1px;
   }
 }
diff --git a/components/tabs/style/card-style.less b/components/tabs/style/card-style.less
index 813ca11aa56..728a64cc0d1 100644
--- a/components/tabs/style/card-style.less
+++ b/components/tabs/style/card-style.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @tab-prefix-cls: ~'@{ant-prefix}-tabs';
@@ -146,6 +146,7 @@
 
   // https://github.com/ant-design/ant-design/issues/9104
   & &-card-bar&-bottom-bar &-tab {
+    height: auto;
     border-top: 0;
     border-bottom: @border-width-base @border-style-base @border-color-split;
     border-radius: 0 0 @border-radius-base @border-radius-base;
diff --git a/components/tabs/style/index.less b/components/tabs/style/index.less
index e2c8e5f45d1..66782d4a623 100644
--- a/components/tabs/style/index.less
+++ b/components/tabs/style/index.less
@@ -1,11 +1,24 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import './card-style';
 
 @tab-prefix-cls: ~'@{ant-prefix}-tabs';
 
+// Hidden content
+.tabs-hidden-content() {
+  height: 0;
+  padding: 0 !important;
+  overflow: hidden;
+  opacity: 0;
+  pointer-events: none;
+  input {
+    visibility: hidden;
+  }
+}
+
 .@{tab-prefix-cls} {
   .reset-component;
+
   position: relative;
   overflow: hidden;
   .clearfix;
@@ -166,7 +179,6 @@
       padding: @tabs-horizontal-padding;
       text-decoration: none;
       cursor: pointer;
-
       transition: color 0.3s @ease-in-out;
 
       &:last-child {
@@ -231,13 +243,7 @@
     }
 
     > .@{tab-prefix-cls}-tabpane-inactive {
-      height: 0;
-      padding: 0 !important;
-      opacity: 0;
-      pointer-events: none;
-      input {
-        visibility: hidden;
-      }
+      .tabs-hidden-content();
     }
 
     &.@{tab-prefix-cls}-content-animated {
@@ -397,7 +403,7 @@
     transform: none !important;
   }
   > .@{tab-prefix-cls}-tabpane-inactive {
-    display: none;
+    .tabs-hidden-content();
   }
 }
 
diff --git a/components/tag/style/index.less b/components/tag/style/index.less
index 72854c5271e..3a033d61cc8 100644
--- a/components/tag/style/index.less
+++ b/components/tag/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @tag-prefix-cls: ~'@{ant-prefix}-tag';
 
 .@{tag-prefix-cls} {
   .reset-component;
+
   display: inline-block;
   height: auto;
   margin-right: 8px;
@@ -15,7 +16,7 @@
   background: @tag-default-bg;
   border: @border-width-base @border-style-base @border-color-base;
   border-radius: @border-radius-base;
-  cursor: pointer;
+  cursor: default;
   opacity: 1;
   transition: all 0.3s @ease-in-out-circ;
 
@@ -37,6 +38,7 @@
 
   .@{iconfont-css-prefix}-close {
     .iconfont-size-under-12px(10px);
+
     margin-left: 3px;
     color: @text-color-secondary;
     font-weight: bold;
diff --git a/components/time-picker/style/index.less b/components/time-picker/style/index.less
index 42038a29a8a..372d2e91d73 100644
--- a/components/time-picker/style/index.less
+++ b/components/time-picker/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../input/style/mixin';
 
@@ -7,6 +7,7 @@
 
 .@{timepicker-prefix-cls}-panel {
   .reset-component;
+
   position: absolute;
   z-index: @zindex-picker;
   font-family: @font-family;
@@ -158,6 +159,7 @@
 
 .@{timepicker-prefix-cls} {
   .reset-component;
+
   position: relative;
   display: inline-block;
   width: 128px;
diff --git a/components/timeline/style/index.less b/components/timeline/style/index.less
index acac31da9ef..995c8283794 100644
--- a/components/timeline/style/index.less
+++ b/components/timeline/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @timeline-prefix-cls: ~'@{ant-prefix}-timeline';
@@ -6,6 +6,7 @@
 
 .@{timeline-prefix-cls} {
   .reset-component;
+
   margin: 0;
   padding: 0;
   list-style: none;
diff --git a/components/tooltip/style/index.less b/components/tooltip/style/index.less
index 376b70613d2..32cd89bb83d 100644
--- a/components/tooltip/style/index.less
+++ b/components/tooltip/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @tooltip-prefix-cls: ~'@{ant-prefix}-tooltip';
@@ -6,6 +6,7 @@
 // Base class
 .@{tooltip-prefix-cls} {
   .reset-component;
+
   position: absolute;
   z-index: @zindex-tooltip;
   display: block;
@@ -56,8 +57,8 @@
     position: absolute;
     width: 0;
     height: 0;
-    border-style: solid;
     border-color: transparent;
+    border-style: solid;
   }
 
   &-placement-top &-arrow,
diff --git a/components/transfer/style/customize.less b/components/transfer/style/customize.less
new file mode 100644
index 00000000000..632c43708f4
--- /dev/null
+++ b/components/transfer/style/customize.less
@@ -0,0 +1,62 @@
+@import './index.less';
+
+@table-prefix-cls: ~'@{ant-prefix}-table';
+
+.@{transfer-prefix-cls}-customize-list {
+  display: flex;
+
+  .@{transfer-prefix-cls}-operation {
+    flex: none;
+    align-self: center;
+  }
+
+  .@{transfer-prefix-cls}-list {
+    flex: auto;
+    width: auto;
+    height: auto;
+    min-height: @transfer-list-height;
+
+    &-body {
+      &-with-search {
+        padding-top: 0;
+      }
+
+      // Search box in customize mode do not need fix top
+      &-search-wrapper {
+        position: relative;
+        padding-bottom: 0;
+      }
+
+      &-customize-wrapper {
+        padding: 12px;
+      }
+    }
+  }
+
+  // =================== Hook Components ===================
+  .@{table-prefix-cls}-wrapper {
+    .@{table-prefix-cls}-small {
+      border: 0;
+      border-radius: 0;
+
+      > .@{table-prefix-cls}-content {
+        // Header background color
+        > .@{table-prefix-cls}-body > table > .@{table-prefix-cls}-thead > tr > th {
+          background: @table-header-bg;
+        }
+
+        .@{table-prefix-cls}-row:last-child td {
+          border-bottom: @border-width-base @border-style-base @border-color-split;
+        }
+      }
+
+      .@{table-prefix-cls}-body {
+        margin: 0;
+      }
+    }
+
+    .@{table-prefix-cls}-pagination.@{ant-prefix}-pagination {
+      margin: 16px 0 4px;
+    }
+  }
+}
diff --git a/components/transfer/style/index.less b/components/transfer/style/index.less
index e0caae4d38d..38994117af7 100644
--- a/components/transfer/style/index.less
+++ b/components/transfer/style/index.less
@@ -1,11 +1,17 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../checkbox/style/mixin';
+@import './customize.less';
 
 @transfer-prefix-cls: ~'@{ant-prefix}-transfer';
 
+@transfer-header-vertical-padding: (
+    @transfer-header-height - 1px - @font-size-base * @line-height-base
+  ) / 2;
+
 .@{transfer-prefix-cls} {
   .reset-component;
+
   position: relative;
 
   &-disabled {
@@ -18,8 +24,8 @@
     position: relative;
     display: inline-block;
     width: 180px;
-    height: 200px;
-    padding-top: 34px;
+    height: @transfer-list-height;
+    padding-top: @transfer-header-height;
     vertical-align: middle;
     border: @border-width-base @border-style-base @border-color-base;
     border-radius: @border-radius-base;
@@ -32,9 +38,9 @@
       padding: 0 @control-padding-horizontal-sm;
       &-action {
         position: absolute;
-        top: 4px;
-        right: 4px;
-        bottom: 4px;
+        top: 12px;
+        right: 12px;
+        bottom: 12px;
         width: 28px;
         color: @disabled-color;
         line-height: @input-height-base;
@@ -57,7 +63,9 @@
       top: 0;
       left: 0;
       width: 100%;
-      padding: 6px @control-padding-horizontal;
+      // border-top is on the transfer dom. We should minus 1px for this
+      padding: (@transfer-header-vertical-padding - 1px) @control-padding-horizontal
+        @transfer-header-vertical-padding;
       overflow: hidden;
       color: @text-color;
       background: @component-background;
@@ -80,12 +88,12 @@
         top: 0;
         left: 0;
         width: 100%;
-        padding: 4px;
+        padding: 12px;
       }
     }
 
     &-body-with-search {
-      padding-top: @input-height-base + 8px;
+      padding-top: @input-height-base + 24px;
     }
 
     &-content {
diff --git a/components/tree-select/style/index.less b/components/tree-select/style/index.less
index 0c5bd1698db..51e73bcd9f0 100644
--- a/components/tree-select/style/index.less
+++ b/components/tree-select/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../tree/style/mixin';
 @import '../../checkbox/style/mixin';
@@ -10,6 +10,7 @@
 
 .@{select-tree-prefix-cls} {
   .reset-component;
+
   margin: 0;
   margin-top: -4px;
   padding: 0 4px;
diff --git a/components/tree/style/directory.less b/components/tree/style/directory.less
index e11a78698f8..91caf33c09e 100644
--- a/components/tree/style/directory.less
+++ b/components/tree/style/directory.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 
 @tree-prefix-cls: ~'@{ant-prefix}-tree';
 
diff --git a/components/tree/style/index.less b/components/tree/style/index.less
index 30388a919ad..ca9053870a6 100644
--- a/components/tree/style/index.less
+++ b/components/tree/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../checkbox/style/mixin';
 @import './mixin';
@@ -11,7 +11,17 @@
 .antCheckboxFn(@checkbox-prefix-cls: ~'@{ant-prefix}-tree-checkbox');
 
 .@{tree-prefix-cls} {
+  /* see https://github.com/ant-design/ant-design/issues/16259 */
+  &-checkbox-checked::after {
+    position: absolute;
+    top: 16.67%;
+    left: 0;
+    width: 100%;
+    height: 66.67%;
+  }
+
   .reset-component;
+
   margin: 0;
   padding: 0;
 
@@ -73,7 +83,7 @@
               left: 0;
               display: inline-block;
               width: 24px;
-              height: 24px;
+              height: @tree-title-height;
               color: @primary-color;
               font-size: 14px;
               transform: none;
@@ -120,13 +130,16 @@
     }
     span {
       &.@{tree-prefix-cls}-checkbox {
-        margin: 4px 4px 0 2px;
+        top: initial;
+        height: @tree-title-height;
+        margin: 0 4px 0 2px;
+        padding: ((@tree-title-height - 16px) / 2) 0;
       }
       &.@{tree-prefix-cls}-switcher,
       &.@{tree-prefix-cls}-iconEle {
         display: inline-block;
         width: 24px;
-        height: 24px;
+        height: @tree-title-height;
         margin: 0;
         line-height: @tree-title-height;
         text-align: center;
@@ -174,11 +187,6 @@
     }
   }
   &-child-tree {
-    display: none;
-    &-open {
-      display: block;
-    }
-
     // https://github.com/ant-design/ant-design/issues/14958
     > li {
       // Provide additional padding between top child node and parent node
diff --git a/components/tree/style/mixin.less b/components/tree/style/mixin.less
index e90dfc6513f..929cecdee3c 100644
--- a/components/tree/style/mixin.less
+++ b/components/tree/style/mixin.less
@@ -7,6 +7,7 @@
   .@{tree-prefix-cls}-switcher-icon,
   .@{tree-select-prefix-cls}-switcher-icon {
     .iconfont-size-under-12px(10px);
+
     display: inline-block;
     font-weight: bold;
     svg {
diff --git a/components/upload/style/index.less b/components/upload/style/index.less
index cb240e03d9b..216b71a6f36 100644
--- a/components/upload/style/index.less
+++ b/components/upload/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @upload-prefix-cls: ~'@{ant-prefix}-upload';
@@ -8,6 +8,7 @@
 
 .@{upload-prefix-cls} {
   .reset-component;
+
   outline: 0;
 
   p {
@@ -28,6 +29,10 @@
     display: inline-block;
   }
 
+  &&-disabled {
+    cursor: not-allowed;
+  }
+
   &&-select-picture-card {
     display: table;
     width: @upload-picture-card-size;
@@ -98,6 +103,7 @@
         color: @primary-5;
         font-size: 48px;
       }
+
       margin-bottom: 20px;
     }
     p.@{upload-prefix-cls}-text {
@@ -160,6 +166,7 @@
 
     .@{iconfont-css-prefix}-close {
       .iconfont-size-under-12px(10px);
+
       position: absolute;
       top: 6px;
       right: 4px;