-`;
-
-exports[`ConfigProvider components PageHeader configProvider componentDisabled 1`] = `
-
-`;
-
-exports[`ConfigProvider components PageHeader configProvider componentSize large 1`] = `
-
-`;
-
-exports[`ConfigProvider components PageHeader configProvider componentSize middle 1`] = `
-
-`;
-
-exports[`ConfigProvider components PageHeader configProvider virtual and dropdownMatchSelectWidth 1`] = `
-
diff --git a/components/config-provider/style/index.less b/components/config-provider/style/index.less
deleted file mode 100644
index eaf3a7d1ee..0000000000
--- a/components/config-provider/style/index.less
+++ /dev/null
@@ -1,2 +0,0 @@
-// placeholder
-@import '../../style/themes/index';
diff --git a/components/date-picker/style/index.tsx b/components/date-picker/style/index.tsx
index c1349e15de..31691bde8b 100644
--- a/components/date-picker/style/index.tsx
+++ b/components/date-picker/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import { TinyColor } from '@ctrl/tinycolor';
import type { InputToken } from '../../input/style';
diff --git a/components/date-picker/style/panel.less b/components/date-picker/style/panel.less
deleted file mode 100644
index 5a5d41b3d1..0000000000
--- a/components/date-picker/style/panel.less
+++ /dev/null
@@ -1,677 +0,0 @@
-@picker-cell-inner-cls: ~'@{picker-prefix-cls}-cell-inner';
-
-.@{picker-prefix-cls} {
- @picker-arrow-size: 7px;
- @picker-year-month-cell-width: 60px;
- @picker-panel-width: @picker-panel-cell-width * 7 + @padding-sm * 2 + 4;
-
- &-panel {
- display: inline-flex;
- flex-direction: column;
- text-align: center;
- background: @calendar-bg;
- border: @border-width-base @border-style-base @picker-border-color;
- border-radius: @border-radius-base;
- outline: none;
-
- &-focused {
- border-color: @primary-color;
- }
- }
-
- // ========================================================
- // = Shared Panel =
- // ========================================================
- &-decade-panel,
- &-year-panel,
- &-quarter-panel,
- &-month-panel,
- &-week-panel,
- &-date-panel,
- &-time-panel {
- display: flex;
- flex-direction: column;
- width: @picker-panel-width;
- }
-
- // ======================= Header =======================
- &-header {
- display: flex;
- padding: 0 @padding-xs;
- color: @heading-color;
- border-bottom: @border-width-base @border-style-base @picker-border-color;
-
- > * {
- flex: none;
- }
-
- button {
- padding: 0;
- color: @disabled-color;
- line-height: @picker-text-height;
- background: transparent;
- border: 0;
- cursor: pointer;
- transition: color @animation-duration-slow;
- }
-
- > button {
- min-width: 1.6em;
- font-size: @font-size-base;
-
- &:hover {
- color: @text-color;
- }
- }
-
- &-view {
- flex: auto;
- font-weight: 500;
- line-height: @picker-text-height;
-
- button {
- color: inherit;
- font-weight: inherit;
-
- &:not(:first-child) {
- margin-left: @padding-xs;
- }
-
- &:hover {
- color: @primary-color;
- }
- }
- }
- }
-
- // Arrow button
- &-prev-icon,
- &-next-icon,
- &-super-prev-icon,
- &-super-next-icon {
- position: relative;
- display: inline-block;
- width: @picker-arrow-size;
- height: @picker-arrow-size;
-
- &::before {
- position: absolute;
- top: 0;
- left: 0;
- display: inline-block;
- width: @picker-arrow-size;
- height: @picker-arrow-size;
- border: 0 solid currentcolor;
- border-width: 1.5px 0 0 1.5px;
- content: '';
- }
- }
-
- &-super-prev-icon,
- &-super-next-icon {
- &::after {
- position: absolute;
- top: ceil((@picker-arrow-size / 2));
- left: ceil((@picker-arrow-size / 2));
- display: inline-block;
- width: @picker-arrow-size;
- height: @picker-arrow-size;
- border: 0 solid currentcolor;
- border-width: 1.5px 0 0 1.5px;
- content: '';
- }
- }
-
- &-prev-icon,
- &-super-prev-icon {
- transform: rotate(-45deg);
- }
-
- &-next-icon,
- &-super-next-icon {
- transform: rotate(135deg);
- }
-
- // ======================== Body ========================
- &-content {
- width: 100%;
- table-layout: fixed;
- border-collapse: collapse;
-
- th,
- td {
- position: relative;
- min-width: 24px;
- font-weight: 400;
- }
-
- th {
- height: 30px;
- color: @text-color;
- line-height: 30px;
- }
- }
-
- .picker-cell-inner(@cellClassName) {
- &::before {
- position: absolute;
- top: 50%;
- right: 0;
- left: 0;
- z-index: 1;
- height: @picker-panel-cell-height;
- transform: translateY(-50%);
- transition: all @animation-duration-slow;
- content: '';
- }
-
- // >>> Default
- .@{cellClassName} {
- position: relative;
- z-index: 2;
- display: inline-block;
- min-width: @picker-panel-cell-height;
- height: @picker-panel-cell-height;
- line-height: @picker-panel-cell-height;
- border-radius: @border-radius-base;
- transition: background @animation-duration-slow, border @animation-duration-slow;
- }
-
- // >>> Hover
- &:hover:not(&-in-view),
- &:hover:not(&-selected):not(&-range-start):not(&-range-end):not(&-range-hover-start):not(&-range-hover-end) {
- .@{cellClassName} {
- background: @picker-basic-cell-hover-color;
- }
- }
-
- // >>> Today
- &-in-view&-today .@{cellClassName} {
- &::before {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1;
- border: @border-width-base @border-style-base @primary-color;
- border-radius: @border-radius-base;
- content: '';
- }
- }
-
- // >>> In Range
- &-in-view&-in-range {
- position: relative;
-
- &::before {
- background: @picker-basic-cell-active-with-range-color;
- }
- }
-
- // >>> Selected
- &-in-view&-selected .@{cellClassName},
- &-in-view&-range-start .@{cellClassName},
- &-in-view&-range-end .@{cellClassName} {
- color: @text-color-inverse;
- background: @primary-color;
- }
-
- &-in-view&-range-start:not(&-range-start-single),
- &-in-view&-range-end:not(&-range-end-single) {
- &::before {
- background: @picker-basic-cell-active-with-range-color;
- }
- }
-
- &-in-view&-range-start::before {
- left: 50%;
- }
-
- &-in-view&-range-end::before {
- right: 50%;
- }
-
- // >>> Range Hover
- &-in-view&-range-hover-start:not(&-in-range):not(&-range-start):not(&-range-end),
- &-in-view&-range-hover-end:not(&-in-range):not(&-range-start):not(&-range-end),
- &-in-view&-range-hover-start&-range-start-single,
- &-in-view&-range-hover-start&-range-start&-range-end&-range-end-near-hover,
- &-in-view&-range-hover-end&-range-start&-range-end&-range-start-near-hover,
- &-in-view&-range-hover-end&-range-end-single,
- &-in-view&-range-hover:not(&-in-range) {
- &::after {
- position: absolute;
- top: 50%;
- z-index: 0;
- height: 24px;
- border-top: @border-width-base dashed @picker-date-hover-range-border-color;
- border-bottom: @border-width-base dashed @picker-date-hover-range-border-color;
- transform: translateY(-50%);
- transition: all @animation-duration-slow;
- content: '';
- }
- }
-
- // Add space for stash
- &-range-hover-start::after,
- &-range-hover-end::after,
- &-range-hover::after {
- right: 0;
- left: 2px;
- }
-
- // Hover with in range
- &-in-view&-in-range&-range-hover::before,
- &-in-view&-range-start&-range-hover::before,
- &-in-view&-range-end&-range-hover::before,
- &-in-view&-range-start:not(&-range-start-single)&-range-hover-start::before,
- &-in-view&-range-end:not(&-range-end-single)&-range-hover-end::before,
- .@{picker-prefix-cls}-panel
- > :not(.@{picker-prefix-cls}-date-panel)
- &-in-view&-in-range&-range-hover-start::before,
- .@{picker-prefix-cls}-panel
- > :not(.@{picker-prefix-cls}-date-panel)
- &-in-view&-in-range&-range-hover-end::before {
- background: @picker-date-hover-range-color;
- }
-
- // range start border-radius
- &-in-view&-range-start:not(&-range-start-single):not(&-range-end) .@{cellClassName} {
- border-radius: @border-radius-base 0 0 @border-radius-base;
- }
-
- // range end border-radius
- &-in-view&-range-end:not(&-range-end-single):not(&-range-start) .@{cellClassName} {
- border-radius: 0 @border-radius-base @border-radius-base 0;
- }
-
- // DatePanel only
- .@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-start .@{cellClassName},
- .@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName} {
- &::after {
- position: absolute;
- top: 0;
- bottom: 0;
- z-index: -1;
- background: @picker-date-hover-range-color;
- transition: all @animation-duration-slow;
- content: '';
- }
- }
-
- .@{picker-prefix-cls}-date-panel
- &-in-view&-in-range&-range-hover-start
- .@{cellClassName}::after {
- right: -5px - @border-width-base;
- left: 0;
- }
-
- .@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName}::after {
- right: 0;
- left: -5px - @border-width-base;
- }
-
- // Hover with range start & end
- &-range-hover&-range-start::after {
- right: 50%;
- }
-
- &-range-hover&-range-end::after {
- left: 50%;
- }
-
- // Edge start
- tr > &-in-view&-range-hover:first-child::after,
- tr > &-in-view&-range-hover-end:first-child::after,
- &-in-view&-start&-range-hover-edge-start&-range-hover-edge-start-near-range::after,
- &-in-view&-range-hover-edge-start:not(&-range-hover-edge-start-near-range)::after,
- &-in-view&-range-hover-start::after {
- left: 6px;
- border-left: @border-width-base dashed @picker-date-hover-range-border-color;
- border-top-left-radius: @border-radius-base;
- border-bottom-left-radius: @border-radius-base;
- }
-
- // Edge end
- tr > &-in-view&-range-hover:last-child::after,
- tr > &-in-view&-range-hover-start:last-child::after,
- &-in-view&-end&-range-hover-edge-end&-range-hover-edge-end-near-range::after,
- &-in-view&-range-hover-edge-end:not(&-range-hover-edge-end-near-range)::after,
- &-in-view&-range-hover-end::after {
- right: 6px;
- border-right: @border-width-base dashed @picker-date-hover-range-border-color;
- border-top-right-radius: @border-radius-base;
- border-bottom-right-radius: @border-radius-base;
- }
-
- // >>> Disabled
- &-disabled {
- color: @disabled-color;
- pointer-events: none;
-
- .@{cellClassName} {
- background: transparent;
- }
-
- &::before {
- background: @picker-basic-cell-disabled-bg;
- }
- }
- &-disabled&-today .@{cellClassName}::before {
- border-color: @disabled-color;
- }
- }
-
- &-cell {
- padding: 3px 0;
- color: @disabled-color;
- cursor: pointer;
-
- // In view
- &-in-view {
- color: @text-color;
- }
-
- .picker-cell-inner(~'@{picker-cell-inner-cls}');
- }
-
- &-decade-panel,
- &-year-panel,
- &-quarter-panel,
- &-month-panel {
- .@{picker-prefix-cls}-content {
- height: @picker-panel-without-time-cell-height * 4;
- }
-
- .@{picker-cell-inner-cls} {
- padding: 0 @padding-xs;
- }
- }
-
- &-quarter-panel {
- .@{picker-prefix-cls}-content {
- height: 56px;
- }
- }
-
- // ======================== Footer ========================
- &-footer {
- width: min-content;
- min-width: 100%;
- line-height: @picker-text-height - 2 * @border-width-base;
- text-align: center;
- border-bottom: @border-width-base @border-style-base transparent;
-
- .@{picker-prefix-cls}-panel & {
- border-top: @border-width-base @border-style-base @picker-border-color;
- }
-
- &-extra {
- padding: 0 @padding-sm;
- line-height: @picker-text-height - 2 * @border-width-base;
- text-align: left;
-
- &:not(:last-child) {
- border-bottom: @border-width-base @border-style-base @picker-border-color;
- }
- }
- }
-
- &-now {
- text-align: left;
- }
-
- &-today-btn {
- color: @link-color;
-
- &:hover {
- color: @link-hover-color;
- }
-
- &:active {
- color: @link-active-color;
- }
-
- &&-disabled {
- color: @disabled-color;
- cursor: not-allowed;
- }
- }
-
- // ========================================================
- // = Special =
- // ========================================================
-
- // ===================== Decade Panel =====================
- &-decade-panel {
- .@{picker-cell-inner-cls} {
- padding: 0 (@padding-xs / 2);
- }
-
- .@{picker-prefix-cls}-cell::before {
- display: none;
- }
- }
-
- // ============= Year & Quarter & Month Panel =============
- &-year-panel,
- &-quarter-panel,
- &-month-panel {
- @hover-cell-fixed-distance: (
- (((@picker-panel-width - @padding-xs * 2) / 3) - @picker-year-month-cell-width) / 2
- );
-
- .@{picker-prefix-cls}-body {
- padding: 0 @padding-xs;
- }
-
- .@{picker-cell-inner-cls} {
- width: @picker-year-month-cell-width;
- }
-
- .@{picker-prefix-cls}-cell-range-hover-start::after {
- left: @hover-cell-fixed-distance;
- border-left: @border-width-base dashed @picker-date-hover-range-border-color;
- border-radius: @border-radius-base 0 0 @border-radius-base;
-
- .@{picker-prefix-cls}-panel-rtl & {
- right: @hover-cell-fixed-distance;
- border-right: @border-width-base dashed @picker-date-hover-range-border-color;
- border-radius: 0 @border-radius-base @border-radius-base 0;
- }
- }
- .@{picker-prefix-cls}-cell-range-hover-end::after {
- right: @hover-cell-fixed-distance;
- border-right: @border-width-base dashed @picker-date-hover-range-border-color;
- border-radius: 0 @border-radius-base @border-radius-base 0;
-
- .@{picker-prefix-cls}-panel-rtl & {
- left: @hover-cell-fixed-distance;
- border-left: @border-width-base dashed @picker-date-hover-range-border-color;
- border-radius: @border-radius-base 0 0 @border-radius-base;
- }
- }
- }
-
- // ====================== Week Panel ======================
- &-week-panel {
- .@{picker-prefix-cls}-body {
- padding: @padding-xs @padding-sm;
- }
-
- // Clear cell style
- .@{picker-prefix-cls}-cell {
- &:hover .@{picker-cell-inner-cls},
- &-selected .@{picker-cell-inner-cls},
- .@{picker-cell-inner-cls} {
- background: transparent !important;
- }
- }
-
- &-row {
- td {
- transition: background @animation-duration-slow;
- }
-
- &:hover td {
- background: @picker-basic-cell-hover-color;
- }
-
- &-selected td,
- &-selected:hover td {
- background: @primary-color;
-
- &.@{picker-prefix-cls}-cell-week {
- color: fade(@text-color-inverse, 50%);
- }
-
- &.@{picker-prefix-cls}-cell-today .@{picker-cell-inner-cls}::before {
- border-color: @text-color-inverse;
- }
-
- .@{picker-cell-inner-cls} {
- color: @text-color-inverse;
- }
- }
- }
- }
-
- // ====================== Date Panel ======================
- &-date-panel {
- .@{picker-prefix-cls}-body {
- padding: @padding-xs @padding-sm;
- }
-
- .@{picker-prefix-cls}-content {
- width: @picker-panel-cell-width * 7;
-
- th {
- width: @picker-panel-cell-width;
- }
- }
- }
-
- // ==================== Datetime Panel ====================
- &-datetime-panel {
- display: flex;
-
- .@{picker-prefix-cls}-time-panel {
- border-left: @border-width-base @border-style-base @picker-border-color;
- }
-
- .@{picker-prefix-cls}-date-panel,
- .@{picker-prefix-cls}-time-panel {
- transition: opacity @animation-duration-slow;
- }
-
- // Keyboard
- &-active {
- .@{picker-prefix-cls}-date-panel,
- .@{picker-prefix-cls}-time-panel {
- opacity: 0.3;
-
- &-active {
- opacity: 1;
- }
- }
- }
- }
-
- // ====================== Time Panel ======================
- &-time-panel {
- width: auto;
- min-width: auto;
-
- .@{picker-prefix-cls}-content {
- display: flex;
- flex: auto;
- height: @picker-time-panel-column-height;
- }
-
- &-column {
- flex: 1 0 auto;
- width: @picker-time-panel-column-width;
- margin: 0;
- padding: 0;
- overflow-y: hidden;
- text-align: left;
- list-style: none;
- transition: background @animation-duration-slow;
-
- &::after {
- display: block;
- height: @picker-time-panel-column-height - @picker-time-panel-cell-height;
- content: '';
- .@{picker-prefix-cls}-datetime-panel & {
- height: @picker-time-panel-column-height - @picker-time-panel-cell-height + 2 *
- @border-width-base;
- }
- }
-
- &:not(:first-child) {
- border-left: @border-width-base @border-style-base @picker-border-color;
- }
-
- &-active {
- background: @calendar-column-active-bg;
- }
-
- &:hover {
- overflow-y: auto;
- }
-
- > li {
- margin: 0;
- padding: 0;
-
- &.@{picker-prefix-cls}-time-panel-cell {
- .@{picker-prefix-cls}-time-panel-cell-inner {
- display: block;
- width: 100%;
- height: @picker-time-panel-cell-height;
- margin: 0;
- padding: 0 0 0 ((@picker-time-panel-column-width - 28px) / 2);
- color: @text-color;
- line-height: @picker-time-panel-cell-height;
- border-radius: 0;
- cursor: pointer;
- transition: background @animation-duration-slow;
-
- &:hover {
- background: @item-hover-bg;
- }
- }
-
- &-selected {
- .@{picker-prefix-cls}-time-panel-cell-inner {
- background: @calendar-item-active-bg;
- }
- }
-
- &-disabled {
- .@{picker-prefix-cls}-time-panel-cell-inner {
- color: @disabled-color;
- background: transparent;
- cursor: not-allowed;
- }
- }
- }
- }
- }
- }
-}
-
-// Fix IE11 render bug by css hacks
-// https://github.com/ant-design/ant-design/issues/21559
-// https://codepen.io/afc163-1472555193/pen/mdJRaNj?editors=0110
-/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */
-_:-ms-fullscreen,
-:root {
- .@{picker-prefix-cls}-range-wrapper {
- .@{picker-prefix-cls}-month-panel .@{picker-prefix-cls}-cell,
- .@{picker-prefix-cls}-year-panel .@{picker-prefix-cls}-cell {
- padding: 21px 0;
- }
- }
-}
diff --git a/components/date-picker/style/rtl.less b/components/date-picker/style/rtl.less
deleted file mode 100644
index 3a74800e92..0000000000
--- a/components/date-picker/style/rtl.less
+++ /dev/null
@@ -1,246 +0,0 @@
-.@{picker-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-
- &-suffix {
- .@{picker-prefix-cls}-rtl & {
- margin-right: (@padding-xs / 2);
- margin-left: 0;
- }
- }
-
- &-clear {
- .@{picker-prefix-cls}-rtl & {
- right: auto;
- left: 0;
- }
- }
-
- &-separator {
- .@{picker-prefix-cls}-rtl & {
- transform: rotate(180deg);
- }
- }
-
- &-header {
- &-view {
- button {
- &:not(:first-child) {
- .@{picker-prefix-cls}-panel-rtl & {
- margin-right: @padding-xs;
- margin-left: 0;
- }
- }
- }
- }
- }
-
- // ======================== Range =========================
- &-range {
- // Clear
- .@{picker-prefix-cls}-clear {
- .@{picker-prefix-cls}-rtl& {
- right: auto;
- left: @input-padding-horizontal-base;
- }
- }
-
- // Active bar
- .@{picker-prefix-cls}-active-bar {
- .@{picker-prefix-cls}-rtl& {
- margin-right: @input-padding-horizontal-base;
- margin-left: 0;
- }
- }
-
- &.@{picker-prefix-cls}-small {
- .@{picker-prefix-cls}-active-bar {
- .@{picker-prefix-cls}-rtl& {
- margin-right: @input-padding-horizontal-sm;
- }
- }
- }
- }
-
- // ======================== Ranges ========================
- &-ranges {
- .@{picker-prefix-cls}-dropdown-rtl & {
- text-align: right;
- }
-
- .@{picker-prefix-cls}-ok {
- .@{picker-prefix-cls}-dropdown-rtl & {
- float: left;
- margin-right: @padding-xs;
- margin-left: 0;
- }
- }
- }
-
- // ======================== Panel ========================
- &-panel {
- &-rtl {
- direction: rtl;
- }
- }
-
- &-prev-icon,
- &-super-prev-icon {
- .@{picker-prefix-cls}-panel-rtl & {
- transform: rotate(135deg);
- }
- }
-
- &-next-icon,
- &-super-next-icon {
- .@{picker-prefix-cls}-panel-rtl & {
- transform: rotate(-45deg);
- }
- }
-
- &-cell {
- .picker-cell-inner(~'@{picker-cell-inner-cls}');
- }
-
- // ======================== Body ==========================
- .picker-cell-inner(@cellClassName) {
- .@{cellClassName} {
- position: relative;
- z-index: 2;
- display: inline-block;
- min-width: @picker-panel-cell-height;
- height: @picker-panel-cell-height;
- line-height: @picker-panel-cell-height;
- border-radius: @border-radius-base;
- transition: background @animation-duration-slow, border @animation-duration-slow;
- }
-
- &-in-view&-range-start::before {
- .@{picker-prefix-cls}-panel-rtl & {
- right: 50%;
- left: 0;
- }
- }
-
- &-in-view&-range-end::before {
- .@{picker-prefix-cls}-panel-rtl & {
- right: 0;
- left: 50%;
- }
- }
-
- &-in-view&-range-start&-range-end::before {
- .@{picker-prefix-cls}-panel-rtl & {
- right: 50%;
- left: 50%;
- }
- }
-
- .@{picker-prefix-cls}-date-panel
- &-in-view&-in-range&-range-hover-start
- .@{cellClassName}::after {
- .@{picker-prefix-cls}-panel-rtl & {
- right: 0;
- left: -5px - @border-width-base;
- }
- }
-
- .@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName}::after {
- .@{picker-prefix-cls}-panel-rtl & {
- right: -5px - @border-width-base;
- left: 0;
- }
- }
-
- // Hover with range start & end
- &-range-hover&-range-start::after {
- .@{picker-prefix-cls}-panel-rtl & {
- right: 0;
- left: 50%;
- }
- }
-
- &-range-hover&-range-end::after {
- .@{picker-prefix-cls}-panel-rtl & {
- right: 50%;
- left: 0;
- }
- }
-
- // range start border-radius
- &-in-view&-range-start:not(&-range-start-single):not(&-range-end) .@{cellClassName} {
- .@{picker-prefix-cls}-panel-rtl & {
- border-radius: 0 @border-radius-base @border-radius-base 0;
- }
- }
-
- // range end border-radius
- &-in-view&-range-end:not(&-range-end-single):not(&-range-start) .@{cellClassName} {
- .@{picker-prefix-cls}-panel-rtl & {
- border-radius: @border-radius-base 0 0 @border-radius-base;
- }
- }
-
- // Edge start
- tr > &-in-view&-range-hover:not(&-selected):first-child::after,
- &-in-view&-start&-range-hover-edge-start&-range-hover-edge-start-near-range::after,
- &-in-view&-range-hover-edge-start:not(&-range-hover-edge-start-near-range)::after,
- &-in-view&-range-hover-start::after {
- .@{picker-prefix-cls}-panel-rtl & {
- right: 6px;
- left: 0;
- border-right: @border-width-base dashed @picker-date-hover-range-border-color;
- border-left: none;
- border-radius: 0 @border-radius-base @border-radius-base 0;
- }
- }
-
- // Edge end
- tr > &-in-view&-range-hover:not(&-selected):last-child::after,
- &-in-view&-end&-range-hover-edge-end&-range-hover-edge-end-near-range::after,
- &-in-view&-range-hover-edge-end:not(&-range-hover-edge-end-near-range)::after,
- &-in-view&-range-hover-end::after {
- .@{picker-prefix-cls}-panel-rtl & {
- right: 0;
- left: 6px;
- border-right: none;
- border-left: @border-width-base dashed @picker-date-hover-range-border-color;
- border-radius: @border-radius-base 0 0 @border-radius-base;
- }
- }
-
- tr > &-in-view&-range-hover-start:last-child::after,
- tr > &-in-view&-range-hover-end:first-child::after,
- &-in-view&-start&-range-hover-edge-start:not(&-range-hover)::after,
- &-in-view&-start&-range-hover-end&-range-hover-edge-start:not(&-range-hover)::after,
- &-in-view&-end&-range-hover-start&-range-hover-edge-end:not(&-range-hover)::after,
- tr > &-in-view&-start&-range-hover&-range-hover-edge-start:last-child::after,
- tr > &-in-view&-end&-range-hover&-range-hover-edge-end:first-child::after {
- .@{picker-prefix-cls}-panel-rtl & {
- right: 6px;
- left: 6px;
- border-right: @border-width-base dashed @picker-date-hover-range-border-color;
- border-left: @border-width-base dashed @picker-date-hover-range-border-color;
- border-radius: @border-radius-base;
- }
- }
- }
-
- // ======================== Footer ========================
- &-footer {
- &-extra {
- .@{picker-prefix-cls}-dropdown-rtl & {
- direction: rtl;
- text-align: right;
- }
- }
- }
-
- // ====================== Time Panel ======================
- &-time-panel {
- .@{picker-prefix-cls}-panel-rtl & {
- direction: ltr;
- }
- }
-}
diff --git a/components/date-picker/style/status.less b/components/date-picker/style/status.less
deleted file mode 100644
index 4087bf5cf4..0000000000
--- a/components/date-picker/style/status.less
+++ /dev/null
@@ -1,34 +0,0 @@
-@import '../../input/style/mixin';
-
-@picker-prefix-cls: ~'@{ant-prefix}-picker';
-
-.picker-status-color(
- @text-color: @input-color;
- @border-color: @input-border-color;
- @background-color: @input-bg;
- @hoverBorderColor: @primary-color-hover;
- @outlineColor: @primary-color-outline;
-) {
- &.@{picker-prefix-cls} {
- &,
- &:not([disabled]):hover {
- background-color: @background-color;
- border-color: @border-color;
- }
-
- &-focused,
- &:focus {
- .active(@text-color, @hoverBorderColor, @outlineColor);
- }
- }
-}
-
-.@{picker-prefix-cls} {
- &-status-error {
- .picker-status-color(@error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);
- }
-
- &-status-warning {
- .picker-status-color(@warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
- }
-}
diff --git a/components/descriptions/style/index.less b/components/descriptions/style/index.less
deleted file mode 100644
index a770de7bc3..0000000000
--- a/components/descriptions/style/index.less
+++ /dev/null
@@ -1,179 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @descriptions-prefix-cls: ~'@{ant-prefix}-descriptions';
-
-// .@{descriptions-prefix-cls} {
-// &-header {
-// display: flex;
-// align-items: center;
-// margin-bottom: @descriptions-title-margin-bottom;
-// }
-
-// &-title {
-// flex: auto;
-// overflow: hidden;
-// color: @heading-color;
-// font-weight: bold;
-// font-size: @font-size-lg;
-// line-height: @line-height-base;
-// white-space: nowrap;
-// text-overflow: ellipsis;
-// }
-
-// &-extra {
-// margin-left: auto;
-// color: @descriptions-extra-color;
-// font-size: @font-size-base;
-// }
-
-// &-view {
-// width: 100%;
-// border-radius: @border-radius-base;
-
-// table {
-// width: 100%;
-// table-layout: fixed;
-// }
-// }
-
-// &-row {
-// > th,
-// > td {
-// padding-bottom: @descriptions-item-padding-bottom;
-// }
-
-// &:last-child {
-// border-bottom: none;
-// }
-// }
-
-// &-item-label {
-// color: @heading-color;
-// font-weight: normal;
-// font-size: @font-size-base;
-// line-height: @line-height-base;
-// text-align: start;
-
-// &::after {
-// & when (@descriptions-item-trailing-colon=true) {
-// content: ':';
-// }
-// & when not (@descriptions-item-trailing-colon=true) {
-// content: ' ';
-// }
-
-// position: relative;
-// top: -0.5px;
-// margin: 0 @descriptions-item-label-colon-margin-right 0
-// @descriptions-item-label-colon-margin-left;
-// }
-
-// &.@{descriptions-prefix-cls}-item-no-colon::after {
-// content: ' ';
-// }
-// }
-
-// &-item-no-label {
-// &::after {
-// margin: 0;
-// content: '';
-// }
-// }
-
-// &-item-content {
-// display: table-cell;
-// flex: 1;
-// color: @text-color;
-// font-size: @font-size-base;
-// line-height: @line-height-base;
-// word-break: break-word;
-// overflow-wrap: break-word;
-// }
-
-// &-item {
-// padding-bottom: 0;
-// vertical-align: top;
-
-// &-container {
-// display: flex;
-
-// .@{descriptions-prefix-cls}-item-label,
-// .@{descriptions-prefix-cls}-item-content {
-// display: inline-flex;
-// align-items: baseline;
-// }
-// }
-// }
-
-// &-middle {
-// .@{descriptions-prefix-cls}-row {
-// > th,
-// > td {
-// padding-bottom: @padding-sm;
-// }
-// }
-// }
-
-// &-small {
-// .@{descriptions-prefix-cls}-row {
-// > th,
-// > td {
-// padding-bottom: @padding-xs;
-// }
-// }
-// }
-
-// &-bordered {
-// .@{descriptions-prefix-cls}-view {
-// border: 1px solid @border-color-split;
-
-// > table {
-// table-layout: auto;
-// border-collapse: collapse;
-// }
-// }
-
-// .@{descriptions-prefix-cls}-item-label,
-// .@{descriptions-prefix-cls}-item-content {
-// padding: @descriptions-default-padding;
-// border-right: 1px solid @border-color-split;
-
-// &:last-child {
-// border-right: none;
-// }
-// }
-
-// .@{descriptions-prefix-cls}-item-label {
-// background-color: @descriptions-bg;
-
-// &::after {
-// display: none;
-// }
-// }
-
-// .@{descriptions-prefix-cls}-row {
-// border-bottom: 1px solid @border-color-split;
-
-// &:last-child {
-// border-bottom: none;
-// }
-// }
-
-// &.@{descriptions-prefix-cls}-middle {
-// .@{descriptions-prefix-cls}-item-label,
-// .@{descriptions-prefix-cls}-item-content {
-// padding: @descriptions-middle-padding;
-// }
-// }
-
-// &.@{descriptions-prefix-cls}-small {
-// .@{descriptions-prefix-cls}-item-label,
-// .@{descriptions-prefix-cls}-item-content {
-// padding: @descriptions-small-padding;
-// }
-// }
-// }
-// }
-
-// @import './rtl';
diff --git a/components/descriptions/style/index.tsx b/components/descriptions/style/index.tsx
index 457bd7019e..0e2dede9ba 100644
--- a/components/descriptions/style/index.tsx
+++ b/components/descriptions/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken, resetComponent } from '../../theme';
diff --git a/components/descriptions/style/rtl.less b/components/descriptions/style/rtl.less
deleted file mode 100644
index 8172cd6d1a..0000000000
--- a/components/descriptions/style/rtl.less
+++ /dev/null
@@ -1,33 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @descriptions-prefix-cls: ~'@{ant-prefix}-descriptions';
-
-// .@{descriptions-prefix-cls} {
-// &-rtl {
-// direction: rtl;
-// }
-
-// &-item-label {
-// &::after {
-// .@{descriptions-prefix-cls}-rtl & {
-// margin: 0 @descriptions-item-label-colon-margin-left 0
-// @descriptions-item-label-colon-margin-right;
-// }
-// }
-// }
-
-// &-bordered {
-// .@{descriptions-prefix-cls}-item-label,
-// .@{descriptions-prefix-cls}-item-content {
-// .@{descriptions-prefix-cls}-rtl& {
-// border-right: none;
-// border-left: 1px solid @border-color-split;
-
-// &:last-child {
-// border-left: none;
-// }
-// }
-// }
-// }
-// }
diff --git a/components/divider/style/index.less b/components/divider/style/index.less
deleted file mode 100644
index cff81bfd33..0000000000
--- a/components/divider/style/index.less
+++ /dev/null
@@ -1,137 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @divider-prefix-cls: ~'@{ant-prefix}-divider';
-
-// .@{divider-prefix-cls} {
-// .reset-component();
-
-// border-top: @border-width-base solid @divider-color;
-
-// &-vertical {
-// position: relative;
-// top: -0.06em;
-// display: inline-block;
-// height: 0.9em;
-// margin: 0 @divider-vertical-gutter;
-// vertical-align: middle;
-// border-top: 0;
-// border-left: @border-width-base solid @divider-color;
-// }
-
-// &-horizontal {
-// display: flex;
-// clear: both;
-// width: 100%;
-// min-width: 100%; // Fix https://github.com/ant-design/ant-design/issues/10914
-// margin: 24px 0;
-// }
-
-// &-horizontal&-with-text {
-// display: flex;
-// margin: 16px 0;
-// color: @heading-color;
-// font-weight: 500;
-// font-size: @font-size-lg;
-// white-space: nowrap;
-// text-align: center;
-// border-top: 0;
-// border-top-color: @divider-color;
-
-// &::before,
-// &::after {
-// position: relative;
-// top: 50%;
-// width: 50%;
-// border-top: @border-width-base solid transparent;
-// // Chrome not accept `inherit` in `border-top`
-// border-top-color: inherit;
-// border-bottom: 0;
-// transform: translateY(50%);
-// content: '';
-// }
-// }
-
-// &-horizontal&-with-text-left {
-// &::before {
-// top: 50%;
-// width: @divider-orientation-margin;
-// }
-
-// &::after {
-// top: 50%;
-// width: 100% - @divider-orientation-margin;
-// }
-// }
-
-// &-horizontal&-with-text-right {
-// &::before {
-// top: 50%;
-// width: 100% - @divider-orientation-margin;
-// }
-
-// &::after {
-// top: 50%;
-// width: @divider-orientation-margin;
-// }
-// }
-
-// &-inner-text {
-// display: inline-block;
-// padding: 0 @divider-text-padding;
-// }
-
-// &-dashed {
-// background: none;
-// border-color: @divider-color;
-// border-style: dashed;
-// border-width: @border-width-base 0 0;
-// }
-
-// &-horizontal&-with-text&-dashed {
-// &::before,
-// &::after {
-// border-style: dashed none none;
-// }
-// }
-
-// &-vertical&-dashed {
-// border-width: 0 0 0 @border-width-base;
-// }
-
-// &-plain&-with-text {
-// color: @text-color;
-// font-weight: normal;
-// font-size: @font-size-base;
-// }
-
-// &-horizontal&-with-text-left&-no-default-orientation-margin-left {
-// &::before {
-// width: 0;
-// }
-
-// &::after {
-// width: 100%;
-// }
-
-// .ant-divider-inner-text {
-// padding-left: 0;
-// }
-// }
-
-// &-horizontal&-with-text-right&-no-default-orientation-margin-right {
-// &::before {
-// width: 100%;
-// }
-
-// &::after {
-// width: 0;
-// }
-
-// .ant-divider-inner-text {
-// padding-right: 0;
-// }
-// }
-// }
-
-// @import './rtl';
diff --git a/components/divider/style/index.tsx b/components/divider/style/index.tsx
index 89c924c9f9..05840c6cf2 100644
--- a/components/divider/style/index.tsx
+++ b/components/divider/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken, resetComponent } from '../../theme';
diff --git a/components/divider/style/rtl.less b/components/divider/style/rtl.less
deleted file mode 100644
index 7cdc84f00b..0000000000
--- a/components/divider/style/rtl.less
+++ /dev/null
@@ -1,38 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@divider-prefix-cls: ~'@{ant-prefix}-divider';
-
-.@{divider-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-
- &-horizontal&-with-text-left {
- &::before {
- .@{divider-prefix-cls}-rtl& {
- width: 100% - @divider-orientation-margin;
- }
- }
-
- &::after {
- .@{divider-prefix-cls}-rtl& {
- width: @divider-orientation-margin;
- }
- }
- }
-
- &-horizontal&-with-text-right {
- &::before {
- .@{divider-prefix-cls}-rtl& {
- width: @divider-orientation-margin;
- }
- }
-
- &::after {
- .@{divider-prefix-cls}-rtl& {
- width: 100% - @divider-orientation-margin;
- }
- }
- }
-}
diff --git a/components/drawer/style/drawer.less b/components/drawer/style/drawer.less
deleted file mode 100644
index 20985efdfb..0000000000
--- a/components/drawer/style/drawer.less
+++ /dev/null
@@ -1,249 +0,0 @@
-@import '../../style/themes/index';
-
-@drawer-prefix-cls: ~'@{ant-prefix}-drawer';
-@picker-prefix-cls: ~'@{ant-prefix}-picker';
-@drawer-animation-ease: @ease-out-quint;
-
-.@{drawer-prefix-cls} {
- @drawer-header-close-padding: ceil(((@drawer-header-close-size - @font-size-lg) / 2));
-
- position: fixed;
- z-index: @zindex-modal;
- width: 0%;
- height: 100%;
- transition: width 0s ease @animation-duration-slow, height 0s ease @animation-duration-slow;
-
- &-content-wrapper {
- position: absolute;
- width: 100%;
- height: 100%;
- transition: transform @animation-duration-slow @drawer-animation-ease,
- box-shadow @animation-duration-slow @drawer-animation-ease;
- }
-
- .@{drawer-prefix-cls}-content {
- width: 100%;
- height: 100%;
- }
-
- &-left,
- &-right {
- top: 0;
- width: 0%;
- height: 100%;
- .@{drawer-prefix-cls}-content-wrapper {
- height: 100%;
- }
- &.@{drawer-prefix-cls}-open {
- width: 100%;
- transition: transform @animation-duration-slow @drawer-animation-ease;
- }
- }
-
- &-left {
- left: 0;
-
- .@{drawer-prefix-cls} {
- &-content-wrapper {
- left: 0;
- }
- }
-
- &.@{drawer-prefix-cls}-open {
- .@{drawer-prefix-cls}-content-wrapper {
- box-shadow: @shadow-1-right;
- }
- }
- }
-
- &-right {
- right: 0;
-
- .@{drawer-prefix-cls} {
- &-content-wrapper {
- right: 0;
- }
- }
- &.@{drawer-prefix-cls}-open {
- .@{drawer-prefix-cls}-content-wrapper {
- box-shadow: @shadow-1-left;
- }
- // https://github.com/ant-design/ant-design/issues/18607, Avoid edge alignment bug.
- &.no-mask {
- right: 1px;
- transform: translateX(1px);
- }
- }
- }
-
- &-top,
- &-bottom {
- left: 0;
- width: 100%;
- height: 0%;
-
- .@{drawer-prefix-cls}-content-wrapper {
- width: 100%;
- }
- &.@{drawer-prefix-cls}-open {
- height: 100%;
- transition: transform @animation-duration-slow @drawer-animation-ease;
- }
- }
-
- &-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;
- }
- }
- &.@{drawer-prefix-cls}-open {
- .@{drawer-prefix-cls}-content-wrapper {
- box-shadow: @shadow-1-up;
- }
-
- &.no-mask {
- bottom: 1px;
- transform: translateY(1px);
- }
- }
- }
-
- &.@{drawer-prefix-cls}-open .@{drawer-prefix-cls}-mask {
- height: 100%;
- opacity: 1;
- transition: none;
- animation: antdDrawerFadeIn @animation-duration-slow @drawer-animation-ease;
- pointer-events: auto;
- }
-
- &-title {
- flex: 1;
- margin: 0;
- color: @heading-color;
- font-weight: 500;
- font-size: @drawer-title-font-size;
- line-height: @drawer-title-line-height;
- }
-
- &-content {
- position: relative;
- z-index: 1;
- overflow: auto;
- background-color: @drawer-bg;
- background-clip: padding-box;
- border: 0;
- }
-
- &-close {
- display: inline-block;
- margin-right: 12px;
- color: @modal-close-color;
- font-weight: 700;
- font-size: @font-size-lg;
- font-style: normal;
- line-height: 1;
- text-align: center;
- text-transform: none;
- text-decoration: none;
- background: transparent;
- border: 0;
- outline: 0;
- cursor: pointer;
- transition: color @animation-duration-slow;
- text-rendering: auto;
-
- &:focus,
- &:hover {
- color: @icon-color-hover;
- text-decoration: none;
- }
- }
-
- &-header {
- position: relative;
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: @drawer-header-padding;
- color: @text-color;
- background: @drawer-bg;
- border-bottom: @border-width-base @border-style-base @border-color-split;
- border-radius: @border-radius-base @border-radius-base 0 0;
-
- &-title {
- display: flex;
- flex: 1;
- align-items: center;
- justify-content: space-between;
- }
-
- &-close-only {
- padding-bottom: 0;
- border: none;
- }
- }
-
- &-wrapper-body {
- display: flex;
- flex-flow: column nowrap;
- width: 100%;
- height: 100%;
- }
-
- &-body {
- flex-grow: 1;
- padding: @drawer-body-padding;
- overflow: auto;
- font-size: @font-size-base;
- line-height: @line-height-base;
- word-wrap: break-word;
- }
-
- &-footer {
- flex-shrink: 0;
- padding: @drawer-footer-padding-vertical @drawer-footer-padding-horizontal;
- border-top: @border-width-base @border-style-base @border-color-split;
- }
-
- &-mask {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 0;
- background-color: @modal-mask-bg;
- opacity: 0;
- transition: opacity @animation-duration-slow linear, height 0s ease @animation-duration-slow;
- pointer-events: none;
- }
-
- // =================== Hook Components ===================
- .@{picker-prefix-cls} {
- &-clear {
- background: @popover-background;
- }
- }
-}
-
-@keyframes antdDrawerFadeIn {
- 0% {
- opacity: 0;
- }
-
- 100% {
- opacity: 1;
- }
-}
diff --git a/components/drawer/style/index.less b/components/drawer/style/index.less
deleted file mode 100644
index 3acac2551b..0000000000
--- a/components/drawer/style/index.less
+++ /dev/null
@@ -1,6 +0,0 @@
-//@import '../../style/themes/index';
-//@import '../../style/mixins/index';
-//@import './drawer';
-//@import './rtl';
-//
-//.popover-customize-bg(@drawer-prefix-cls, @popover-background);
diff --git a/components/drawer/style/index.tsx b/components/drawer/style/index.tsx
index 1a6c1c370c..70a523780e 100644
--- a/components/drawer/style/index.tsx
+++ b/components/drawer/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import { Keyframes } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
diff --git a/components/drawer/style/rtl.less b/components/drawer/style/rtl.less
deleted file mode 100644
index f710bfa7dd..0000000000
--- a/components/drawer/style/rtl.less
+++ /dev/null
@@ -1,16 +0,0 @@
-@import '../../style/themes/index';
-
-@drawer-prefix-cls: ~'@{ant-prefix}-drawer';
-
-.@{drawer-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-
- &-close {
- .@{drawer-prefix-cls}-rtl & {
- margin-right: 0;
- margin-left: 12px;
- }
- }
-}
diff --git a/components/dropdown/style/index.less b/components/dropdown/style/index.less
deleted file mode 100644
index 49218d137b..0000000000
--- a/components/dropdown/style/index.less
+++ /dev/null
@@ -1,394 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-// @import './status';
-
-// @dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
-
-// .@{dropdown-prefix-cls} {
-// .reset-component();
-
-// position: absolute;
-// top: -9999px;
-// left: -9999px;
-// z-index: @zindex-dropdown;
-// display: block;
-
-// &::before {
-// position: absolute;
-// top: -@popover-distance + @popover-arrow-width;
-// right: 0;
-// bottom: -@popover-distance + @popover-arrow-width;
-// left: -7px;
-// z-index: -9999;
-// opacity: 0.0001;
-// content: ' ';
-// }
-
-// &-wrap {
-// position: relative;
-
-// .@{ant-prefix}-btn > .@{iconfont-css-prefix}-down {
-// font-size: 10px;
-// }
-
-// .@{iconfont-css-prefix}-down::before {
-// transition: transform @animation-duration-base;
-// }
-// }
-
-// &-wrap-open {
-// .@{iconfont-css-prefix}-down::before {
-// transform: rotate(180deg);
-// }
-// }
-
-// &-hidden,
-// &-menu-hidden,
-// &-menu-submenu-hidden {
-// display: none;
-// }
-
-// // Offset the popover to account for the dropdown arrow
-// &-show-arrow&-placement-topLeft,
-// &-show-arrow&-placement-top,
-// &-show-arrow&-placement-topRight {
-// padding-bottom: @popover-distance;
-// }
-
-// &-show-arrow&-placement-bottomLeft,
-// &-show-arrow&-placement-bottom,
-// &-show-arrow&-placement-bottomRight {
-// padding-top: @popover-distance;
-// }
-
-// // Arrows
-// // .popover-arrow is outer, .popover-arrow:after is inner
-
-// &-arrow {
-// position: absolute;
-// z-index: 1; // lift it up so the menu wouldn't cask shadow on it
-// display: block;
-// width: @popover-arrow-width;
-// height: @popover-arrow-width;
-// background: linear-gradient(
-// 135deg,
-// transparent 40%,
-// @popover-bg 40%
-// ); // Use linear-gradient to prevent arrow from covering text
-// .roundedArrow(@popover-arrow-width, 5px, @popover-bg);
-// }
-
-// &-placement-top > &-arrow,
-// &-placement-topLeft > &-arrow,
-// &-placement-topRight > &-arrow {
-// bottom: @popover-arrow-width * sqrt((1 / 2)) + 2px;
-// box-shadow: 3px 3px 7px -3px fade(@black, 10%);
-// transform: rotate(45deg);
-// }
-
-// &-placement-top > &-arrow {
-// left: 50%;
-// transform: translateX(-50%) rotate(45deg);
-// }
-
-// &-placement-topLeft > &-arrow {
-// left: 16px;
-// }
-
-// &-placement-topRight > &-arrow {
-// right: 16px;
-// }
-
-// &-placement-bottom > &-arrow,
-// &-placement-bottomLeft > &-arrow,
-// &-placement-bottomRight > &-arrow {
-// top: (@popover-arrow-width + 2px) * sqrt((1 / 2));
-// box-shadow: 2px 2px 5px -2px fade(@black, 10%);
-// transform: rotate(-135deg) translateY(-0.5px);
-// }
-
-// &-placement-bottom > &-arrow {
-// left: 50%;
-// transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
-// }
-
-// &-placement-bottomLeft > &-arrow {
-// left: 16px;
-// }
-
-// &-placement-bottomRight > &-arrow {
-// right: 16px;
-// }
-
-// &-menu {
-// position: relative;
-// margin: 0;
-// padding: @dropdown-edge-child-vertical-padding 0;
-// text-align: left;
-// list-style-type: none;
-// background-color: @dropdown-menu-bg;
-// background-clip: padding-box;
-// border-radius: @border-radius-base;
-// outline: none;
-// box-shadow: @box-shadow-base;
-
-// &-item-group-title {
-// padding: 5px @control-padding-horizontal;
-// color: @text-color-secondary;
-// transition: all @animation-duration-slow;
-// }
-
-// &-submenu-popup {
-// position: absolute;
-// z-index: @zindex-dropdown;
-// background: transparent;
-// box-shadow: none;
-// transform-origin: 0 0;
-
-// ul,
-// li {
-// list-style: none;
-// }
-
-// ul {
-// margin-right: 0.3em;
-// margin-left: 0.3em;
-// }
-// }
-
-// // ======================= Item Content =======================
-// &-item {
-// position: relative;
-// display: flex;
-// align-items: center;
-// }
-
-// &-item-icon {
-// min-width: 12px;
-// margin-right: 8px;
-// font-size: @font-size-sm;
-// }
-
-// &-title-content {
-// flex: auto;
-
-// > a {
-// color: inherit;
-// transition: all @animation-duration-slow;
-
-// &:hover {
-// color: inherit;
-// }
-
-// &::after {
-// position: absolute;
-// top: 0;
-// right: 0;
-// bottom: 0;
-// left: 0;
-// content: '';
-// }
-// }
-// }
-
-// // =========================== Item ===========================
-// &-item,
-// &-submenu-title {
-// clear: both;
-// margin: 0;
-// padding: @dropdown-vertical-padding @control-padding-horizontal;
-// color: @text-color;
-// font-weight: normal;
-// font-size: @dropdown-font-size;
-// line-height: @dropdown-line-height;
-// cursor: pointer;
-// transition: all @animation-duration-slow;
-
-// &:first-child {
-// & when (@dropdown-edge-child-vertical-padding = 0) {
-// border-radius: @border-radius-base @border-radius-base 0 0;
-// }
-// }
-
-// &:last-child {
-// & when (@dropdown-edge-child-vertical-padding = 0) {
-// border-radius: 0 0 @border-radius-base @border-radius-base;
-// }
-// }
-
-// &-selected {
-// color: @dropdown-selected-color;
-// background-color: @dropdown-selected-bg;
-// }
-
-// &:hover,
-// &&-active {
-// background-color: @item-hover-bg;
-// }
-
-// &-disabled {
-// color: @disabled-color;
-// cursor: not-allowed;
-
-// &:hover {
-// color: @disabled-color;
-// background-color: @dropdown-menu-submenu-disabled-bg;
-// cursor: not-allowed;
-// }
-
-// a {
-// pointer-events: none;
-// }
-// }
-
-// &-divider {
-// height: 1px;
-// margin: 4px 0;
-// overflow: hidden;
-// line-height: 0;
-// background-color: @border-color-split;
-// }
-
-// .@{dropdown-prefix-cls}-menu-submenu-expand-icon {
-// position: absolute;
-// right: @padding-xs;
-
-// .@{dropdown-prefix-cls}-menu-submenu-arrow-icon {
-// margin-right: 0 !important;
-// color: @text-color-secondary;
-// font-size: 10px;
-// font-style: normal;
-// }
-// }
-// }
-
-// &-item-group-list {
-// margin: 0 8px;
-// padding: 0;
-// list-style: none;
-// }
-
-// &-submenu-title {
-// padding-right: @control-padding-horizontal + @font-size-sm;
-// }
-
-// &-submenu-vertical {
-// position: relative;
-// }
-
-// &-submenu-vertical > & {
-// position: absolute;
-// top: 0;
-// left: 100%;
-// min-width: 100%;
-// margin-left: 4px;
-// transform-origin: 0 0;
-// }
-
-// &-submenu&-submenu-disabled .@{dropdown-prefix-cls}-menu-submenu-title {
-// &,
-// .@{dropdown-prefix-cls}-menu-submenu-arrow-icon {
-// color: @disabled-color;
-// background-color: @dropdown-menu-submenu-disabled-bg;
-// cursor: not-allowed;
-// }
-// }
-
-// // https://github.com/ant-design/ant-design/issues/19264
-// &-submenu-selected &-submenu-title {
-// color: @primary-color;
-// }
-// }
-
-// &.@{ant-prefix}-slide-down-enter.@{ant-prefix}-slide-down-enter-active&-placement-bottomLeft,
-// &.@{ant-prefix}-slide-down-appear.@{ant-prefix}-slide-down-appear-active&-placement-bottomLeft,
-// &.@{ant-prefix}-slide-down-enter.@{ant-prefix}-slide-down-enter-active&-placement-bottom,
-// &.@{ant-prefix}-slide-down-appear.@{ant-prefix}-slide-down-appear-active&-placement-bottom,
-// &.@{ant-prefix}-slide-down-enter.@{ant-prefix}-slide-down-enter-active&-placement-bottomRight,
-// &.@{ant-prefix}-slide-down-appear.@{ant-prefix}-slide-down-appear-active&-placement-bottomRight {
-// animation-name: antSlideUpIn;
-// }
-
-// &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-topLeft,
-// &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-topLeft,
-// &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-top,
-// &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-top,
-// &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-topRight,
-// &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-topRight {
-// animation-name: antSlideDownIn;
-// }
-
-// &.@{ant-prefix}-slide-down-leave.@{ant-prefix}-slide-down-leave-active&-placement-bottomLeft,
-// &.@{ant-prefix}-slide-down-leave.@{ant-prefix}-slide-down-leave-active&-placement-bottom,
-// &.@{ant-prefix}-slide-down-leave.@{ant-prefix}-slide-down-leave-active&-placement-bottomRight {
-// animation-name: antSlideUpOut;
-// }
-
-// &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-topLeft,
-// &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-top,
-// &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-topRight {
-// animation-name: antSlideDownOut;
-// }
-// }
-
-// .@{dropdown-prefix-cls}-trigger,
-// .@{dropdown-prefix-cls}-link,
-// .@{dropdown-prefix-cls}-button {
-// > .@{iconfont-css-prefix}.@{iconfont-css-prefix}-down {
-// font-size: 10px;
-// vertical-align: baseline;
-// }
-// }
-
-// .@{dropdown-prefix-cls}-button {
-// white-space: nowrap;
-
-// &.@{ant-prefix}-btn-group > .@{ant-prefix}-btn {
-// &-loading,
-// &-loading + .@{ant-prefix}-btn {
-// cursor: default;
-// pointer-events: none;
-// }
-
-// &-loading + .@{ant-prefix}-btn::before {
-// display: block;
-// }
-
-// &:last-child:not(:first-child):not(.@{ant-prefix}-btn-icon-only) {
-// padding-right: @padding-xs;
-// padding-left: @padding-xs;
-// }
-// }
-// }
-
-// // https://github.com/ant-design/ant-design/issues/4903
-// .@{dropdown-prefix-cls}-menu-dark {
-// &,
-// .@{dropdown-prefix-cls}-menu {
-// background: @menu-dark-bg;
-// }
-// .@{dropdown-prefix-cls}-menu-item,
-// .@{dropdown-prefix-cls}-menu-submenu-title,
-// .@{dropdown-prefix-cls}-menu-item > a,
-// .@{dropdown-prefix-cls}-menu-item > .@{iconfont-css-prefix} + span > a {
-// color: @text-color-secondary-dark;
-// .@{dropdown-prefix-cls}-menu-submenu-arrow::after {
-// color: @text-color-secondary-dark;
-// }
-
-// &:hover {
-// color: @text-color-inverse;
-// background: transparent;
-// }
-// }
-// .@{dropdown-prefix-cls}-menu-item-selected {
-// &,
-// &:hover,
-// > a {
-// color: @text-color-inverse;
-// background: @primary-color;
-// }
-// }
-// }
-
-// @import './rtl';
diff --git a/components/dropdown/style/index.tsx b/components/dropdown/style/index.tsx
index 72c5103c8e..44da3ca5a2 100644
--- a/components/dropdown/style/index.tsx
+++ b/components/dropdown/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import {
initMoveMotion,
initSlideMotion,
diff --git a/components/dropdown/style/rtl.less b/components/dropdown/style/rtl.less
deleted file mode 100644
index f23d7b677f..0000000000
--- a/components/dropdown/style/rtl.less
+++ /dev/null
@@ -1,90 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
-
-// .@{dropdown-prefix-cls} {
-// &-rtl {
-// direction: rtl;
-// }
-
-// &::before {
-// .@{dropdown-prefix-cls}-rtl& {
-// right: -7px;
-// left: 0;
-// }
-// }
-
-// &-menu {
-// &&-rtl {
-// direction: rtl;
-// text-align: right;
-// }
-
-// &-item-group-title {
-// .@{dropdown-prefix-cls}-rtl &,
-// .@{dropdown-prefix-cls}-menu-submenu-rtl & {
-// direction: rtl;
-// text-align: right;
-// }
-// }
-
-// &-submenu-popup {
-// &.@{dropdown-prefix-cls}-menu-submenu-rtl {
-// transform-origin: 100% 0;
-// }
-
-// ul,
-// li {
-// .@{dropdown-prefix-cls}-rtl & {
-// text-align: right;
-// }
-// }
-// }
-
-// &-item,
-// &-submenu-title {
-// .@{dropdown-prefix-cls}-rtl & {
-// text-align: right;
-// }
-
-// > .@{iconfont-css-prefix}:first-child,
-// > span > .@{iconfont-css-prefix}:first-child {
-// .@{dropdown-prefix-cls}-rtl & {
-// margin-right: 0;
-// margin-left: 8px;
-// }
-// }
-
-// .@{dropdown-prefix-cls}-menu-submenu-expand-icon {
-// .@{dropdown-prefix-cls}-rtl & {
-// right: auto;
-// left: @padding-xs;
-// }
-
-// .@{dropdown-prefix-cls}-menu-submenu-arrow-icon {
-// .@{dropdown-prefix-cls}-rtl & {
-// margin-left: 0 !important;
-// transform: scaleX(-1);
-// }
-// }
-// }
-// }
-
-// &-submenu-title {
-// .@{dropdown-prefix-cls}-rtl & {
-// padding-right: @control-padding-horizontal;
-// padding-left: @control-padding-horizontal + @font-size-sm;
-// }
-// }
-
-// &-submenu-vertical > & {
-// .@{dropdown-prefix-cls}-rtl & {
-// right: 100%;
-// left: 0;
-// margin-right: 4px;
-// margin-left: 0;
-// }
-// }
-// }
-// }
diff --git a/components/dropdown/style/status.less b/components/dropdown/style/status.less
deleted file mode 100644
index adeff13bfe..0000000000
--- a/components/dropdown/style/status.less
+++ /dev/null
@@ -1,14 +0,0 @@
-// @import (reference) '../../style/themes/index';
-
-// @dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
-
-// .@{dropdown-prefix-cls}-menu-item {
-// &&-danger {
-// color: @error-color;
-
-// &:hover {
-// color: @text-color-inverse;
-// background-color: @error-color;
-// }
-// }
-// }
diff --git a/components/empty/style/index.less b/components/empty/style/index.less
deleted file mode 100644
index 13f00ebc76..0000000000
--- a/components/empty/style/index.less
+++ /dev/null
@@ -1,151 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @empty-prefix-cls: ~'@{ant-prefix}-empty';
-// @empty-img-prefix-cls: ~'@{ant-prefix}-empty-img';
-
-// .@{empty-prefix-cls} {
-// margin: 0 8px;
-// font-size: @empty-font-size;
-// line-height: @line-height-base;
-// text-align: center;
-
-// &-image {
-// height: 100px;
-// margin-bottom: 8px;
-
-// img {
-// height: 100%;
-// }
-
-// svg {
-// height: 100%;
-// margin: auto;
-// }
-// }
-
-// &-footer {
-// margin-top: 16px;
-// }
-
-// // antd internal empty style
-// &-normal {
-// margin: 32px 0;
-// color: @disabled-color;
-
-// .@{empty-prefix-cls}-image {
-// height: 40px;
-// }
-// }
-
-// &-small {
-// margin: 8px 0;
-// color: @disabled-color;
-
-// .@{empty-prefix-cls}-image {
-// height: 35px;
-// }
-// }
-// }
-
-// .@{empty-img-prefix-cls}-default {
-// // not support the definition because the less variables have no meaning
-// & when (@theme = dark) {
-// &-ellipse {
-// fill: @white;
-// fill-opacity: 0.08;
-// }
-
-// &-path {
-// &-1 {
-// fill: #262626;
-// }
-
-// &-2 {
-// fill: url('#linearGradient-1');
-// }
-
-// &-3 {
-// fill: #595959;
-// }
-
-// &-4 {
-// fill: #434343;
-// }
-
-// &-5 {
-// fill: #595959;
-// }
-// }
-
-// &-g {
-// fill: #434343;
-// }
-// }
-// & when not (@theme = dark) {
-// &-ellipse {
-// fill: #f5f5f5;
-// fill-opacity: 0.8;
-// }
-
-// &-path {
-// &-1 {
-// fill: #aeb8c2;
-// }
-
-// &-2 {
-// fill: url('#linearGradient-1');
-// }
-
-// &-3 {
-// fill: #f5f5f7;
-// }
-
-// &-4 {
-// fill: #dce0e6;
-// }
-
-// &-5 {
-// fill: #dce0e6;
-// }
-// }
-
-// &-g {
-// fill: @white;
-// }
-// }
-// }
-
-// .@{empty-img-prefix-cls}-simple {
-// // not support the definition because the less variables have no meaning
-// & when (@theme = dark) {
-// &-ellipse {
-// fill: @white;
-// fill-opacity: 0.08;
-// }
-
-// &-g {
-// stroke: #434343;
-// }
-
-// &-path {
-// fill: #262626;
-// stroke: #434343;
-// }
-// }
-// & when not (@theme = dark) {
-// &-ellipse {
-// fill: #f5f5f5;
-// }
-
-// &-g {
-// stroke: #d9d9d9;
-// }
-
-// &-path {
-// fill: #fafafa;
-// }
-// }
-// }
-
-// @import './rtl';
diff --git a/components/empty/style/index.tsx b/components/empty/style/index.tsx
index 57d1548c7c..5efec9addb 100644
--- a/components/empty/style/index.tsx
+++ b/components/empty/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken } from '../../theme';
diff --git a/components/empty/style/rtl.less b/components/empty/style/rtl.less
deleted file mode 100644
index bf3f6c46e7..0000000000
--- a/components/empty/style/rtl.less
+++ /dev/null
@@ -1,10 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@empty-prefix-cls: ~'@{ant-prefix}-empty';
-
-.@{empty-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-}
diff --git a/components/form/style/components.less b/components/form/style/components.less
deleted file mode 100644
index 10bf6cb964..0000000000
--- a/components/form/style/components.less
+++ /dev/null
@@ -1,16 +0,0 @@
-@import (reference) '../../style/themes/index';
-
-@form-prefix-cls: ~'@{ant-prefix}-form';
-@form-item-prefix-cls: ~'@{form-prefix-cls}-item';
-
-// ================================================================
-// = Children Component =
-// ================================================================
-// FIXME: useless, remove in v5
-.@{form-item-prefix-cls} {
- .@{ant-prefix}-input-number {
- + .@{form-prefix-cls}-text {
- margin-left: 8px;
- }
- }
-}
diff --git a/components/form/style/horizontal.less b/components/form/style/horizontal.less
deleted file mode 100644
index 73e6c62343..0000000000
--- a/components/form/style/horizontal.less
+++ /dev/null
@@ -1,22 +0,0 @@
-@import (reference) '../../style/themes/index';
-
-@form-prefix-cls: ~'@{ant-prefix}-form';
-@form-item-prefix-cls: ~'@{form-prefix-cls}-item';
-
-.@{form-prefix-cls}-horizontal {
- .@{form-item-prefix-cls}-label {
- flex-grow: 0;
- }
- .@{form-item-prefix-cls}-control {
- flex: 1 1 0;
- // https://github.com/ant-design/ant-design/issues/32777
- // https://github.com/ant-design/ant-design/issues/33773
- min-width: 0;
- }
- // https://github.com/ant-design/ant-design/issues/32980
- // https://github.com/ant-design/ant-design/issues/34903
- .@{form-item-prefix-cls}-label[class$='-24'] + .@{form-item-prefix-cls}-control,
- .@{form-item-prefix-cls}-label[class*='-24 '] + .@{form-item-prefix-cls}-control {
- min-width: unset;
- }
-}
diff --git a/components/form/style/index.less b/components/form/style/index.less
deleted file mode 100644
index 3f72942ae5..0000000000
--- a/components/form/style/index.less
+++ /dev/null
@@ -1,304 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-// @import '../../input/style/mixin';
-// @import '../../button/_style/mixin';
-// @import '../../grid/style/mixin';
-// @import './components';
-// @import './inline';
-// @import './horizontal';
-// @import './vertical';
-// @import './status';
-// @import './mixin';
-
-// @form-prefix-cls: ~'@{ant-prefix}-form';
-// @form-item-prefix-cls: ~'@{form-prefix-cls}-item';
-// @form-font-height: ceil(@font-size-base * @line-height-base);
-
-// .@{form-prefix-cls} {
-// .reset-component();
-// .reset-form();
-
-// .@{form-prefix-cls}-text {
-// display: inline-block;
-// padding-right: 8px;
-// }
-
-// // ================================================================
-// // = Size =
-// // ================================================================
-// .formSize(@input-height) {
-// .@{form-item-prefix-cls}-label > label {
-// height: @input-height;
-// }
-
-// .@{form-item-prefix-cls}-control-input {
-// min-height: @input-height;
-// }
-// }
-
-// &-small {
-// .formSize(@input-height-sm);
-// }
-
-// &-large {
-// .formSize(@input-height-lg);
-// }
-// }
-
-// .explainAndExtraDistance(@num) when (@num >= 0) {
-// padding-top: floor(@num);
-// }
-
-// .explainAndExtraDistance(@num) when (@num < 0) {
-// margin-top: ceil(@num);
-// margin-bottom: ceil(@num);
-// }
-
-// // ================================================================
-// // = Item =
-// // ================================================================
-// .@{form-item-prefix-cls} {
-// .reset-component();
-
-// margin-bottom: @form-item-margin-bottom;
-// vertical-align: top;
-// // We delay one frame (0.017s) here to let CSSMotion goes
-// transition: margin-bottom @animation-duration-slow 0.017s linear;
-
-// &-with-help {
-// margin-bottom: 0;
-// transition: none;
-// }
-
-// &-hidden,
-// &-hidden.@{ant-prefix}-row {
-// // https://github.com/ant-design/ant-design/issues/26141
-// display: none;
-// }
-
-// // ==============================================================
-// // = Label =
-// // ==============================================================
-// &-label {
-// display: inline-block;
-// flex-grow: 0;
-// overflow: hidden;
-// white-space: nowrap;
-// text-align: right;
-// vertical-align: middle;
-
-// &-left {
-// text-align: left;
-// }
-
-// &-wrap {
-// overflow: unset;
-// line-height: (@line-height-base - 0.25em);
-// white-space: unset;
-// }
-
-// > label {
-// position: relative;
-// display: inline-flex;
-// align-items: center;
-// max-width: 100%;
-// height: @form-item-label-height;
-// color: @label-color;
-// font-size: @form-item-label-font-size;
-
-// > .@{iconfont-css-prefix} {
-// font-size: @form-item-label-font-size;
-// vertical-align: top;
-// }
-
-// // Required mark
-// &.@{form-item-prefix-cls}-required:not(.@{form-item-prefix-cls}-required-mark-optional)::before {
-// display: inline-block;
-// margin-right: 4px;
-// color: @label-required-color;
-// font-size: @form-item-label-font-size;
-// font-family: SimSun, sans-serif;
-// line-height: 1;
-// content: '*';
-
-// .@{form-prefix-cls}-hide-required-mark & {
-// display: none;
-// }
-// }
-
-// // Optional mark
-// .@{form-item-prefix-cls}-optional {
-// display: inline-block;
-// margin-left: @margin-xss;
-// color: @text-color-secondary;
-
-// .@{form-prefix-cls}-hide-required-mark & {
-// display: none;
-// }
-// }
-
-// // Optional mark
-// .@{form-item-prefix-cls}-tooltip {
-// color: @text-color-secondary;
-// cursor: help;
-// writing-mode: horizontal-tb;
-// margin-inline-start: @margin-xss;
-// }
-
-// &::after {
-// & when (@form-item-trailing-colon=true) {
-// content: ':';
-// }
-// & when not (@form-item-trailing-colon=true) {
-// content: ' ';
-// }
-
-// position: relative;
-// top: -0.5px;
-// margin: 0 @form-item-label-colon-margin-right 0 @form-item-label-colon-margin-left;
-// }
-
-// &.@{form-item-prefix-cls}-no-colon::after {
-// content: ' ';
-// }
-// }
-// }
-
-// // ==============================================================
-// // = Input =
-// // ==============================================================
-// &-control {
-// display: flex;
-// flex-direction: column;
-// flex-grow: 1;
-
-// &:first-child:not([class^=~"'@{ant-prefix}-col-'"]):not([class*=~"' @{ant-prefix}-col-'"]) {
-// width: 100%;
-// }
-// }
-
-// &-control-input {
-// position: relative;
-// display: flex;
-// align-items: center;
-// min-height: @input-height-base;
-
-// &-content {
-// flex: auto;
-// max-width: 100%;
-// }
-// }
-
-// // ==============================================================
-// // = Explain =
-// // ==============================================================
-// &-explain,
-// &-extra {
-// clear: both;
-// color: @text-color-secondary;
-// font-size: @font-size-base;
-// line-height: @line-height-base;
-// transition: color 0.3s @ease-out; // sync input color transition
-// .explainAndExtraDistance((@form-item-margin-bottom - @form-font-height) / 2);
-// }
-
-// &-explain-connected {
-// height: 0;
-// min-height: 0;
-// opacity: 0;
-// }
-
-// &-extra {
-// min-height: @form-item-margin-bottom;
-// }
-
-// .@{ant-prefix}-input-textarea-show-count {
-// &::after {
-// margin-bottom: -22px;
-// }
-// }
-
-// &-with-help &-explain {
-// height: auto;
-// min-height: @form-item-margin-bottom;
-// opacity: 1;
-// }
-// }
-
-// // >>>>>>>>>> Motion <<<<<<<<<<
-// // Explain holder
-// .@{ant-prefix}-show-help {
-// transition: height @animation-duration-slow linear, min-height @animation-duration-slow linear,
-// margin-bottom @animation-duration-slow @ease-in-out,
-// opacity @animation-duration-slow @ease-in-out;
-
-// &-leave {
-// min-height: @form-item-margin-bottom;
-
-// &-active {
-// min-height: 0;
-// }
-// }
-// }
-
-// // Explain
-// .@{ant-prefix}-show-help-item {
-// overflow: hidden;
-// transition: height @animation-duration-slow @ease-in-out,
-// opacity @animation-duration-slow @ease-in-out, transform @animation-duration-slow @ease-in-out !important;
-
-// &-appear,
-// &-enter {
-// transform: translateY(-5px);
-// opacity: 0;
-
-// &-active {
-// transform: translateY(0);
-// opacity: 1;
-// }
-// }
-
-// &-leave-active {
-// transform: translateY(-5px);
-// }
-// }
-
-// // need there different zoom animation
-// // otherwise won't trigger anim
-// @keyframes diffZoomIn1 {
-// 0% {
-// transform: scale(0);
-// opacity: 0;
-// }
-
-// 100% {
-// transform: scale(1);
-// opacity: 1;
-// }
-// }
-
-// @keyframes diffZoomIn2 {
-// 0% {
-// transform: scale(0);
-// opacity: 0;
-// }
-
-// 100% {
-// transform: scale(1);
-// opacity: 1;
-// }
-// }
-
-// @keyframes diffZoomIn3 {
-// 0% {
-// transform: scale(0);
-// opacity: 0;
-// }
-
-// 100% {
-// transform: scale(1);
-// opacity: 1;
-// }
-// }
-
-// @import './rtl';
diff --git a/components/form/style/index.tsx b/components/form/style/index.tsx
index ff5e8f59ba..792b489b12 100644
--- a/components/form/style/index.tsx
+++ b/components/form/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import { zoomIn } from '../../style/motion';
import type { AliasToken, FullToken, GenerateStyle } from '../../theme';
diff --git a/components/form/style/inline.less b/components/form/style/inline.less
deleted file mode 100644
index 63946752da..0000000000
--- a/components/form/style/inline.less
+++ /dev/null
@@ -1,38 +0,0 @@
-@import (reference) '../../style/themes/index';
-
-@form-prefix-cls: ~'@{ant-prefix}-form';
-@form-item-prefix-cls: ~'@{form-prefix-cls}-item';
-
-.@{form-prefix-cls}-inline {
- display: flex;
- flex-wrap: wrap;
-
- .@{form-prefix-cls}-item {
- flex: none;
- flex-wrap: nowrap;
- margin-right: 16px;
- margin-bottom: 0;
-
- &-with-help {
- margin-bottom: @form-item-margin-bottom;
- }
-
- > .@{form-item-prefix-cls}-label,
- > .@{form-item-prefix-cls}-control {
- display: inline-block;
- vertical-align: top;
- }
-
- > .@{form-item-prefix-cls}-label {
- flex: none;
- }
-
- .@{form-prefix-cls}-text {
- display: inline-block;
- }
-
- .@{form-item-prefix-cls}-has-feedback {
- display: inline-block;
- }
- }
-}
diff --git a/components/form/style/mixin.less b/components/form/style/mixin.less
deleted file mode 100644
index c7ca146854..0000000000
--- a/components/form/style/mixin.less
+++ /dev/null
@@ -1,78 +0,0 @@
-@import '../../input/style/mixin';
-
-.form-control-validation(
- @text-color: @input-color;
- @border-color: @input-border-color;
- @background-color: @input-bg;
- @hoverBorderColor: @primary-color-hover;
- @outlineColor: @primary-color-outline;
-) {
- .@{ant-prefix}-form-item-split {
- color: @text-color;
- }
-}
-
-// Reset form styles
-// -----------------------------
-// Based on Bootstrap framework
-.reset-form() {
- legend {
- display: block;
- width: 100%;
- margin-bottom: 20px;
- padding: 0;
- color: @text-color-secondary;
- font-size: @font-size-lg;
- line-height: inherit;
- border: 0;
- border-bottom: @border-width-base @border-style-base @border-color-base;
- }
-
- label {
- font-size: @font-size-base;
- }
-
- input[type='search'] {
- box-sizing: border-box;
- }
-
- // Position radios and checkboxes better
- input[type='radio'],
- input[type='checkbox'] {
- line-height: normal;
- }
-
- input[type='file'] {
- display: block;
- }
-
- // Make range inputs behave like textual form controls
- input[type='range'] {
- display: block;
- width: 100%;
- }
-
- // Make multiple select elements height not fixed
- select[multiple],
- select[size] {
- height: auto;
- }
-
- // Focus for file, radio, and checkbox
- input[type='file']:focus,
- input[type='radio']:focus,
- input[type='checkbox']:focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
- }
-
- // Adjust output element
- output {
- display: block;
- padding-top: 15px;
- color: @input-color;
- font-size: @font-size-base;
- line-height: @line-height-base;
- }
-}
diff --git a/components/form/style/rtl.less b/components/form/style/rtl.less
deleted file mode 100644
index 1c9c5a30e2..0000000000
--- a/components/form/style/rtl.less
+++ /dev/null
@@ -1,204 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-@import '../../input/style/mixin';
-@import '../../button/_style/mixin';
-@import '../../grid/style/mixin';
-
-@form-prefix-cls: ~'@{ant-prefix}-form';
-@form-item-prefix-cls: ~'@{form-prefix-cls}-item';
-
-.@{form-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-}
-
-// ================================================================
-// = Item =
-// ================================================================
-.@{form-item-prefix-cls} {
- // ==============================================================
- // = Label =
- // ==============================================================
- &-label {
- .@{form-prefix-cls}-rtl & {
- text-align: left;
- }
-
- > label {
- &.@{form-item-prefix-cls}-required::before {
- .@{form-prefix-cls}-rtl & {
- margin-right: 0;
- margin-left: 4px;
- }
- }
-
- &::after {
- .@{form-prefix-cls}-rtl & {
- margin: 0 @form-item-label-colon-margin-left 0 @form-item-label-colon-margin-right;
- }
- }
-
- .@{form-item-prefix-cls}-optional {
- .@{form-prefix-cls}-rtl & {
- margin-right: @margin-xss;
- margin-left: 0;
- }
- }
- }
- }
-
- // ==============================================================
- // = Input =
- // ==============================================================
- &-control {
- .@{ant-prefix}-col-rtl &:first-child {
- width: 100%;
- }
- }
-
- // status
- &-has-feedback {
- .@{ant-prefix}-input {
- .@{form-prefix-cls}-rtl & {
- padding-right: @input-padding-horizontal-base;
- padding-left: 24px;
- }
- }
-
- .@{ant-prefix}-input-affix-wrapper {
- .@{ant-prefix}-input-suffix {
- .@{form-prefix-cls}-rtl & {
- padding-right: @input-padding-horizontal-base;
- padding-left: 18px;
- }
- }
- .@{ant-prefix}-input {
- .@{form-prefix-cls}-rtl & {
- padding: 0;
- }
- }
- }
-
- .@{ant-prefix}-input-number-affix-wrapper {
- .@{ant-prefix}-input-number {
- .@{form-prefix-cls}-rtl & {
- padding: 0;
- }
- }
- }
-
- .@{ant-prefix}-input-search:not(.@{ant-prefix}-input-search-enter-button) {
- .@{ant-prefix}-input-suffix {
- .@{form-prefix-cls}-rtl & {
- right: auto;
- left: 28px;
- }
- }
- }
-
- .@{ant-prefix}-input-number {
- .@{form-prefix-cls}-rtl & {
- padding-left: 18px;
- }
- }
-
- > .@{ant-prefix}-select .@{ant-prefix}-select-arrow,
- > .@{ant-prefix}-select .@{ant-prefix}-select-clear,
- :not(.@{ant-prefix}-input-group-addon) > .@{ant-prefix}-select .@{ant-prefix}-select-arrow,
- :not(.@{ant-prefix}-input-group-addon) > .@{ant-prefix}-select .@{ant-prefix}-select-clear,
- :not(.@{ant-prefix}-input-number-group-addon)
- > .@{ant-prefix}-select
- .@{ant-prefix}-select-arrow,
- :not(.@{ant-prefix}-input-number-group-addon)
- > .@{ant-prefix}-select
- .@{ant-prefix}-select-clear {
- .@{form-prefix-cls}-rtl & {
- right: auto;
- left: 32px;
- }
- }
-
- > .@{ant-prefix}-select .@{ant-prefix}-select-selection-selected-value,
- :not(.@{ant-prefix}-input-group-addon)
- > .@{ant-prefix}-select
- .@{ant-prefix}-select-selection-selected-value,
- :not(.@{ant-prefix}-input-number-group-addon)
- > .@{ant-prefix}-select
- .@{ant-prefix}-select-selection-selected-value {
- .@{form-prefix-cls}-rtl & {
- padding-right: 0;
- padding-left: 42px;
- }
- }
-
- .@{ant-prefix}-cascader-picker {
- &-arrow {
- .@{form-prefix-cls}-rtl & {
- margin-right: 0;
- margin-left: 19px;
- }
- }
-
- &-clear {
- .@{form-prefix-cls}-rtl & {
- right: auto;
- left: 32px;
- }
- }
- }
-
- .@{ant-prefix}-picker {
- .@{form-prefix-cls}-rtl & {
- padding-right: @input-padding-horizontal-base;
- padding-left: @input-padding-horizontal-base + @font-size-base * 1.3;
- }
-
- &-large {
- .@{form-prefix-cls}-rtl & {
- padding-right: @input-padding-horizontal-lg;
- padding-left: @input-padding-horizontal-lg + @font-size-base * 1.3;
- }
- }
-
- &-small {
- .@{form-prefix-cls}-rtl & {
- padding-right: @input-padding-horizontal-sm;
- padding-left: @input-padding-horizontal-sm + @font-size-base * 1.3;
- }
- }
- }
-
- &.@{form-item-prefix-cls} {
- &-has-success,
- &-has-warning,
- &-has-error,
- &-is-validating {
- // ====================== Icon ======================
- .@{form-item-prefix-cls}-children-icon {
- .@{form-prefix-cls}-rtl & {
- right: auto;
- left: 0;
- }
- }
- }
- }
- }
-}
-
-// inline
-.@{form-prefix-cls}-inline {
- .@{form-prefix-cls}-item {
- .@{form-prefix-cls}-rtl& {
- margin-right: 0;
- margin-left: 16px;
- }
- }
-}
-
-// vertical
-.make-vertical-layout-label() {
- .@{form-prefix-cls}-rtl& {
- text-align: right;
- }
-}
diff --git a/components/form/style/status.less b/components/form/style/status.less
deleted file mode 100644
index 1a53d97a96..0000000000
--- a/components/form/style/status.less
+++ /dev/null
@@ -1,42 +0,0 @@
-@import (reference) '../../style/themes/index';
-
-@form-prefix-cls: ~'@{ant-prefix}-form';
-@form-item-prefix-cls: ~'@{form-prefix-cls}-item';
-
-.@{form-item-prefix-cls} {
- // ================================================================
- // = Status =
- // ================================================================
-
- /* Some non-status related component style is in `components.less` */
-
- // ========================= Explain =========================
-
- /* To support leave along ErrorList. We add additional className to handle explain style */
- &-explain {
- &-error {
- color: @error-color;
- }
-
- &-warning {
- color: @warning-color;
- }
- }
-
- &-has-feedback {
- // ======================== Switch =========================
- .@{ant-prefix}-switch {
- margin: 2px 0 4px;
- }
- }
-
- // ======================== Warning ========================
- &-has-warning {
- .form-control-validation(@warning-color; @warning-color; @form-warning-input-bg; @warning-color-hover; @warning-color-outline);
- }
-
- // ========================= Error =========================
- &-has-error {
- .form-control-validation(@error-color; @error-color; @form-error-input-bg; @error-color-hover; @error-color-outline);
- }
-}
diff --git a/components/form/style/vertical.less b/components/form/style/vertical.less
deleted file mode 100644
index 7626b53631..0000000000
--- a/components/form/style/vertical.less
+++ /dev/null
@@ -1,87 +0,0 @@
-@import (reference) '../../style/themes/index';
-
-@form-prefix-cls: ~'@{ant-prefix}-form';
-@form-item-prefix-cls: ~'@{form-prefix-cls}-item';
-
-// ================== Label ==================
-.make-vertical-layout-label() {
- & when (@form-vertical-label-margin > 0) {
- margin: @form-vertical-label-margin;
- }
- padding: @form-vertical-label-padding;
- line-height: @line-height-base;
- white-space: initial;
- text-align: left;
-
- > label {
- margin: 0;
-
- &::after {
- display: none;
- }
- }
-}
-
-.make-vertical-layout() {
- .@{form-prefix-cls}-item .@{form-prefix-cls}-item-label {
- .make-vertical-layout-label();
- }
- .@{form-prefix-cls} {
- .@{form-prefix-cls}-item {
- flex-wrap: wrap;
- .@{form-prefix-cls}-item-label,
- .@{form-prefix-cls}-item-control {
- flex: 0 0 100%;
- max-width: 100%;
- }
- }
- }
-}
-
-.@{form-prefix-cls}-vertical {
- .@{form-item-prefix-cls} {
- flex-direction: column;
-
- &-label > label {
- height: auto;
- }
- }
-}
-
-.@{form-prefix-cls}-vertical .@{form-item-prefix-cls}-label,
-/* when labelCol is 24, it is a vertical form */
-.@{ant-prefix}-col-24.@{form-item-prefix-cls}-label,
-.@{ant-prefix}-col-xl-24.@{form-item-prefix-cls}-label {
- .make-vertical-layout-label();
-}
-
-@media (max-width: @screen-xs-max) {
- .make-vertical-layout();
- .@{ant-prefix}-col-xs-24.@{form-item-prefix-cls}-label {
- .make-vertical-layout-label();
- }
-}
-
-@media (max-width: @screen-sm-max) {
- .@{ant-prefix}-col-sm-24.@{form-item-prefix-cls}-label {
- .make-vertical-layout-label();
- }
-}
-
-@media (max-width: @screen-md-max) {
- .@{ant-prefix}-col-md-24.@{form-item-prefix-cls}-label {
- .make-vertical-layout-label();
- }
-}
-
-@media (max-width: @screen-lg-max) {
- .@{ant-prefix}-col-lg-24.@{form-item-prefix-cls}-label {
- .make-vertical-layout-label();
- }
-}
-
-@media (max-width: @screen-xl-max) {
- .@{ant-prefix}-col-xl-24.@{form-item-prefix-cls}-label {
- .make-vertical-layout-label();
- }
-}
diff --git a/components/grid/style/index.less b/components/grid/style/index.less
deleted file mode 100644
index 3edc97691d..0000000000
--- a/components/grid/style/index.less
+++ /dev/null
@@ -1,121 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-// @import './mixin';
-
-// @row-prefix-cls: ~'@{ant-prefix}-row';
-// @col-prefix-cls: ~'@{ant-prefix}-col';
-
-// // Grid system
-// .@{row-prefix-cls} {
-// display: flex;
-// flex-flow: row wrap;
-
-// &::before,
-// &::after {
-// display: flex;
-// }
-
-// // No wrap of flex
-// &-no-wrap {
-// flex-wrap: nowrap;
-// }
-// }
-
-// // x轴原点
-// .@{row-prefix-cls}-start {
-// justify-content: flex-start;
-// }
-
-// // x轴居中
-// .@{row-prefix-cls}-center {
-// justify-content: center;
-// }
-
-// // x轴反方向
-// .@{row-prefix-cls}-end {
-// justify-content: flex-end;
-// }
-
-// // x轴平分
-// .@{row-prefix-cls}-space-between {
-// justify-content: space-between;
-// }
-
-// // x轴有间隔地平分
-// .@{row-prefix-cls}-space-around {
-// justify-content: space-around;
-// }
-
-// // 顶部对齐
-// .@{row-prefix-cls}-top {
-// align-items: flex-start;
-// }
-
-// // 居中对齐
-// .@{row-prefix-cls}-middle {
-// align-items: center;
-// }
-
-// // 底部对齐
-// .@{row-prefix-cls}-bottom {
-// align-items: flex-end;
-// }
-
-// .@{col-prefix-cls} {
-// position: relative;
-// max-width: 100%;
-// // Prevent columns from collapsing when empty
-// min-height: 1px;
-// }
-
-// .make-grid();
-
-// // Extra small grid
-// //
-// // Columns, offsets, pushes, and pulls for extra small devices like
-// // smartphones.
-
-// .make-grid(-xs);
-
-// // Small grid
-// //
-// // Columns, offsets, pushes, and pulls for the small device range, from phones
-// // to tablets.
-
-// @media (min-width: @screen-sm-min) {
-// .make-grid(-sm);
-// }
-
-// // Medium grid
-// //
-// // Columns, offsets, pushes, and pulls for the desktop device range.
-
-// @media (min-width: @screen-md-min) {
-// .make-grid(-md);
-// }
-
-// // Large grid
-// //
-// // Columns, offsets, pushes, and pulls for the large desktop device range.
-
-// @media (min-width: @screen-lg-min) {
-// .make-grid(-lg);
-// }
-
-// // Extra Large grid
-// //
-// // Columns, offsets, pushes, and pulls for the full hd device range.
-
-// @media (min-width: @screen-xl-min) {
-// .make-grid(-xl);
-// }
-
-// // Extra Extra Large grid
-// //
-// // Columns, offsets, pushes, and pulls for the full hd device range.
-
-// @media (min-width: @screen-xxl-min) {
-// .make-grid(-xxl);
-// }
-
-// @import './rtl';
diff --git a/components/grid/style/index.tsx b/components/grid/style/index.tsx
index 1f6401775e..238395ad9d 100644
--- a/components/grid/style/index.tsx
+++ b/components/grid/style/index.tsx
@@ -1,7 +1,3 @@
-// import '../../style/index.less';
-// import './index.less';
-
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken } from '../../theme';
diff --git a/components/grid/style/mixin.less b/components/grid/style/mixin.less
deleted file mode 100644
index e0e01b0c8d..0000000000
--- a/components/grid/style/mixin.less
+++ /dev/null
@@ -1,53 +0,0 @@
-// @import '../../style/mixins/index';
-
-// // mixins for grid system
-// // ------------------------
-
-// .loop-grid-columns(@index, @class) when (@index > 0) {
-// .@{ant-prefix}-col@{class}-@{index} {
-// display: block;
-// flex: 0 0 percentage((@index / @grid-columns));
-// max-width: percentage((@index / @grid-columns));
-// }
-// .@{ant-prefix}-col@{class}-push-@{index} {
-// left: percentage((@index / @grid-columns));
-// }
-// .@{ant-prefix}-col@{class}-pull-@{index} {
-// right: percentage((@index / @grid-columns));
-// }
-// .@{ant-prefix}-col@{class}-offset-@{index} {
-// margin-left: percentage((@index / @grid-columns));
-// }
-// .@{ant-prefix}-col@{class}-order-@{index} {
-// order: @index;
-// }
-// .loop-grid-columns((@index - 1), @class);
-// }
-
-// .loop-grid-columns(@index, @class) when (@index = 0) {
-// .@{ant-prefix}-col@{class}-@{index} {
-// display: none;
-// }
-// .@{ant-prefix}-col-push-@{index} {
-// left: auto;
-// }
-// .@{ant-prefix}-col-pull-@{index} {
-// right: auto;
-// }
-// .@{ant-prefix}-col@{class}-push-@{index} {
-// left: auto;
-// }
-// .@{ant-prefix}-col@{class}-pull-@{index} {
-// right: auto;
-// }
-// .@{ant-prefix}-col@{class}-offset-@{index} {
-// margin-left: 0;
-// }
-// .@{ant-prefix}-col@{class}-order-@{index} {
-// order: 0;
-// }
-// }
-
-// .make-grid(@class: ~'') {
-// .loop-grid-columns(@grid-columns, @class);
-// }
diff --git a/components/grid/style/rtl.less b/components/grid/style/rtl.less
deleted file mode 100644
index b098812bc5..0000000000
--- a/components/grid/style/rtl.less
+++ /dev/null
@@ -1,69 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-@import './mixin';
-
-.@{row-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-}
-
-// mixin
-.loop-grid-columns(@index, @class) when (@index > 0) {
- .@{col-prefix-cls}@{class}-push-@{index} {
- // reset property in RTL direction
- &.@{col-prefix-cls}-rtl {
- right: percentage((@index / @grid-columns));
- left: auto;
- }
- }
-
- .@{col-prefix-cls}@{class}-pull-@{index} {
- // reset property in RTL direction
- &.@{col-prefix-cls}-rtl {
- right: auto;
- left: percentage((@index / @grid-columns));
- }
- }
-
- .@{col-prefix-cls}@{class}-offset-@{index} {
- // reset property in RTL direction
- &.@{col-prefix-cls}-rtl {
- margin-right: percentage((@index / @grid-columns));
- margin-left: 0;
- }
- }
-}
-
-.loop-grid-columns(@index, @class) when (@index = 0) {
- .@{col-prefix-cls}-push-@{index} {
- // reset property in RTL direction
- &.@{col-prefix-cls}-rtl {
- right: auto;
- }
- }
-
- .@{col-prefix-cls}-pull-@{index} {
- &.@{col-prefix-cls}-rtl {
- left: auto;
- }
- }
-
- .@{col-prefix-cls}@{class}-push-@{index} {
- &.@{col-prefix-cls}-rtl {
- right: auto;
- }
- }
-
- .@{col-prefix-cls}@{class}-pull-@{index} {
- &.@{col-prefix-cls}-rtl {
- left: auto;
- }
- }
-
- .@{col-prefix-cls}@{class}-offset-@{index} {
- &.@{col-prefix-cls}-rtl {
- margin-right: 0;
- }
- }
-}
diff --git a/components/icon/style/index.less b/components/icon/style/index.less
deleted file mode 100644
index 27de5ef686..0000000000
--- a/components/icon/style/index.less
+++ /dev/null
@@ -1,4 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @icon-prefix-cls: ~'@{ant-prefix}-icon';
diff --git a/components/icon/style/index.tsx b/components/icon/style/index.tsx
deleted file mode 100644
index 77bf87dcc5..0000000000
--- a/components/icon/style/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-// deps-lint-skip-all
diff --git a/components/image/style/index.less b/components/image/style/index.less
deleted file mode 100644
index ac5a2795c7..0000000000
--- a/components/image/style/index.less
+++ /dev/null
@@ -1,187 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @image-prefix-cls: ~'@{ant-prefix}-image';
-// @image-preview-prefix-cls: ~'@{image-prefix-cls}-preview';
-
-// .@{image-prefix-cls} {
-// position: relative;
-// display: inline-block;
-
-// &-img {
-// width: 100%;
-// height: auto;
-// vertical-align: middle;
-
-// &-placeholder {
-// background-color: @image-bg;
-// background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');
-// background-repeat: no-repeat;
-// background-position: center center;
-// background-size: 30%;
-// }
-// }
-
-// &-mask {
-// position: absolute;
-// top: 0;
-// right: 0;
-// bottom: 0;
-// left: 0;
-// display: flex;
-// align-items: center;
-// justify-content: center;
-// color: @text-color-inverse;
-// background: fade(@black, 50%);
-// cursor: pointer;
-// opacity: 0;
-// transition: opacity @animation-duration-slow;
-
-// &-info {
-// padding: 0 @padding-xss;
-// overflow: hidden;
-// white-space: nowrap;
-// text-overflow: ellipsis;
-// .@{iconfont-css-prefix} {
-// margin-inline-end: @margin-xss;
-// }
-// }
-
-// &:hover {
-// opacity: 1;
-// }
-// }
-
-// &-placeholder {
-// .box();
-// }
-
-// &-preview {
-// .modal-mask();
-
-// height: 100%;
-// text-align: center;
-
-// &-body {
-// .box();
-// overflow: hidden;
-// }
-
-// &-img {
-// max-width: 100%;
-// max-height: 100%;
-// vertical-align: middle;
-// transform: scale3d(1, 1, 1);
-// cursor: grab;
-// transition: transform 0.3s @ease-out 0s;
-// user-select: none;
-// pointer-events: auto;
-
-// &-wrapper {
-// .box();
-// transition: transform 0.3s @ease-out 0s;
-
-// &::before {
-// display: inline-block;
-// width: 1px;
-// height: 50%;
-// margin-right: -1px;
-// content: '';
-// }
-// }
-// }
-
-// &-moving {
-// .@{image-prefix-cls}-preview-img {
-// cursor: grabbing;
-
-// &-wrapper {
-// transition-duration: 0s;
-// }
-// }
-// }
-
-// &-wrap {
-// z-index: @zindex-image;
-// }
-
-// &-operations {
-// .reset-component();
-// position: absolute;
-// top: 0;
-// right: 0;
-// z-index: 1;
-// display: flex;
-// flex-direction: row-reverse;
-// align-items: center;
-// width: 100%;
-// color: @image-preview-operation-color;
-// list-style: none;
-// background: fade(@modal-mask-bg, 10%);
-// pointer-events: auto;
-
-// &-operation {
-// margin-left: @control-padding-horizontal;
-// padding: @control-padding-horizontal;
-// cursor: pointer;
-
-// &-disabled {
-// color: @image-preview-operation-disabled-color;
-// pointer-events: none;
-// }
-
-// &:last-of-type {
-// margin-left: 0;
-// }
-// }
-
-// &-progress {
-// position: absolute;
-// left: 50%;
-// transform: translateX(-50%);
-// }
-
-// &-icon {
-// font-size: @image-preview-operation-size;
-// }
-// }
-
-// &-switch-left,
-// &-switch-right {
-// position: absolute;
-// top: 50%;
-// right: 10px;
-// z-index: 1;
-// display: flex;
-// align-items: center;
-// justify-content: center;
-// width: 44px;
-// height: 44px;
-// margin-top: -22px;
-// color: @image-preview-operation-color;
-// background: fade(@modal-mask-bg, 10%);
-// border-radius: 50%;
-// cursor: pointer;
-// pointer-events: auto;
-
-// &-disabled {
-// color: @image-preview-operation-disabled-color;
-// cursor: not-allowed;
-// > .@{iconfont-css-prefix} {
-// cursor: not-allowed;
-// }
-// }
-// > .@{iconfont-css-prefix} {
-// font-size: 18px;
-// }
-// }
-
-// &-switch-left {
-// left: 10px;
-// }
-
-// &-switch-right {
-// right: 10px;
-// }
-// }
-// }
diff --git a/components/image/style/index.tsx b/components/image/style/index.tsx
index 5ba3e394ab..6a346ce41f 100644
--- a/components/image/style/index.tsx
+++ b/components/image/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import { TinyColor } from '@ctrl/tinycolor';
import { genModalMaskStyle } from '../../modal/style';
diff --git a/components/index.tsx b/components/index.tsx
index 32fbe513c9..fe610e89e5 100644
--- a/components/index.tsx
+++ b/components/index.tsx
@@ -50,8 +50,6 @@ export { default as Col } from './col';
export type { ColProps } from './col';
export { default as Collapse } from './collapse';
export type { CollapsePanelProps, CollapseProps } from './collapse';
-export { default as Comment } from './comment';
-export type { CommentProps } from './comment';
export { default as ConfigProvider } from './config-provider';
export { default as DatePicker } from './date-picker';
export type { DatePickerProps } from './date-picker';
@@ -99,8 +97,6 @@ export type { ArgsProps as MessageArgsProps } from './message';
export { default as Modal } from './modal';
export type { ModalFuncProps, ModalProps } from './modal';
export { default as notification } from './notification';
-export { default as PageHeader } from './page-header';
-export type { PageHeaderProps } from './page-header';
export { default as Pagination } from './pagination';
export type { PaginationProps } from './pagination';
export { default as Popconfirm } from './popconfirm';
diff --git a/components/input-number/style/affix.less b/components/input-number/style/affix.less
deleted file mode 100644
index 357ab94d30..0000000000
--- a/components/input-number/style/affix.less
+++ /dev/null
@@ -1,83 +0,0 @@
-@import '../../input/style/mixin';
-@import (reference) '../../style/themes/index';
-@input-prefix-cls: ~'@{ant-prefix}-input';
-
-@input-affix-margin: 4px;
-
-.@{ant-prefix}-input-number {
- &-affix-wrapper {
- .input();
- // or number handler will cover form status
- position: relative;
- display: inline-flex;
- width: 90px;
- padding: 0;
- padding-inline-start: @input-padding-horizontal-base;
-
- &:not(&-disabled):hover {
- .hover();
- z-index: 1;
- }
-
- &-focused,
- &:focus {
- z-index: 1;
- }
-
- &-disabled {
- .@{ant-prefix}-input-number[disabled] {
- background: transparent;
- }
- }
-
- > div.@{ant-prefix}-input-number {
- width: 100%;
- border: none;
- outline: none;
-
- &.@{ant-prefix}-input-number-focused {
- box-shadow: none !important;
- }
- }
-
- input.@{ant-prefix}-input-number-input {
- padding: 0;
- }
-
- &::before {
- width: 0;
- visibility: hidden;
- content: '\a0';
- }
-
- .@{ant-prefix}-input-number-handler-wrap {
- z-index: 2;
- }
- }
-
- &-prefix,
- &-suffix {
- display: flex;
- flex: none;
- align-items: center;
- pointer-events: none;
- }
-
- &-prefix {
- margin-inline-end: @input-affix-margin;
- }
-
- &-suffix {
- position: absolute;
- top: 0;
- right: 0;
- z-index: 1;
- height: 100%;
- margin-right: @input-padding-horizontal-base;
- margin-left: @input-affix-margin;
- }
-}
-
-.@{ant-prefix}-input-number-group-wrapper .@{ant-prefix}-input-number-affix-wrapper {
- width: 100%;
-}
diff --git a/components/input-number/style/index.less b/components/input-number/style/index.less
deleted file mode 100644
index 479a393267..0000000000
--- a/components/input-number/style/index.less
+++ /dev/null
@@ -1,235 +0,0 @@
-//@import '../../style/themes/index';
-//@import '../../style/mixins/index';
-//@import '../../input/style/mixin';
-//@import './affix';
-//@import './status';
-//
-//@input-number-prefix-cls: ~'@{ant-prefix}-input-number';
-//@form-item-prefix-cls: ~'@{ant-prefix}-form-item';
-//
-//.@{input-number-prefix-cls} {
-// .reset-component();
-// .input();
-//
-// //== Style for input-group: input with label, with button or dropdown...
-// &-group {
-// .reset-component();
-// .input-group(~'@{input-number-prefix-cls}');
-//
-// &-wrapper {
-// display: inline-block;
-// text-align: start;
-// vertical-align: top; // https://github.com/ant-design/ant-design/issues/6403
-// }
-// }
-//
-// display: inline-block;
-// width: 90px;
-// margin: 0;
-// padding: 0;
-// border: @border-width-base @border-style-base @border-color-base;
-// border-radius: @border-radius-base;
-//
-// &-handler {
-// position: relative;
-// display: block;
-// width: 100%;
-// height: 50%;
-// overflow: hidden;
-// color: @text-color-secondary;
-// font-weight: bold;
-// line-height: 0;
-// text-align: center;
-// border-left: @border-width-base @border-style-base @input-number-handler-border-color;
-// transition: all 0.1s linear;
-//
-// &:active {
-// background: @input-number-handler-active-bg;
-// }
-//
-// &:hover &-up-inner,
-// &:hover &-down-inner {
-// color: @input-number-handler-hover-bg;
-// }
-// }
-//
-// &-handler-up-inner,
-// &-handler-down-inner {
-// .iconfont-mixin();
-//
-// position: absolute;
-// right: 4px;
-// width: 12px;
-// height: 12px;
-// color: @text-color-secondary;
-// line-height: 12px;
-// transition: all 0.1s linear;
-// user-select: none;
-// }
-//
-// &:hover {
-// .hover(@input-number-hover-border-color);
-// & + .@{form-item-prefix-cls}-children-icon {
-// opacity: 0;
-// transition: opacity 0.24s linear 0.24s;
-// }
-// }
-//
-// &-focused {
-// .active();
-// }
-//
-// &-disabled {
-// .disabled();
-// .@{input-number-prefix-cls}-input {
-// cursor: not-allowed;
-// }
-// .@{input-number-prefix-cls}-handler-wrap {
-// display: none;
-// }
-// }
-//
-// &-readonly {
-// .@{input-number-prefix-cls}-handler-wrap {
-// display: none;
-// }
-// }
-//
-// &-input {
-// width: 100%;
-// height: @input-height-base - 2px;
-// padding: 0 @control-padding-horizontal - 1px;
-// text-align: left;
-// background-color: transparent;
-// border: 0;
-// border-radius: @border-radius-base;
-// outline: 0;
-// transition: all 0.3s linear;
-// appearance: textfield !important;
-// .placeholder();
-//
-// &[type='number']::-webkit-inner-spin-button,
-// &[type='number']::-webkit-outer-spin-button {
-// margin: 0;
-// /* stylelint-disable-next-line property-no-vendor-prefix */
-// -webkit-appearance: none;
-// appearance: none;
-// }
-// }
-//
-// &-lg {
-// padding: 0;
-// font-size: @font-size-lg;
-//
-// input {
-// height: @input-height-lg - 2px;
-// }
-// }
-//
-// &-sm {
-// padding: 0;
-//
-// input {
-// height: @input-height-sm - 2px;
-// padding: 0 @control-padding-horizontal-sm - 1px;
-// }
-// }
-//
-// &-handler-wrap {
-// position: absolute;
-// top: 0;
-// right: 0;
-// width: 22px;
-// height: 100%;
-// background: @input-number-handler-bg;
-// border-radius: 0 @border-radius-base @border-radius-base 0;
-// opacity: 0;
-// transition: opacity 0.24s linear 0.1s;
-//
-// // Fix input number inside Menu makes icon too large
-// // We arise the selector priority by nest selector here
-// // https://github.com/ant-design/ant-design/issues/14367
-// .@{input-number-prefix-cls}-handler {
-// .@{input-number-prefix-cls}-handler-up-inner,
-// .@{input-number-prefix-cls}-handler-down-inner {
-// display: flex;
-// align-items: center;
-// justify-content: center;
-// min-width: auto;
-// margin-right: 0;
-// font-size: 7px;
-// }
-// }
-//
-// .@{input-number-prefix-cls}-borderless & {
-// border-left-width: 0;
-// }
-// }
-//
-// &-handler-wrap:hover &-handler {
-// height: 40%;
-// }
-//
-// &:hover &-handler-wrap,
-// &-focused &-handler-wrap {
-// opacity: 1;
-// }
-//
-// &-handler-up {
-// border-top-right-radius: @border-radius-base;
-// cursor: pointer;
-//
-// &-inner {
-// top: 50%;
-// margin-top: -5px;
-// text-align: center;
-// }
-//
-// &:hover {
-// height: 60% !important;
-// }
-// }
-//
-// &-handler-down {
-// top: 0;
-// border-top: @border-width-base @border-style-base @border-color-base;
-// border-bottom-right-radius: @border-radius-base;
-// cursor: pointer;
-//
-// &-inner {
-// top: 50%;
-// text-align: center;
-// transform: translateY(-50%);
-// }
-//
-// &:hover {
-// height: 60% !important;
-// }
-// .@{input-number-prefix-cls}-borderless & {
-// border-top-width: 0;
-// }
-// }
-//
-// &-handler-up-disabled,
-// &-handler-down-disabled {
-// cursor: not-allowed;
-// }
-//
-// &-handler-up-disabled:hover &-handler-up-inner,
-// &-handler-down-disabled:hover &-handler-down-inner {
-// color: @disabled-color;
-// }
-//
-// &-borderless {
-// box-shadow: none;
-// }
-//
-// // ===================== Out Of Range =====================
-// &-out-of-range {
-// input {
-// color: @error-color;
-// }
-// }
-//}
-//
-//@import './rtl';
diff --git a/components/input-number/style/index.tsx b/components/input-number/style/index.tsx
index 5d9b85fb7a..de0bf2559b 100644
--- a/components/input-number/style/index.tsx
+++ b/components/input-number/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { InputToken } from '../../input/style';
import {
genActiveStyle,
diff --git a/components/input-number/style/rtl.less b/components/input-number/style/rtl.less
deleted file mode 100644
index 55b2fafdc7..0000000000
--- a/components/input-number/style/rtl.less
+++ /dev/null
@@ -1,71 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-@import '../../input/style/mixin';
-
-@input-number-prefix-cls: ~'@{ant-prefix}-input-number';
-
-.@{input-number-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-
- &-handler {
- .@{input-number-prefix-cls}-rtl & {
- border-right: @border-width-base @border-style-base @input-number-handler-border-color;
- border-left: 0;
- }
-
- &-wrap {
- .@{input-number-prefix-cls}-rtl & {
- right: auto;
- left: 0;
- }
-
- .@{input-number-prefix-cls}-rtl.@{input-number-prefix-cls}-borderless & {
- border-right-width: 0;
- }
- }
-
- &-up {
- .@{input-number-prefix-cls}-rtl & {
- border-top-right-radius: 0;
- }
- }
-
- &-down {
- .@{input-number-prefix-cls}-rtl & {
- border-bottom-right-radius: 0;
- }
- }
- }
-
- &-input {
- .@{input-number-prefix-cls}-rtl & {
- direction: ltr;
- text-align: right;
- }
- }
-}
-
-// https://github.com/ant-design/ant-design/issues/35870
-.input-group(@input-number-prefix-cls) {
- > .@{input-number-prefix-cls}-rtl:first-child {
- border-radius: 0 @border-radius-base @border-radius-base 0;
- }
- > .@{input-number-prefix-cls}-rtl:last-child {
- border-radius: @border-radius-base 0 0 @border-radius-base;
- }
-
- &-addon {
- .@{input-number-prefix-cls}-group-rtl &:first-child {
- border-right: @border-width-base @border-style-base @input-border-color;
- border-left: 0;
- border-radius: 0 @border-radius-base @border-radius-base 0;
- }
- .@{input-number-prefix-cls}-group-rtl &:last-child {
- border-right: 0;
- border-left: @border-width-base @border-style-base @input-border-color;
- border-radius: @border-radius-base 0 0 @border-radius-base;
- }
- }
-}
diff --git a/components/input-number/style/status.less b/components/input-number/style/status.less
deleted file mode 100644
index f785da9ad6..0000000000
--- a/components/input-number/style/status.less
+++ /dev/null
@@ -1,29 +0,0 @@
-@import '../../input/style/mixin';
-
-@input-number-prefix-cls: ~'@{ant-prefix}-input-number';
-
-@input-number-wrapper-cls: @input-number-prefix-cls, ~'@{input-number-prefix-cls}-affix-wrapper';
-
-each(@input-number-wrapper-cls, {
- .@{value} {
- &-status-error {
- .status-color(@value, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);
- .status-color-common(@input-number-prefix-cls, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline)
- }
-
- &-status-warning {
- .status-color(@value, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
- .status-color-common(@input-number-prefix-cls, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline)
- }
- }
-});
-
-.@{input-number-prefix-cls}-group-wrapper {
- &-status-error {
- .group-status-color(@input-number-prefix-cls, @error-color, @error-color);
- }
-
- &-status-warning {
- .group-status-color(@input-number-prefix-cls, @warning-color, @warning-color);
- }
-}
diff --git a/components/input/style/IE11.less b/components/input/style/IE11.less
deleted file mode 100644
index 984413e6d2..0000000000
--- a/components/input/style/IE11.less
+++ /dev/null
@@ -1,20 +0,0 @@
-// Fix Input component height issue in IE11
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
- .@{ant-prefix}-input {
- height: @input-height-base;
-
- &-lg {
- height: @input-height-lg;
- }
-
- &-sm {
- height: @input-height-sm;
- }
-
- &-affix-wrapper {
- > input.@{ant-prefix}-input {
- height: auto;
- }
- }
- }
-}
diff --git a/components/input/style/affix.less b/components/input/style/affix.less
deleted file mode 100644
index 5f92404441..0000000000
--- a/components/input/style/affix.less
+++ /dev/null
@@ -1,74 +0,0 @@
-@import './mixin';
-@import (reference) '../../style/themes/index';
-@input-prefix-cls: ~'@{ant-prefix}-input';
-
-@input-affix-margin: 4px;
-
-.@{ant-prefix}-input {
- &-affix-wrapper {
- .input();
- display: inline-flex;
-
- &:not(&-disabled):hover {
- .hover();
- z-index: 1;
- .@{ant-prefix}-input-search-with-button & {
- z-index: 0;
- }
- }
-
- &-focused,
- &:focus {
- z-index: 1;
- }
-
- &-disabled {
- .@{ant-prefix}-input[disabled] {
- background: transparent;
- }
- }
-
- > input.@{ant-prefix}-input {
- padding: 0;
- border: none;
- outline: none;
-
- &:focus {
- box-shadow: none !important;
- }
- }
-
- &::before {
- width: 0;
- visibility: hidden;
- content: '\a0';
- }
- }
-
- &-prefix,
- &-suffix {
- display: flex;
- flex: none;
- align-items: center;
-
- > *:not(:last-child) {
- margin-right: 8px;
- }
- }
-
- &-show-count-suffix {
- color: @text-color-secondary;
- }
-
- &-show-count-has-suffix {
- margin-right: 2px;
- }
-
- &-prefix {
- margin-right: @input-affix-margin;
- }
-
- &-suffix {
- margin-left: @input-affix-margin;
- }
-}
diff --git a/components/input/style/allow-clear.less b/components/input/style/allow-clear.less
deleted file mode 100644
index 946541ef4f..0000000000
--- a/components/input/style/allow-clear.less
+++ /dev/null
@@ -1,44 +0,0 @@
-@import (reference) '../../style/themes/index';
-@input-prefix-cls: ~'@{ant-prefix}-input';
-
-// ========================= Input =========================
-.@{iconfont-css-prefix}.@{ant-prefix}-input-clear-icon,
-.@{ant-prefix}-input-clear-icon {
- margin: 0;
- color: @disabled-color;
- font-size: @font-size-sm;
- vertical-align: -1px;
- // https://github.com/ant-design/ant-design/pull/18151
- // https://codesandbox.io/s/wizardly-sun-u10br
- cursor: pointer;
- transition: color 0.3s;
-
- &:hover {
- color: @text-color-secondary;
- }
-
- &:active {
- color: @text-color;
- }
-
- &-hidden {
- visibility: hidden;
- }
-
- &-has-suffix {
- margin: 0 @input-affix-margin;
- }
-}
-
-// ======================= TextArea ========================
-.@{ant-prefix}-input-affix-wrapper-textarea-with-clear-btn {
- padding: 0 !important;
- border: 0 !important;
-
- .@{ant-prefix}-input-clear-icon {
- position: absolute;
- top: 8px;
- right: 8px;
- z-index: 1;
- }
-}
diff --git a/components/input/style/index.less b/components/input/style/index.less
deleted file mode 100644
index 7dc2f97147..0000000000
--- a/components/input/style/index.less
+++ /dev/null
@@ -1,68 +0,0 @@
-//@import '../../style/themes/index';
-//@import '../../style/mixins/index';
-//@import './mixin';
-//@import './affix';
-//@import './allow-clear';
-//
-//@input-prefix-cls: ~'@{ant-prefix}-input';
-//
-//// Input styles
-//.@{input-prefix-cls} {
-// .reset-component();
-// .input();
-//
-// //== Style for input-group: input with label, with button or dropdown...
-// &-group {
-// .reset-component();
-// .input-group(~'@{input-prefix-cls}');
-//
-// &-wrapper {
-// display: inline-block;
-// width: 100%;
-// text-align: start;
-// vertical-align: top; // https://github.com/ant-design/ant-design/issues/6403
-// }
-// }
-//
-// &-password-icon {
-// color: @text-color-secondary;
-// cursor: pointer;
-// transition: all 0.3s;
-//
-// &:hover {
-// color: @input-icon-hover-color;
-// }
-// }
-//
-// &[type='color'] {
-// height: @input-height-base;
-//
-// &.@{input-prefix-cls}-lg {
-// height: @input-height-lg;
-// }
-// &.@{input-prefix-cls}-sm {
-// height: @input-height-sm;
-// padding-top: 3px;
-// padding-bottom: 3px;
-// }
-// }
-//
-// &-textarea-show-count {
-// // https://github.com/ant-design/ant-design/issues/33049
-// > .@{input-prefix-cls} {
-// height: 100%;
-// }
-//
-// &::after {
-// float: right;
-// color: @text-color-secondary;
-// white-space: nowrap;
-// content: attr(data-count);
-// pointer-events: none;
-// }
-// }
-//}
-//
-//@import './search-input';
-//@import './rtl';
-//@import './IE11';
diff --git a/components/input/style/index.tsx b/components/input/style/index.tsx
index e7cee1361e..4753ecdf63 100644
--- a/components/input/style/index.tsx
+++ b/components/input/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { clearFix, genComponentStyleHook, mergeToken, resetComponent } from '../../theme';
diff --git a/components/input/style/mixin.less b/components/input/style/mixin.less
deleted file mode 100644
index fd5f994834..0000000000
--- a/components/input/style/mixin.less
+++ /dev/null
@@ -1,470 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@input-affix-with-clear-btn-width: 38px;
-
-// size mixins for input
-.input-lg() {
- padding: @input-padding-vertical-lg @input-padding-horizontal-lg;
- font-size: @font-size-lg;
-}
-
-.input-sm() {
- padding: @input-padding-vertical-sm @input-padding-horizontal-sm;
-}
-
-// input status
-// == when focus or active
-.active(@borderColor: @primary-color; @hoverBorderColor: @primary-color-hover; @outlineColor: @primary-color-outline) {
- & when (@theme = dark) {
- border-color: @borderColor;
- }
- & when (not (@theme = dark) and not (@theme = variable)) {
- border-color: @hoverBorderColor;
- }
- & when not (@theme = variable) {
- box-shadow: @input-outline-offset @outline-blur-size @outline-width
- fade(@borderColor, @outline-fade);
- }
- & when (@theme = variable) {
- border-color: @hoverBorderColor;
- box-shadow: @input-outline-offset @outline-blur-size @outline-width @outlineColor;
- }
- border-right-width: @border-width-base;
- outline: 0;
-}
-
-// == when hover
-.hover(@color: @input-hover-border-color) {
- border-color: @color;
- border-right-width: @border-width-base;
-}
-
-.disabled() {
- color: @input-disabled-color;
- background-color: @input-disabled-bg;
- border-color: @input-border-color;
- box-shadow: none;
- cursor: not-allowed;
- opacity: 1;
-
- &:hover {
- .hover(@input-border-color);
- }
-}
-
-// Basic style for input
-.input() {
- position: relative;
- display: inline-block;
- width: 100%;
- min-width: 0;
- padding: @input-padding-vertical-base @input-padding-horizontal-base;
- color: @input-color;
- font-size: @font-size-base;
- line-height: @line-height-base;
- background-color: @input-bg;
- background-image: none;
- border: @border-width-base @border-style-base @input-border-color;
- border-radius: @control-border-radius;
- transition: all 0.3s;
- .placeholder(); // Reset placeholder
-
- &:hover {
- .hover();
- }
-
- &:focus,
- &-focused {
- .active();
- }
-
- &-disabled {
- .disabled();
- }
-
- &[disabled] {
- .disabled();
- }
-
- &-borderless {
- &,
- &:hover,
- &:focus,
- &-focused,
- &-disabled,
- &[disabled] {
- background-color: transparent;
- border: none;
- box-shadow: none;
- }
- }
-
- // Reset height for `textarea`s
- textarea& {
- max-width: 100%; // prevent textearea resize from coming out of its container
- height: auto;
- min-height: @input-height-base;
- line-height: @line-height-base;
- vertical-align: bottom;
- transition: all 0.3s, height 0s;
- }
-
- // Size
- &-lg {
- .input-lg();
- }
-
- &-sm {
- .input-sm();
- }
-}
-
-// label input
-.input-group(@inputClass) {
- position: relative;
- display: table;
- width: 100%;
- border-collapse: separate;
- border-spacing: 0;
-
- // Undo padding and float of grid classes
- &[class*='col-'] {
- float: none;
- padding-right: 0;
- padding-left: 0;
- }
-
- > [class*='col-'] {
- padding-right: 8px;
-
- &:last-child {
- padding-right: 0;
- }
- }
-
- &-addon,
- &-wrap,
- > .@{inputClass} {
- display: table-cell;
-
- &:not(:first-child):not(:last-child) {
- border-radius: 0;
- }
- }
-
- &-addon,
- &-wrap {
- width: 1px; // To make addon/wrap as small as possible
- white-space: nowrap;
- vertical-align: middle;
- }
-
- &-wrap > * {
- display: block !important;
- }
-
- .@{inputClass} {
- float: left;
- width: 100%;
- margin-bottom: 0;
- text-align: inherit;
-
- &:focus {
- z-index: 1; // Fix https://gw.alipayobjects.com/zos/rmsportal/DHNpoqfMXSfrSnlZvhsJ.png
- border-right-width: 1px;
- }
-
- &:hover {
- z-index: 1;
- border-right-width: 1px;
- .@{ant-prefix}-input-search-with-button & {
- z-index: 0;
- }
- }
- }
-
- &-addon {
- position: relative;
- padding: 0 @input-padding-horizontal-base;
- color: @input-color;
- font-weight: normal;
- font-size: @font-size-base;
- text-align: center;
- background-color: @input-addon-bg;
- border: @border-width-base @border-style-base @input-border-color;
- border-radius: @control-border-radius;
- transition: all 0.3s;
-
- // Reset Select's style in addon
- .@{ant-prefix}-select {
- margin: -(@input-padding-vertical-base + 1px) (-@input-padding-horizontal-base);
-
- &.@{ant-prefix}-select-single:not(.@{ant-prefix}-select-customize-input)
- .@{ant-prefix}-select-selector {
- background-color: inherit;
- border: @border-width-base @border-style-base transparent;
- box-shadow: none;
- }
-
- &-open,
- &-focused {
- .@{ant-prefix}-select-selector {
- color: @primary-color;
- }
- }
- }
-
- // https://github.com/ant-design/ant-design/issues/31333
- .@{ant-prefix}-cascader-picker {
- margin: -9px (-@control-padding-horizontal);
- background-color: transparent;
- .@{ant-prefix}-cascader-input {
- text-align: left;
- border: 0;
- box-shadow: none;
- }
- }
- }
-
- // Reset rounded corners
- > .@{inputClass}:first-child,
- &-addon:first-child {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-
- // Reset Select's style in addon
- .@{ant-prefix}-select .@{ant-prefix}-select-selector {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- }
-
- > .@{inputClass}-affix-wrapper {
- &:not(:first-child) .@{inputClass} {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- &:not(:last-child) .@{inputClass} {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- }
-
- &-addon:first-child {
- border-right: 0;
- }
-
- &-addon:last-child {
- border-left: 0;
- }
-
- > .@{inputClass}:last-child,
- &-addon:last-child {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-
- // Reset Select's style in addon
- .@{ant-prefix}-select .@{ant-prefix}-select-selector {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- }
-
- // Sizing options
- &-lg .@{inputClass},
- &-lg > &-addon {
- .input-lg();
- }
-
- &-sm .@{inputClass},
- &-sm > &-addon {
- .input-sm();
- }
-
- // Fix https://github.com/ant-design/ant-design/issues/5754
- &-lg .@{ant-prefix}-select-single .@{ant-prefix}-select-selector {
- height: @input-height-lg;
- }
-
- &-sm .@{ant-prefix}-select-single .@{ant-prefix}-select-selector {
- height: @input-height-sm;
- }
-
- .@{inputClass}-affix-wrapper {
- &:not(:last-child) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- .@{ant-prefix}-input-search & {
- border-top-left-radius: @control-border-radius;
- border-bottom-left-radius: @control-border-radius;
- }
- }
-
- &:not(:first-child),
- .@{ant-prefix}-input-search &:not(:first-child) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- }
-
- &&-compact {
- display: block;
- .clearfix();
-
- &-addon,
- &-wrap,
- > .@{inputClass} {
- &:not(:first-child):not(:last-child) {
- border-right-width: @border-width-base;
-
- &:hover {
- z-index: 1;
- }
-
- &:focus {
- z-index: 1;
- }
- }
- }
-
- & > * {
- display: inline-block;
- float: none;
- vertical-align: top; // https://github.com/ant-design/ant-design-pro/issues/139
- border-radius: 0;
- }
-
- & > .@{inputClass}-affix-wrapper {
- display: inline-flex;
- }
-
- & > .@{ant-prefix}-picker-range {
- display: inline-flex;
- }
-
- & > *:not(:last-child) {
- margin-right: -@border-width-base;
- border-right-width: @border-width-base;
- }
-
- // Undo float for .ant-input-group .ant-input
- .@{inputClass} {
- float: none;
- }
-
- // reset border for Select, DatePicker, AutoComplete, Cascader, Mention, TimePicker, Input
- & > .@{ant-prefix}-select > .@{ant-prefix}-select-selector,
- & > .@{ant-prefix}-select-auto-complete .@{ant-prefix}-input,
- & > .@{ant-prefix}-cascader-picker .@{ant-prefix}-input,
- & > .@{ant-prefix}-input-group-wrapper .@{ant-prefix}-input {
- border-right-width: @border-width-base;
- border-radius: 0;
-
- &:hover {
- z-index: 1;
- }
-
- &:focus {
- z-index: 1;
- }
- }
-
- & > .@{ant-prefix}-select-focused {
- z-index: 1;
- }
-
- // update z-index for arrow icon
- & > .@{ant-prefix}-select > .@{ant-prefix}-select-arrow {
- z-index: 1; // https://github.com/ant-design/ant-design/issues/20371
- }
-
- & > *:first-child,
- & > .@{ant-prefix}-select:first-child > .@{ant-prefix}-select-selector,
- & > .@{ant-prefix}-select-auto-complete:first-child .@{ant-prefix}-input,
- & > .@{ant-prefix}-cascader-picker:first-child .@{ant-prefix}-input {
- border-top-left-radius: @control-border-radius;
- border-bottom-left-radius: @control-border-radius;
- }
-
- & > *:last-child,
- & > .@{ant-prefix}-select:last-child > .@{ant-prefix}-select-selector,
- & > .@{ant-prefix}-cascader-picker:last-child .@{ant-prefix}-input,
- & > .@{ant-prefix}-cascader-picker-focused:last-child .@{ant-prefix}-input {
- border-right-width: @border-width-base;
- border-top-right-radius: @control-border-radius;
- border-bottom-right-radius: @control-border-radius;
- }
-
- // https://github.com/ant-design/ant-design/issues/12493
- & > .@{ant-prefix}-select-auto-complete .@{ant-prefix}-input {
- vertical-align: top;
- }
-
- .@{ant-prefix}-input-group-wrapper + .@{ant-prefix}-input-group-wrapper {
- margin-left: -1px;
- .@{ant-prefix}-input-affix-wrapper {
- border-radius: 0;
- }
- }
-
- .@{ant-prefix}-input-group-wrapper:not(:last-child) {
- &.@{ant-prefix}-input-search > .@{ant-prefix}-input-group {
- & > .@{ant-prefix}-input-group-addon > .@{ant-prefix}-input-search-button {
- border-radius: 0;
- }
-
- & > .@{ant-prefix}-input {
- border-radius: @control-border-radius 0 0 @control-border-radius;
- }
- }
- }
- }
-}
-
-.status-color(
- @prefix-cls: @input-prefix-cls;
- @text-color: @input-color;
- @border-color: @input-border-color;
- @background-color: @input-bg;
- @hoverBorderColor: @primary-color-hover;
- @outlineColor: @primary-color-outline;
-) {
- &:not(.@{prefix-cls}-disabled):not(.@{prefix-cls}-borderless).@{prefix-cls} {
- &,
- &:hover {
- background: @background-color;
- border-color: @border-color;
- }
-
- &:focus,
- &-focused {
- .active(@text-color, @hoverBorderColor, @outlineColor);
- }
- }
-}
-
-.status-color-common(
- @prefix-cls: @input-prefix-cls;
- @text-color: @input-color;
- @border-color: @input-border-color;
- @background-color: @input-bg;
- @hoverBorderColor: @primary-color-hover;
- @outlineColor: @primary-color-outline;
-) {
- .@{prefix-cls}-prefix {
- color: @text-color;
- }
-}
-
-.group-status-color(
- @prefix-cls: @input-prefix-cls;
- @text-color: @input-color;
- @border-color: @input-border-color;
-) {
- .@{prefix-cls}-group-addon {
- color: @text-color;
- border-color: @border-color;
- }
-}
diff --git a/components/input/style/rtl.less b/components/input/style/rtl.less
deleted file mode 100644
index a8d20ada0b..0000000000
--- a/components/input/style/rtl.less
+++ /dev/null
@@ -1,207 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-//== Style for input-group: input with label, with button or dropdown...
-.@{ant-prefix}-input-group {
- &-wrapper {
- &-rtl {
- direction: rtl;
- }
- }
-
- &-rtl {
- direction: rtl;
- }
-}
-
-// affix
-@input-affix-margin: 4px;
-
-.@{ant-prefix}-input {
- &-affix-wrapper&-affix-wrapper-rtl {
- > input.@{ant-prefix}-input {
- border: none;
- outline: none;
- }
- }
-
- &-affix-wrapper-rtl {
- .@{ant-prefix}-input-prefix {
- margin: 0 0 0 @input-affix-margin;
- }
-
- .@{ant-prefix}-input-suffix {
- margin: 0 @input-affix-margin 0 0;
- }
- }
-
- &-textarea {
- &-rtl {
- direction: rtl;
- }
-
- &-rtl&-show-count::after {
- text-align: left;
- }
- }
-}
-
-// allow-clear
-.@{ant-prefix}-input-clear-icon {
- &-has-suffix {
- .@{ant-prefix}-input-affix-wrapper-rtl & {
- margin-right: 0;
- margin-left: @input-affix-margin;
- }
- }
-
- .@{ant-prefix}-input-affix-wrapper-rtl & {
- right: auto;
- left: 8px;
- }
-}
-
-// mixin
-@input-rtl-cls: ~'@{ant-prefix}-input-rtl';
-
-.active() {
- .@{input-rtl-cls} & {
- border-right-width: 0;
- border-left-width: @border-width-base !important;
- }
-}
-
-.hover() {
- .@{input-rtl-cls} & {
- border-right-width: 0;
- border-left-width: @border-width-base !important;
- }
-}
-
-.input() {
- &-rtl {
- direction: rtl;
- }
-}
-
-// label input
-.input-group(@inputClass) {
- > .@{inputClass}-rtl:first-child,
- &-rtl &-addon:first-child {
- border-radius: 0 @border-radius-base @border-radius-base 0;
- }
-
- &-addon:first-child {
- .@{inputClass}-group-rtl & {
- border-right: @border-width-base @border-style-base @input-border-color;
- border-left: 0;
- }
- }
-
- &-addon:last-child {
- .@{inputClass}-group-rtl & {
- border-right: 0;
- border-left: @border-width-base @border-style-base @input-border-color;
- border-radius: @border-radius-base 0 0 @border-radius-base;
- }
- }
-
- > .@{inputClass}:last-child,
- &-addon:last-child {
- .@{inputClass}-group-rtl& {
- border-radius: @border-radius-base 0 0 @border-radius-base;
- }
- }
-
- .@{inputClass}-affix-wrapper {
- &:not(:first-child) {
- .@{inputClass}-group-rtl& {
- border-radius: @border-radius-base 0 0 @border-radius-base;
- }
- }
-
- &:not(:last-child) {
- .@{inputClass}-group-rtl& {
- border-radius: 0 @border-radius-base @border-radius-base 0;
- }
- }
- }
-
- &&-compact {
- & > *:not(:last-child) {
- .@{inputClass}-group-rtl& {
- margin-right: 0;
- margin-left: -@border-width-base;
- border-left-width: @border-width-base;
- }
- }
-
- & > *:first-child,
- & > .@{ant-prefix}-select:first-child > .@{ant-prefix}-select-selector,
- & > .@{ant-prefix}-select-auto-complete:first-child .@{ant-prefix}-input,
- & > .@{ant-prefix}-cascader-picker:first-child .@{ant-prefix}-input {
- .@{inputClass}-group-rtl& {
- border-radius: 0 @border-radius-base @border-radius-base 0;
- }
- }
-
- & > *:last-child,
- & > .@{ant-prefix}-select:last-child > .@{ant-prefix}-select-selector,
- & > .@{ant-prefix}-select-auto-complete:last-child .@{ant-prefix}-input,
- & > .@{ant-prefix}-cascader-picker:last-child .@{ant-prefix}-input,
- & > .@{ant-prefix}-cascader-picker-focused:last-child .@{ant-prefix}-input {
- .@{inputClass}-group-rtl& {
- border-left-width: @border-width-base;
- border-radius: @border-radius-base 0 0 @border-radius-base;
- }
- }
-
- .@{ant-prefix}-input-group-wrapper-rtl + .@{ant-prefix}-input-group-wrapper-rtl {
- margin-right: -1px;
- margin-left: 0;
- }
-
- .@{ant-prefix}-input-group-wrapper-rtl:not(:last-child) {
- &.@{ant-prefix}-input-search > .@{ant-prefix}-input-group {
- & > .@{ant-prefix}-input {
- border-radius: 0 @border-radius-base @border-radius-base 0;
- }
- }
- }
- }
-}
-
-// search-input
-@search-prefix: ~'@{ant-prefix}-input-search';
-@search-rtl-cls: ~'@{search-prefix}-rtl';
-
-.@{search-prefix}-rtl {
- direction: rtl;
-
- .@{ant-prefix}-input {
- &:hover,
- &:focus {
- + .@{ant-prefix}-input-group-addon .@{search-prefix}-button:not(.@{ant-prefix}-btn-primary) {
- border-right-color: @input-hover-border-color;
- border-left-color: @border-color-base;
- }
- }
- }
-
- > .@{ant-prefix}-input-group {
- > .@{ant-prefix}-input-affix-wrapper {
- &:hover,
- &-focused {
- border-right-color: @input-hover-border-color;
- }
- }
-
- > .@{ant-prefix}-input-group-addon {
- right: -1px;
- left: auto;
- .@{search-prefix}-button {
- border-radius: @border-radius-base 0 0 @border-radius-base;
- }
- }
- }
-}
diff --git a/components/input/style/search-input.less b/components/input/style/search-input.less
deleted file mode 100644
index f981e58e68..0000000000
--- a/components/input/style/search-input.less
+++ /dev/null
@@ -1,71 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-@import '../../button/_style/mixin';
-@import './mixin';
-
-@search-prefix: ~'@{ant-prefix}-input-search';
-
-.@{search-prefix} {
- .@{ant-prefix}-input {
- &:hover,
- &:focus {
- border-color: @input-hover-border-color;
-
- + .@{ant-prefix}-input-group-addon .@{search-prefix}-button:not(.@{ant-prefix}-btn-primary) {
- border-left-color: @input-hover-border-color;
- }
- }
- }
-
- .@{ant-prefix}-input-affix-wrapper {
- border-radius: 0;
- }
-
- // fix slight height diff in Firefox:
- // https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-certain-category
- .@{ant-prefix}-input-lg {
- line-height: @line-height-base - 0.0002;
- }
-
- > .@{ant-prefix}-input-group {
- > .@{ant-prefix}-input-group-addon:last-child {
- left: -1px;
- padding: 0;
- border: 0;
-
- .@{search-prefix}-button {
- padding-top: 0;
- padding-bottom: 0;
- border-radius: 0 @border-radius-base @border-radius-base 0;
- }
-
- .@{search-prefix}-button:not(.@{ant-prefix}-btn-primary) {
- color: @text-color-secondary;
-
- &.@{ant-prefix}-btn-loading::before {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- }
- }
- }
- }
-
- &-button {
- height: @input-height-base;
-
- &:hover,
- &:focus {
- z-index: 1;
- }
- }
-
- &-large &-button {
- height: @input-height-lg;
- }
-
- &-small &-button {
- height: @input-height-sm;
- }
-}
diff --git a/components/input/style/status.less b/components/input/style/status.less
deleted file mode 100644
index e6562e6024..0000000000
--- a/components/input/style/status.less
+++ /dev/null
@@ -1,42 +0,0 @@
-@import './mixin';
-
-@input-prefix-cls: ~'@{ant-prefix}-input';
-
-@input-wrapper-cls: @input-prefix-cls, ~'@{input-prefix-cls}-affix-wrapper';
-
-each(@input-wrapper-cls, {
- .@{value} {
- &-status-error {
- .status-color(@value, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);
- .status-color-common(@input-prefix-cls, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);
- }
-
- &-status-warning {
- .status-color(@value, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
- .status-color-common(@input-prefix-cls, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
- }
- }
-});
-
-.@{input-prefix-cls}-textarea {
- &-status-error,
- &-status-warning,
- &-status-success,
- &-status-validating {
- &.@{input-prefix-cls}-textarea-has-feedback {
- .@{input-prefix-cls} {
- padding-right: 24px;
- }
- }
- }
-}
-
-.@{input-prefix-cls}-group-wrapper {
- &-status-error {
- .group-status-color(@input-prefix-cls, @error-color, @error-color);
- }
-
- &-status-warning {
- .group-status-color(@input-prefix-cls, @warning-color, @warning-color);
- }
-}
diff --git a/components/layout/style/index.less b/components/layout/style/index.less
deleted file mode 100644
index 88c02fec64..0000000000
--- a/components/layout/style/index.less
+++ /dev/null
@@ -1,146 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// .ant-layout
-// @layout-prefix-cls: ~'@{ant-prefix}-layout';
-// @layout-menu-prefix-cls: ~'@{ant-prefix}-menu';
-
-// .@{layout-prefix-cls} {
-// display: flex;
-// flex: auto;
-// flex-direction: column;
-
-// /* fix firefox can't set height smaller than content on flex item */
-// min-height: 0;
-// background: @layout-body-background;
-
-// &,
-// * {
-// box-sizing: border-box;
-// }
-
-// &&-has-sider {
-// flex-direction: row;
-
-// > .@{layout-prefix-cls},
-// > .@{layout-prefix-cls}-content {
-// width: 0; // https://segmentfault.com/a/1190000019498300
-// }
-// }
-
-// &-header,
-// &-footer {
-// flex: 0 0 auto;
-// }
-
-// &-header {
-// height: @layout-header-height;
-// padding: @layout-header-padding;
-// color: @layout-header-color;
-// line-height: @layout-header-height;
-// background: @layout-header-background;
-// }
-
-// &-footer {
-// padding: @layout-footer-padding;
-// color: @text-color;
-// font-size: @font-size-base;
-// background: @layout-footer-background;
-// }
-
-// &-content {
-// flex: auto;
-
-// /* fix firefox can't set height smaller than content on flex item */
-// min-height: 0;
-// }
-
-// &-sider {
-// position: relative;
-
-// /* fix firefox can't set width smaller than content on flex item */
-// min-width: 0;
-// background: @layout-sider-background;
-// transition: all 0.2s;
-
-// &-children {
-// height: 100%;
-// margin-top: -0.1px;
-// // Hack for fixing margin collaspe bug
-// // https://github.com/ant-design/ant-design/issues/7967
-// // solution from https://stackoverflow.com/a/33132624/3040605
-// padding-top: 0.1px;
-
-// .@{layout-menu-prefix-cls}.@{layout-menu-prefix-cls}-inline-collapsed {
-// width: auto;
-// }
-// }
-
-// &-has-trigger {
-// padding-bottom: @layout-trigger-height;
-// }
-
-// &-right {
-// order: 1;
-// }
-
-// &-trigger {
-// position: fixed;
-// bottom: 0;
-// z-index: 1;
-// height: @layout-trigger-height;
-// color: @layout-trigger-color;
-// line-height: @layout-trigger-height;
-// text-align: center;
-// background: @layout-trigger-background;
-// cursor: pointer;
-// transition: all 0.2s;
-// }
-
-// &-zero-width {
-// > * {
-// overflow: hidden;
-// }
-
-// &-trigger {
-// position: absolute;
-// top: @layout-header-height;
-// right: -@layout-zero-trigger-width;
-// z-index: 1;
-// width: @layout-zero-trigger-width;
-// height: @layout-zero-trigger-height;
-// color: @layout-trigger-color;
-// font-size: (@layout-zero-trigger-width / 2);
-// line-height: @layout-zero-trigger-height;
-// text-align: center;
-// background: @layout-sider-background;
-// border-radius: 0 @border-radius-base @border-radius-base 0;
-// cursor: pointer;
-// transition: background 0.3s ease;
-
-// &::after {
-// position: absolute;
-// top: 0;
-// right: 0;
-// bottom: 0;
-// left: 0;
-// background: transparent;
-// transition: all 0.3s;
-// content: '';
-// }
-
-// &:hover::after {
-// background: rgba(255, 255, 255, 0.1);
-// }
-
-// &-right {
-// left: -@layout-zero-trigger-width;
-// border-radius: @border-radius-base 0 0 @border-radius-base;
-// }
-// }
-// }
-// }
-// }
-
-// @import './light';
-// @import './rtl';
diff --git a/components/layout/style/index.tsx b/components/layout/style/index.tsx
index 115a288ca6..768249ce33 100644
--- a/components/layout/style/index.tsx
+++ b/components/layout/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken } from '../../theme';
diff --git a/components/layout/style/light.less b/components/layout/style/light.less
deleted file mode 100644
index 35d636df1c..0000000000
--- a/components/layout/style/light.less
+++ /dev/null
@@ -1,11 +0,0 @@
-.@{layout-prefix-cls}-sider-light {
- background: @layout-sider-background-light;
- .@{layout-prefix-cls}-sider-trigger {
- color: @layout-trigger-color-light;
- background: @layout-trigger-background-light;
- }
- .@{layout-prefix-cls}-sider-zero-width-trigger {
- color: @layout-trigger-color-light;
- background: @layout-trigger-background-light;
- }
-}
diff --git a/components/layout/style/rtl.less b/components/layout/style/rtl.less
deleted file mode 100644
index da7aca0dd5..0000000000
--- a/components/layout/style/rtl.less
+++ /dev/null
@@ -1,10 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@layout-prefix-cls: ~'@{ant-prefix}-layout';
-
-.@{layout-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-}
diff --git a/components/list/style/bordered.less b/components/list/style/bordered.less
deleted file mode 100644
index 6a50dcc1b4..0000000000
--- a/components/list/style/bordered.less
+++ /dev/null
@@ -1,44 +0,0 @@
-//@import '../../style/themes/index';
-//
-//.@{list-prefix-cls}-bordered {
-// border: 1px solid @border-color-base;
-// border-radius: @border-radius-base;
-// .@{list-prefix-cls}-header {
-// padding-right: @padding-lg;
-// padding-left: @padding-lg;
-// }
-//
-// .@{list-prefix-cls}-footer {
-// padding-right: @padding-lg;
-// padding-left: @padding-lg;
-// }
-//
-// .@{list-prefix-cls}-item {
-// padding-right: @padding-lg;
-// padding-left: @padding-lg;
-// }
-//
-// .@{list-prefix-cls}-pagination {
-// margin: @margin-md @margin-lg;
-// }
-//
-// &.@{list-prefix-cls}-sm {
-// .@{list-prefix-cls}-item {
-// padding: @list-item-padding-sm;
-// }
-// .@{list-prefix-cls}-header,
-// .@{list-prefix-cls}-footer {
-// padding: @list-item-padding-sm;
-// }
-// }
-//
-// &.@{list-prefix-cls}-lg {
-// .@{list-prefix-cls}-item {
-// padding: @list-item-padding-lg;
-// }
-// .@{list-prefix-cls}-header,
-// .@{list-prefix-cls}-footer {
-// padding: @list-item-padding-lg;
-// }
-// }
-//}
diff --git a/components/list/style/customize.less b/components/list/style/customize.less
deleted file mode 100644
index 54a148e141..0000000000
--- a/components/list/style/customize.less
+++ /dev/null
@@ -1,13 +0,0 @@
-//@import '../../style/themes/index';
-//
-//@list-prefix-cls: ~'@{ant-prefix}-list';
-//@card-prefix-cls: ~'@{ant-prefix}-card';
-//
-//.@{list-prefix-cls} {
-// // =================== Dard Hook Components ===================
-// .@{card-prefix-cls} {
-// & when (@theme = dark) {
-// background: @list-customize-card-bg;
-// }
-// }
-//}
diff --git a/components/list/style/index.less b/components/list/style/index.less
deleted file mode 100644
index e5c2a9b9fc..0000000000
--- a/components/list/style/index.less
+++ /dev/null
@@ -1,249 +0,0 @@
-//@import '../../style/themes/index';
-//@import '../../style/mixins/index';
-//@import './customize.less';
-//
-//@list-prefix-cls: ~'@{ant-prefix}-list';
-//
-//.@{list-prefix-cls} {
-// .reset-component();
-//
-// position: relative;
-//
-// * {
-// outline: none;
-// }
-//
-// &-pagination {
-// margin-top: @margin-lg;
-// text-align: right;
-//
-// // https://github.com/ant-design/ant-design/issues/20037
-// .@{ant-prefix}-pagination-options {
-// text-align: left;
-// }
-// }
-//
-// &-more {
-// margin-top: @margin-sm;
-// text-align: center;
-//
-// button {
-// padding-right: 32px;
-// padding-left: 32px;
-// }
-// }
-//
-// &-spin {
-// min-height: 40px;
-// text-align: center;
-// }
-//
-// &-empty-text {
-// padding: @list-empty-text-padding;
-// color: @disabled-color;
-// font-size: @font-size-base;
-// text-align: center;
-// }
-//
-// &-items {
-// margin: 0;
-// padding: 0;
-// list-style: none;
-// }
-//
-// &-item {
-// display: flex;
-// align-items: center;
-// justify-content: space-between;
-// padding: @list-item-padding;
-// color: @text-color;
-//
-// &-meta {
-// display: flex;
-// flex: 1;
-// align-items: flex-start;
-// max-width: 100%;
-//
-// &-avatar {
-// margin-right: @list-item-meta-avatar-margin-right;
-// }
-//
-// &-content {
-// flex: 1 0;
-// width: 0;
-// color: @text-color;
-// }
-//
-// &-title {
-// margin-bottom: 4px;
-// color: @text-color;
-// font-size: @font-size-base;
-// line-height: @line-height-base;
-//
-// > a {
-// color: @text-color;
-// transition: all 0.3s;
-//
-// &:hover {
-// color: @primary-color;
-// }
-// }
-// }
-//
-// &-description {
-// color: @text-color-secondary;
-// font-size: @list-item-meta-description-font-size;
-// line-height: @line-height-base;
-// }
-// }
-//
-// &-action {
-// flex: 0 0 auto;
-// margin-left: 48px;
-// padding: 0;
-// font-size: 0;
-// list-style: none;
-//
-// & > li {
-// position: relative;
-// display: inline-block;
-// padding: 0 @padding-xs;
-// color: @text-color-secondary;
-// font-size: @font-size-base;
-// line-height: @line-height-base;
-// text-align: center;
-//
-// &:first-child {
-// padding-left: 0;
-// }
-// }
-//
-// &-split {
-// position: absolute;
-// top: 50%;
-// right: 0;
-// width: 1px;
-// height: 14px;
-// margin-top: -7px;
-// background-color: @border-color-split;
-// }
-// }
-// }
-//
-// &-header {
-// background: @list-header-background;
-// }
-//
-// &-footer {
-// background: @list-footer-background;
-// }
-//
-// &-header,
-// &-footer {
-// padding-top: @padding-sm;
-// padding-bottom: @padding-sm;
-// }
-//
-// &-empty {
-// padding: @padding-md 0;
-// color: @text-color-secondary;
-// font-size: 12px;
-// text-align: center;
-// }
-//
-// &-split &-item {
-// border-bottom: 1px solid @border-color-split;
-//
-// &:last-child {
-// border-bottom: none;
-// }
-// }
-//
-// &-split &-header {
-// border-bottom: 1px solid @border-color-split;
-// }
-//
-// &-split&-empty &-footer {
-// border-top: 1px solid @border-color-split;
-// }
-//
-// &-loading &-spin-nested-loading {
-// min-height: 32px;
-// }
-//
-// &-split&-something-after-last-item .@{ant-prefix}-spin-container > &-items > &-item:last-child {
-// border-bottom: 1px solid @border-color-split;
-// }
-//
-// &-lg &-item {
-// padding: @list-item-padding-lg;
-// }
-//
-// &-sm &-item {
-// padding: @list-item-padding-sm;
-// }
-//
-// &-vertical &-item {
-// align-items: initial;
-//
-// &-main {
-// display: block;
-// flex: 1;
-// }
-//
-// &-extra {
-// margin-left: 40px;
-// }
-//
-// &-meta {
-// margin-bottom: @list-item-meta-margin-bottom;
-//
-// &-title {
-// margin-bottom: @list-item-meta-title-margin-bottom;
-// color: @heading-color;
-// font-size: @font-size-lg;
-// line-height: 24px;
-// }
-// }
-//
-// &-action {
-// margin-top: @padding-md;
-// margin-left: auto;
-//
-// > li {
-// padding: 0 @padding-md;
-//
-// &:first-child {
-// padding-left: 0;
-// }
-// }
-// }
-// }
-//
-// &-grid .@{ant-prefix}-col > &-item {
-// display: block;
-// max-width: 100%;
-// margin-bottom: @margin-md;
-// padding-top: 0;
-// 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';
-//@import './responsive';
-//@import './rtl';
diff --git a/components/list/style/index.tsx b/components/list/style/index.tsx
index e77f040841..3a4f6e1dbe 100644
--- a/components/list/style/index.tsx
+++ b/components/list/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken, resetComponent } from '../../theme';
diff --git a/components/list/style/responsive.less b/components/list/style/responsive.less
deleted file mode 100644
index d50bdcb76c..0000000000
--- a/components/list/style/responsive.less
+++ /dev/null
@@ -1,43 +0,0 @@
-//@media screen and (max-width: @screen-md) {
-// .@{list-prefix-cls} {
-// &-item {
-// &-action {
-// margin-left: 24px;
-// }
-// }
-// }
-//
-// .@{list-prefix-cls}-vertical {
-// .@{list-prefix-cls}-item {
-// &-extra {
-// margin-left: 24px;
-// }
-// }
-// }
-//}
-//
-//@media screen and (max-width: @screen-sm) {
-// .@{list-prefix-cls} {
-// &-item {
-// flex-wrap: wrap;
-//
-// &-action {
-// margin-left: 12px;
-// }
-// }
-// }
-//
-// .@{list-prefix-cls}-vertical {
-// .@{list-prefix-cls}-item {
-// flex-wrap: wrap-reverse;
-//
-// &-main {
-// min-width: 220px;
-// }
-//
-// &-extra {
-// margin: auto auto 16px;
-// }
-// }
-// }
-//}
diff --git a/components/list/style/rtl.less b/components/list/style/rtl.less
deleted file mode 100644
index f1192e8a9b..0000000000
--- a/components/list/style/rtl.less
+++ /dev/null
@@ -1,139 +0,0 @@
-//@import '../../style/themes/index';
-//@import '../../style/mixins/index';
-//@import './customize.less';
-//
-//@list-prefix-cls: ~'@{ant-prefix}-list';
-//
-//.@{list-prefix-cls} {
-// &-rtl {
-// direction: rtl;
-// text-align: right;
-//
-// // fix for virtual scroll style attribute > (direction:ltr)
-// .ReactVirtualized__List .@{list-prefix-cls}-item {
-// direction: rtl;
-// }
-// }
-//
-// &-pagination {
-// .@{list-prefix-cls}-rtl & {
-// text-align: left;
-// }
-// }
-//
-// &-item {
-// &-meta {
-// &-avatar {
-// .@{list-prefix-cls}-rtl & {
-// margin-right: 0;
-// margin-left: @list-item-meta-avatar-margin-right;
-// }
-// }
-// }
-//
-// &-action {
-// .@{list-prefix-cls}-rtl & {
-// margin-right: 48px;
-// margin-left: 0;
-// }
-//
-// & > li:first-child {
-// .@{list-prefix-cls}.@{list-prefix-cls}-rtl & {
-// padding-right: 0;
-// padding-left: @padding-md;
-// }
-// }
-//
-// &-split {
-// .@{list-prefix-cls}-rtl & {
-// right: auto;
-// left: 0;
-// }
-// }
-// }
-// }
-//
-// &-vertical &-item {
-// &-extra {
-// .@{list-prefix-cls}-rtl& {
-// margin-right: 40px;
-// margin-left: 0;
-// }
-// }
-//
-// &-action {
-// .@{list-prefix-cls}-rtl& {
-// margin-right: auto;
-// }
-//
-// > li {
-// &:first-child {
-// .@{list-prefix-cls}-rtl & {
-// padding-right: 0;
-// padding-left: @padding-md;
-// }
-// }
-// }
-// }
-// }
-//
-// // Horizontal
-// &:not(.@{list-prefix-cls}-vertical) {
-// .@{list-prefix-cls}-item-no-flex {
-// .@{list-prefix-cls}-item-action {
-// .@{list-prefix-cls}-rtl & {
-// float: left;
-// }
-// }
-// }
-// }
-//}
-//
-//// responsive
-//@media screen and (max-width: @screen-md) {
-// .@{list-prefix-cls} {
-// &-item {
-// &-action {
-// .@{list-prefix-cls}-rtl & {
-// margin-right: 24px;
-// margin-left: 0;
-// }
-// }
-// }
-// }
-//
-// .@{list-prefix-cls}-vertical {
-// .@{list-prefix-cls}-item {
-// &-extra {
-// .@{list-prefix-cls}-rtl & {
-// margin-right: 24px;
-// margin-left: 0;
-// }
-// }
-// }
-// }
-//}
-//
-//@media screen and (max-width: @screen-sm) {
-// .@{list-prefix-cls} {
-// &-item {
-// &-action {
-// .@{list-prefix-cls}-rtl & {
-// margin-right: 22px;
-// margin-left: 0;
-// }
-// }
-// }
-// }
-//
-// .@{list-prefix-cls}-vertical {
-// .@{list-prefix-cls}-item {
-// &-extra {
-// // to override margins on rtl view
-// .@{list-prefix-cls}-rtl& {
-// margin: auto auto 16px;
-// }
-// }
-// }
-// }
-//}
diff --git a/components/locale-provider/style/index.less b/components/locale-provider/style/index.less
deleted file mode 100644
index eaf3a7d1ee..0000000000
--- a/components/locale-provider/style/index.less
+++ /dev/null
@@ -1,2 +0,0 @@
-// placeholder
-@import '../../style/themes/index';
diff --git a/components/locale-provider/style/index.tsx b/components/locale-provider/style/index.tsx
deleted file mode 100644
index d74e52ee9f..0000000000
--- a/components/locale-provider/style/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-import './index.less';
diff --git a/components/mentions/style/index.less b/components/mentions/style/index.less
deleted file mode 100644
index 042f42a49c..0000000000
--- a/components/mentions/style/index.less
+++ /dev/null
@@ -1,168 +0,0 @@
-//@import '../../style/themes/index';
-//@import '../../style/mixins/index';
-//@import '../../input/style/mixin';
-//@import './status';
-//
-//@mention-prefix-cls: ~'@{ant-prefix}-mentions';
-//
-//.@{mention-prefix-cls} {
-// .reset-component();
-// .input();
-//
-// position: relative;
-// display: inline-block;
-// height: auto;
-// padding: 0;
-// overflow: hidden;
-// line-height: @line-height-base;
-// white-space: pre-wrap;
-// vertical-align: bottom;
-//
-// // =================== Status ===================
-// &-disabled {
-// > textarea {
-// .disabled();
-// }
-// }
-//
-// &-focused {
-// .active();
-// }
-//
-// // ================= Input Area =================
-// > textarea,
-// &-measure {
-// min-height: @input-height-base - 2px;
-// margin: 0;
-// padding: @input-padding-vertical-base @input-padding-horizontal-base;
-// overflow: inherit;
-// overflow-x: hidden;
-// overflow-y: auto;
-// /* stylelint-disable declaration-block-no-redundant-longhand-properties */
-// font-weight: inherit;
-// font-size: inherit;
-// font-family: inherit;
-// font-style: inherit;
-// font-variant: inherit;
-// font-size-adjust: inherit;
-// font-stretch: inherit;
-// line-height: inherit;
-// /* stylelint-enable declaration-block-no-redundant-longhand-properties */
-// direction: inherit;
-// letter-spacing: inherit;
-// white-space: inherit;
-// text-align: inherit;
-// vertical-align: top;
-// word-wrap: break-word;
-// word-break: inherit;
-// tab-size: inherit;
-// }
-//
-// > textarea {
-// width: 100%;
-// border: none;
-// outline: none;
-// resize: none;
-// & when (@theme = dark) {
-// background-color: transparent;
-// }
-// .placeholder();
-// }
-//
-// &-measure {
-// position: absolute;
-// top: 0;
-// right: 0;
-// bottom: 0;
-// left: 0;
-// z-index: -1;
-// color: transparent;
-// pointer-events: none;
-//
-// > span {
-// display: inline-block;
-// min-height: 1em;
-// }
-// }
-//
-// // ================== Dropdown ==================
-// &-dropdown {
-// // Ref select dropdown style
-// .reset-component();
-//
-// position: absolute;
-// top: -9999px;
-// left: -9999px;
-// z-index: @zindex-dropdown;
-// box-sizing: border-box;
-// font-size: @font-size-base;
-// font-variant: initial;
-// background-color: @mentions-dropdown-bg;
-// border-radius: @border-radius-base;
-// outline: none;
-// box-shadow: @box-shadow-base;
-//
-// &-hidden {
-// display: none;
-// }
-//
-// &-menu {
-// max-height: 250px;
-// margin-bottom: 0;
-// padding-left: 0; // Override default ul/ol
-// overflow: auto;
-// list-style: none;
-// outline: none;
-//
-// &-item {
-// position: relative;
-// display: block;
-// min-width: 100px;
-// padding: 5px @control-padding-horizontal;
-// overflow: hidden;
-// color: @text-color;
-// font-weight: normal;
-// line-height: @line-height-base;
-// white-space: nowrap;
-// text-overflow: ellipsis;
-// cursor: pointer;
-// transition: background 0.3s ease;
-//
-// &:hover {
-// background-color: @item-hover-bg;
-// }
-//
-// &:first-child {
-// border-radius: @border-radius-base @border-radius-base 0 0;
-// }
-//
-// &:last-child {
-// border-radius: 0 0 @border-radius-base @border-radius-base;
-// }
-//
-// &-disabled {
-// color: @disabled-color;
-// cursor: not-allowed;
-//
-// &:hover {
-// color: @disabled-color;
-// background-color: @mentions-dropdown-menu-item-hover-bg;
-// cursor: not-allowed;
-// }
-// }
-//
-// &-selected {
-// color: @text-color;
-// font-weight: @select-item-selected-font-weight;
-// background-color: @background-color-light;
-// }
-//
-// &-active {
-// background-color: @item-hover-bg;
-// }
-// }
-// }
-// }
-//}
-//
-//@import './rtl';
diff --git a/components/mentions/style/index.tsx b/components/mentions/style/index.tsx
index 91c8e91c8a..656b7ec177 100644
--- a/components/mentions/style/index.tsx
+++ b/components/mentions/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { InputToken } from '../../input/style';
import {
genActiveStyle,
diff --git a/components/mentions/style/rtl.less b/components/mentions/style/rtl.less
deleted file mode 100644
index 7cd95832dc..0000000000
--- a/components/mentions/style/rtl.less
+++ /dev/null
@@ -1,10 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@mention-prefix-cls: ~'@{ant-prefix}-mentions';
-
-.@{mention-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-}
diff --git a/components/mentions/style/status.less b/components/mentions/style/status.less
deleted file mode 100644
index 92d61e3378..0000000000
--- a/components/mentions/style/status.less
+++ /dev/null
@@ -1,16 +0,0 @@
-@import '../../input/style/mixin';
-
-@mention-prefix-cls: ~'@{ant-prefix}-mentions';
-@input-prefix-cls: ~'@{ant-prefix}-input';
-
-.@{mention-prefix-cls} {
- &-status-error {
- .status-color(@mention-prefix-cls, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);
- .status-color-common(@input-prefix-cls, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);
- }
-
- &-status-warning {
- .status-color(@mention-prefix-cls, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
- .status-color-common(@input-prefix-cls, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
- }
-}
diff --git a/components/menu/style/dark.less b/components/menu/style/dark.less
deleted file mode 100644
index f645b70ada..0000000000
--- a/components/menu/style/dark.less
+++ /dev/null
@@ -1,177 +0,0 @@
-//.accessibility-focus-dark() {
-// box-shadow: 0 0 0 2px @primary-7;
-//}
-//
-//.@{menu-prefix-cls} {
-// &&-root:focus-visible {
-// .accessibility-focus-dark();
-// }
-//
-// &-dark &-item,
-// &-dark &-submenu-title {
-// &:focus-visible {
-// .accessibility-focus-dark();
-// }
-// }
-//
-// // dark theme
-// &&-dark,
-// &-dark &-sub,
-// &&-dark &-sub {
-// color: @menu-dark-color;
-// background: @menu-dark-bg;
-// .@{menu-prefix-cls}-submenu-title .@{menu-prefix-cls}-submenu-arrow {
-// opacity: 0.45;
-// transition: all 0.3s;
-//
-// &::after,
-// &::before {
-// background: @menu-dark-arrow-color;
-// }
-// }
-// }
-//
-// &-dark&-submenu-popup {
-// background: transparent;
-// }
-//
-// &-dark &-inline&-sub {
-// background: @menu-dark-inline-submenu-bg;
-// }
-//
-// &-dark&-horizontal {
-// border-bottom: 0;
-// }
-//
-// &-dark&-horizontal > &-item,
-// &-dark&-horizontal > &-submenu {
-// top: 0;
-// margin-top: 0;
-// padding: @menu-item-padding;
-// border-color: @menu-dark-bg;
-// border-bottom: 0;
-// }
-//
-// &-dark&-horizontal > &-item:hover {
-// background-color: @menu-dark-item-active-bg;
-// }
-//
-// &-dark&-horizontal > &-item > a::before {
-// bottom: 0;
-// }
-//
-// &-dark &-item,
-// &-dark &-item-group-title,
-// &-dark &-item > a,
-// &-dark &-item > span > a {
-// color: @menu-dark-color;
-// }
-//
-// &-dark&-inline,
-// &-dark&-vertical,
-// &-dark&-vertical-left,
-// &-dark&-vertical-right {
-// border-right: 0;
-// }
-//
-// &-dark&-inline &-item,
-// &-dark&-vertical &-item,
-// &-dark&-vertical-left &-item,
-// &-dark&-vertical-right &-item {
-// left: 0;
-// margin-left: 0;
-// border-right: 0;
-//
-// &::after {
-// border-right: 0;
-// }
-// }
-//
-// &-dark&-inline &-item,
-// &-dark&-inline &-submenu-title {
-// width: 100%;
-// }
-//
-// &-dark &-item:hover,
-// &-dark &-item-active,
-// &-dark &-submenu-active,
-// &-dark &-submenu-open,
-// &-dark &-submenu-selected,
-// &-dark &-submenu-title:hover {
-// color: @menu-dark-highlight-color;
-// background-color: transparent;
-//
-// > a,
-// > span > a {
-// color: @menu-dark-highlight-color;
-// }
-// > .@{menu-prefix-cls}-submenu-title {
-// > .@{menu-prefix-cls}-submenu-arrow {
-// opacity: 1;
-//
-// &::after,
-// &::before {
-// background: @menu-dark-highlight-color;
-// }
-// }
-// }
-// }
-//
-// &-dark &-item:hover {
-// background-color: @menu-dark-item-hover-bg;
-// }
-//
-// &-dark&-dark:not(&-horizontal) &-item-selected {
-// background-color: @menu-dark-item-active-bg;
-// }
-//
-// &-dark &-item-selected {
-// color: @menu-dark-highlight-color;
-// border-right: 0;
-//
-// &::after {
-// border-right: 0;
-// }
-//
-// > a,
-// > span > a,
-// > a:hover,
-// > span > a:hover {
-// color: @menu-dark-highlight-color;
-// }
-//
-// .@{menu-prefix-cls}-item-icon,
-// .@{iconfont-css-prefix} {
-// color: @menu-dark-selected-item-icon-color;
-//
-// + span {
-// color: @menu-dark-selected-item-text-color;
-// }
-// }
-// }
-//
-// &&-dark &-item-selected,
-// &-submenu-popup&-dark &-item-selected {
-// background-color: @menu-dark-item-active-bg;
-// }
-//
-// // Disabled state sets text to dark gray and nukes hover/tab effects
-// &-dark &-item-disabled,
-// &-dark &-submenu-disabled {
-// &,
-// > a,
-// > span > a {
-// color: @disabled-color-dark !important;
-// opacity: 0.8;
-// }
-// > .@{menu-prefix-cls}-submenu-title {
-// color: @disabled-color-dark !important;
-// > .@{menu-prefix-cls}-submenu-arrow {
-// &::before,
-// &::after {
-// background: @disabled-color-dark !important;
-// }
-// }
-// }
-// }
-//}
diff --git a/components/menu/style/index.less b/components/menu/style/index.less
deleted file mode 100644
index 9c78bf3581..0000000000
--- a/components/menu/style/index.less
+++ /dev/null
@@ -1,700 +0,0 @@
-//@import '../../style/themes/index';
-//@import '../../style/mixins/index';
-//@import './status';
-//
-//@menu-prefix-cls: ~'@{ant-prefix}-menu';
-//@menu-animation-duration-normal: 0.15s;
-//
-//.accessibility-focus() {
-// box-shadow: 0 0 0 2px @primary-2;
-//}
-//
-//// TODO: Should remove icon style compatible in v5
-//
-//// default theme
-//.@{menu-prefix-cls} {
-// .reset-component();
-//
-// margin-bottom: 0;
-// padding-left: 0; // Override default ul/ol
-// color: @menu-item-color;
-// font-size: @menu-item-font-size;
-// line-height: 0; // Fix display inline-block gap
-// text-align: left;
-// list-style: none;
-// background: @menu-bg;
-// outline: none;
-// box-shadow: @box-shadow-base;
-// transition: background @animation-duration-slow,
-// width @animation-duration-slow cubic-bezier(0.2, 0, 0, 1) 0s;
-// .clearfix();
-//
-// &&-root:focus-visible {
-// .accessibility-focus();
-// }
-//
-// ul,
-// ol {
-// margin: 0;
-// padding: 0;
-// list-style: none;
-// }
-//
-// // Overflow ellipsis
-// &-overflow {
-// display: flex;
-//
-// &-item {
-// flex: none;
-// }
-// }
-//
-// &-hidden,
-// &-submenu-hidden {
-// display: none;
-// }
-//
-// &-item-group-title {
-// height: @menu-item-group-height;
-// padding: 8px 16px;
-// color: @menu-item-group-title-color;
-// font-size: @menu-item-group-title-font-size;
-// line-height: @menu-item-group-height;
-// transition: all @animation-duration-slow;
-// }
-//
-// &-horizontal &-submenu {
-// transition: border-color @animation-duration-slow @ease-in-out,
-// background @animation-duration-slow @ease-in-out;
-// }
-//
-// &-submenu,
-// &-submenu-inline {
-// transition: border-color @animation-duration-slow @ease-in-out,
-// background @animation-duration-slow @ease-in-out,
-// padding @menu-animation-duration-normal @ease-in-out;
-// }
-//
-// &-submenu-selected {
-// color: @menu-highlight-color;
-// }
-//
-// &-item:active,
-// &-submenu-title:active {
-// background: @menu-item-active-bg;
-// }
-//
-// &-submenu &-sub {
-// cursor: initial;
-// transition: background @animation-duration-slow @ease-in-out,
-// padding @animation-duration-slow @ease-in-out;
-// }
-//
-// &-title-content {
-// transition: color @animation-duration-slow;
-// }
-//
-// &-item a {
-// color: @menu-item-color;
-//
-// &:hover {
-// color: @menu-highlight-color;
-// }
-//
-// &::before {
-// position: absolute;
-// top: 0;
-// right: 0;
-// bottom: 0;
-// left: 0;
-// background-color: transparent;
-// content: '';
-// }
-// }
-//
-// // https://github.com/ant-design/ant-design/issues/19809
-// &-item > .@{ant-prefix}-badge a {
-// color: @menu-item-color;
-//
-// &:hover {
-// color: @menu-highlight-color;
-// }
-// }
-//
-// &-item-divider {
-// overflow: hidden;
-// line-height: 0;
-// border-color: @border-color-split;
-// border-style: solid;
-// border-width: 1px 0 0;
-// }
-//
-// &-item-divider-dashed {
-// border-style: dashed;
-// }
-//
-// &-horizontal &-item,
-// &-horizontal &-submenu {
-// margin-top: -1px;
-// }
-//
-// &-horizontal > &-item:hover,
-// &-horizontal > &-item-active,
-// &-horizontal > &-submenu &-submenu-title:hover {
-// background-color: transparent;
-// }
-//
-// &-item-selected {
-// color: @menu-highlight-color;
-//
-// a,
-// a:hover {
-// color: @menu-highlight-color;
-// }
-// }
-//
-// &:not(&-horizontal) &-item-selected {
-// background-color: @menu-item-active-bg;
-// }
-//
-// &-inline,
-// &-vertical,
-// &-vertical-left {
-// border-right: @border-width-base @border-style-base @border-color-split;
-// }
-//
-// &-vertical-right {
-// border-left: @border-width-base @border-style-base @border-color-split;
-// }
-//
-// &-vertical&-sub,
-// &-vertical-left&-sub,
-// &-vertical-right&-sub {
-// min-width: 160px;
-// max-height: calc(100vh - 100px);
-// padding: 0;
-// overflow: hidden;
-// border-right: 0;
-//
-// // https://github.com/ant-design/ant-design/issues/22244
-// // https://github.com/ant-design/ant-design/issues/26812
-// &:not([class*='-active']) {
-// overflow-x: hidden;
-// overflow-y: auto;
-// }
-//
-// .@{menu-prefix-cls}-item {
-// left: 0;
-// margin-left: 0;
-// border-right: 0;
-//
-// &::after {
-// border-right: 0;
-// }
-// }
-// > .@{menu-prefix-cls}-item,
-// > .@{menu-prefix-cls}-submenu {
-// transform-origin: 0 0;
-// }
-// }
-//
-// &-horizontal&-sub {
-// min-width: 114px; // in case of submenu width is too big: https://codesandbox.io/s/qvpwm6mk66
-// }
-//
-// &-horizontal &-item,
-// &-horizontal &-submenu-title {
-// transition: border-color @animation-duration-slow, background @animation-duration-slow;
-// }
-//
-// &-item,
-// &-submenu-title {
-// position: relative;
-// display: block;
-// margin: 0;
-// padding: @menu-item-padding;
-// white-space: nowrap;
-// cursor: pointer;
-// transition: border-color @animation-duration-slow, background @animation-duration-slow,
-// padding @animation-duration-slow @ease-in-out;
-//
-// .@{menu-prefix-cls}-item-icon,
-// .@{iconfont-css-prefix} {
-// min-width: 14px;
-// font-size: @menu-icon-size;
-// transition: font-size @menu-animation-duration-normal @ease-out,
-// margin @animation-duration-slow @ease-in-out, color @animation-duration-slow;
-//
-// + span {
-// margin-left: @menu-icon-margin-right;
-// opacity: 1;
-// transition: opacity @animation-duration-slow @ease-in-out, margin @animation-duration-slow,
-// color @animation-duration-slow;
-// }
-// }
-//
-// .@{menu-prefix-cls}-item-icon.svg {
-// vertical-align: -0.125em;
-// }
-//
-// &.@{menu-prefix-cls}-item-only-child {
-// > .@{iconfont-css-prefix},
-// > .@{menu-prefix-cls}-item-icon {
-// margin-right: 0;
-// }
-// }
-//
-// &:focus-visible {
-// .accessibility-focus();
-// }
-// }
-//
-// & > &-item-divider {
-// margin: 1px 0;
-// padding: 0;
-// }
-//
-// &-submenu {
-// &-popup {
-// position: absolute;
-// z-index: @zindex-dropdown;
-// background: transparent;
-// border-radius: @border-radius-base;
-// box-shadow: none;
-// transform-origin: 0 0;
-//
-// // https://github.com/ant-design/ant-design/issues/13955
-// &::before {
-// position: absolute;
-// top: -7px;
-// right: 0;
-// bottom: 0;
-// left: 0;
-// z-index: -1;
-// width: 100%;
-// height: 100%;
-// opacity: 0.0001;
-// content: ' ';
-// }
-// }
-//
-// // https://github.com/ant-design/ant-design/issues/13955
-// &-placement-rightTop::before {
-// top: 0;
-// left: -7px;
-// }
-//
-// > .@{menu-prefix-cls} {
-// background-color: @menu-bg;
-// border-radius: @border-radius-base;
-//
-// &-submenu-title::after {
-// transition: transform @animation-duration-slow @ease-in-out;
-// }
-// }
-//
-// &-popup > .@{menu-prefix-cls} {
-// background-color: @menu-popup-bg;
-// }
-//
-// &-expand-icon,
-// &-arrow {
-// position: absolute;
-// top: 50%;
-// right: 16px;
-// width: 10px;
-// color: @menu-item-color;
-// transform: translateY(-50%);
-// transition: transform @animation-duration-slow @ease-in-out;
-// }
-//
-// &-arrow {
-// // →
-// &::before,
-// &::after {
-// position: absolute;
-// width: 6px;
-// height: 1.5px;
-// background-color: currentcolor;
-// border-radius: 2px;
-// transition: background @animation-duration-slow @ease-in-out,
-// transform @animation-duration-slow @ease-in-out, top @animation-duration-slow @ease-in-out,
-// color @animation-duration-slow @ease-in-out;
-// content: '';
-// }
-//
-// &::before {
-// transform: rotate(45deg) translateY(-2.5px);
-// }
-//
-// &::after {
-// transform: rotate(-45deg) translateY(2.5px);
-// }
-// }
-//
-// &:hover > &-title > &-expand-icon,
-// &:hover > &-title > &-arrow {
-// color: @menu-highlight-color;
-// }
-//
-// .@{menu-prefix-cls}-inline-collapsed &-arrow,
-// &-inline &-arrow {
-// // ↓
-// &::before {
-// transform: rotate(-45deg) translateX(2.5px);
-// }
-//
-// &::after {
-// transform: rotate(45deg) translateX(-2.5px);
-// }
-// }
-//
-// &-horizontal &-arrow {
-// display: none;
-// }
-//
-// &-open&-inline > &-title > &-arrow {
-// // ↑
-// transform: translateY(-2px);
-//
-// &::after {
-// transform: rotate(-45deg) translateX(-2.5px);
-// }
-//
-// &::before {
-// transform: rotate(45deg) translateX(2.5px);
-// }
-// }
-// }
-//
-// &-vertical &-submenu-selected,
-// &-vertical-left &-submenu-selected,
-// &-vertical-right &-submenu-selected {
-// color: @menu-highlight-color;
-// }
-//
-// &-horizontal {
-// line-height: @menu-horizontal-line-height;
-// border: 0;
-// border-bottom: @border-width-base @border-style-base @border-color-split;
-// box-shadow: none;
-//
-// &:not(.@{menu-prefix-cls}-dark) {
-// > .@{menu-prefix-cls}-item,
-// > .@{menu-prefix-cls}-submenu {
-// margin-top: -1px;
-// margin-bottom: 0;
-// padding: @menu-item-padding;
-//
-// &:hover,
-// &-active,
-// &-open,
-// &-selected {
-// color: @menu-highlight-color;
-//
-// &::after {
-// border-bottom: 2px solid @menu-highlight-color;
-// }
-// }
-// }
-// }
-//
-// > .@{menu-prefix-cls}-item,
-// > .@{menu-prefix-cls}-submenu {
-// position: relative;
-// top: 1px;
-// display: inline-block;
-// vertical-align: bottom;
-//
-// &::after {
-// position: absolute;
-// right: @menu-item-padding-horizontal;
-// bottom: 0;
-// left: @menu-item-padding-horizontal;
-// border-bottom: 2px solid transparent;
-// transition: border-color @animation-duration-slow @ease-in-out;
-// content: '';
-// }
-// }
-//
-// > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
-// padding: 0;
-// }
-//
-// > .@{menu-prefix-cls}-item {
-// a {
-// color: @menu-item-color;
-//
-// &:hover {
-// color: @menu-highlight-color;
-// }
-//
-// &::before {
-// bottom: -2px;
-// }
-// }
-//
-// &-selected a {
-// color: @menu-highlight-color;
-// }
-// }
-//
-// &::after {
-// display: block;
-// clear: both;
-// height: 0;
-// content: '\20';
-// }
-// }
-//
-// &-vertical,
-// &-vertical-left,
-// &-vertical-right,
-// &-inline {
-// .@{menu-prefix-cls}-item {
-// position: relative;
-//
-// &::after {
-// position: absolute;
-// top: 0;
-// right: 0;
-// bottom: 0;
-// border-right: @menu-item-active-border-width solid @menu-highlight-color;
-// transform: scaleY(0.0001);
-// opacity: 0;
-// transition: transform @menu-animation-duration-normal @ease-out,
-// opacity @menu-animation-duration-normal @ease-out;
-// content: '';
-// }
-// }
-//
-// .@{menu-prefix-cls}-item,
-// .@{menu-prefix-cls}-submenu-title {
-// height: @menu-item-height;
-// margin-top: @menu-item-vertical-margin;
-// margin-bottom: @menu-item-vertical-margin;
-// padding: 0 16px;
-// overflow: hidden;
-// line-height: @menu-item-height;
-// text-overflow: ellipsis;
-// }
-//
-// // disable margin collapsed
-// .@{menu-prefix-cls}-submenu {
-// padding-bottom: 0.02px;
-// }
-//
-// .@{menu-prefix-cls}-item:not(:last-child) {
-// margin-bottom: @menu-item-boundary-margin;
-// }
-//
-// > .@{menu-prefix-cls}-item,
-// > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
-// height: @menu-inline-toplevel-item-height;
-// line-height: @menu-inline-toplevel-item-height;
-// }
-// }
-//
-// &-vertical {
-// .@{menu-prefix-cls}-item-group-list .@{menu-prefix-cls}-submenu-title,
-// .@{menu-prefix-cls}-submenu-title {
-// padding-right: 34px;
-// }
-// }
-//
-// &-inline {
-// width: 100%;
-// .@{menu-prefix-cls}-selected,
-// .@{menu-prefix-cls}-item-selected {
-// &::after {
-// transform: scaleY(1);
-// opacity: 1;
-// transition: transform @menu-animation-duration-normal @ease-in-out,
-// opacity @menu-animation-duration-normal @ease-in-out;
-// }
-// }
-//
-// .@{menu-prefix-cls}-item,
-// .@{menu-prefix-cls}-submenu-title {
-// width: ~'calc(100% + 1px)';
-// }
-//
-// .@{menu-prefix-cls}-item-group-list .@{menu-prefix-cls}-submenu-title,
-// .@{menu-prefix-cls}-submenu-title {
-// padding-right: 34px;
-// }
-//
-// // Motion enhance for first level
-// &.@{menu-prefix-cls}-root {
-// .@{menu-prefix-cls}-item,
-// .@{menu-prefix-cls}-submenu-title {
-// display: flex;
-// align-items: center;
-// transition: border-color @animation-duration-slow, background @animation-duration-slow,
-// padding 0.1s @ease-out;
-//
-// > .@{menu-prefix-cls}-title-content {
-// flex: auto;
-// min-width: 0;
-// overflow: hidden;
-// text-overflow: ellipsis;
-// }
-//
-// > * {
-// flex: none;
-// }
-// }
-// }
-// }
-//
-// &&-inline-collapsed {
-// width: @menu-collapsed-width;
-//
-// > .@{menu-prefix-cls}-item,
-// > .@{menu-prefix-cls}-item-group
-// > .@{menu-prefix-cls}-item-group-list
-// > .@{menu-prefix-cls}-item,
-// > .@{menu-prefix-cls}-item-group
-// > .@{menu-prefix-cls}-item-group-list
-// > .@{menu-prefix-cls}-submenu
-// > .@{menu-prefix-cls}-submenu-title,
-// > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
-// left: 0;
-// padding: 0 'calc(50% - @{menu-icon-size-lg} / 2)';
-// text-overflow: clip;
-//
-// .@{menu-prefix-cls}-submenu-arrow {
-// opacity: 0;
-// }
-//
-// .@{menu-prefix-cls}-item-icon,
-// .@{iconfont-css-prefix} {
-// margin: 0;
-// font-size: @menu-icon-size-lg;
-// line-height: @menu-item-height;
-//
-// + span {
-// display: inline-block;
-// opacity: 0;
-// }
-// }
-// }
-//
-// .@{menu-prefix-cls}-item-icon,
-// .@{iconfont-css-prefix} {
-// display: inline-block;
-// }
-//
-// &-tooltip {
-// pointer-events: none;
-//
-// .@{menu-prefix-cls}-item-icon,
-// .@{iconfont-css-prefix} {
-// display: none;
-// }
-//
-// a {
-// color: @text-color-dark;
-// }
-// }
-//
-// .@{menu-prefix-cls}-item-group-title {
-// padding-right: 4px;
-// padding-left: 4px;
-// overflow: hidden;
-// white-space: nowrap;
-// text-overflow: ellipsis;
-// }
-// }
-//
-// &-item-group-list {
-// margin: 0;
-// padding: 0;
-// .@{menu-prefix-cls}-item,
-// .@{menu-prefix-cls}-submenu-title {
-// padding: 0 16px 0 28px;
-// }
-// }
-//
-// &-root&-vertical,
-// &-root&-vertical-left,
-// &-root&-vertical-right,
-// &-root&-inline {
-// box-shadow: none;
-// }
-//
-// &-root&-inline-collapsed {
-// .@{menu-prefix-cls}-item,
-// .@{menu-prefix-cls}-submenu .@{menu-prefix-cls}-submenu-title {
-// > .@{menu-prefix-cls}-inline-collapsed-noicon {
-// font-size: @menu-icon-size-lg;
-// text-align: center;
-// }
-// }
-// }
-//
-// &-sub&-inline {
-// padding: 0;
-// background: @menu-inline-submenu-bg;
-// border: 0;
-// border-radius: 0;
-// box-shadow: none;
-// & > .@{menu-prefix-cls}-item,
-// & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
-// height: @menu-item-height;
-// line-height: @menu-item-height;
-// list-style-position: inside;
-// list-style-type: disc;
-// }
-//
-// & .@{menu-prefix-cls}-item-group-title {
-// padding-left: 32px;
-// }
-// }
-//
-// // Disabled state sets text to gray and nukes hover/tab effects
-// &-item-disabled,
-// &-submenu-disabled {
-// color: @disabled-color !important;
-// background: none;
-// cursor: not-allowed;
-//
-// &::after {
-// border-color: transparent !important;
-// }
-//
-// a {
-// color: @disabled-color !important;
-// pointer-events: none;
-// }
-// > .@{menu-prefix-cls}-submenu-title {
-// color: @disabled-color !important;
-// cursor: not-allowed;
-// > .@{menu-prefix-cls}-submenu-arrow {
-// &::before,
-// &::after {
-// background: @disabled-color !important;
-// }
-// }
-// }
-// }
-//}
-//
-//// Integration with header element so menu items have the same height
-//.@{ant-prefix}-layout-header {
-// .@{menu-prefix-cls} {
-// line-height: inherit;
-// }
-//}
-//
-//// https://github.com/ant-design/ant-design/issues/32950
-//.@{ant-prefix}-menu-inline-collapsed-tooltip {
-// a,
-// a:hover {
-// color: @white;
-// }
-//}
-//
-//@import './light';
-//@import './dark';
-//@import './rtl';
diff --git a/components/menu/style/index.tsx b/components/menu/style/index.tsx
index 03a344b587..f9f6289c2a 100644
--- a/components/menu/style/index.tsx
+++ b/components/menu/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import { TinyColor } from '@ctrl/tinycolor';
import type { FullToken, GenerateStyle, UseComponentStyleResult } from '../../theme';
import {
diff --git a/components/menu/style/light.less b/components/menu/style/light.less
deleted file mode 100644
index 1c74c1fce0..0000000000
--- a/components/menu/style/light.less
+++ /dev/null
@@ -1,12 +0,0 @@
-//.@{menu-prefix-cls} {
-// // light theme
-// &-light {
-// .@{menu-prefix-cls}-item:hover,
-// .@{menu-prefix-cls}-item-active,
-// .@{menu-prefix-cls}:not(.@{menu-prefix-cls}-inline) .@{menu-prefix-cls}-submenu-open,
-// .@{menu-prefix-cls}-submenu-active,
-// .@{menu-prefix-cls}-submenu-title:hover {
-// color: @menu-highlight-color;
-// }
-// }
-//}
diff --git a/components/menu/style/rtl.less b/components/menu/style/rtl.less
deleted file mode 100644
index 3c48d987ce..0000000000
--- a/components/menu/style/rtl.less
+++ /dev/null
@@ -1,165 +0,0 @@
-//@import '../../style/themes/index';
-//@import '../../style/mixins/index';
-//
-//@menu-prefix-cls: ~'@{ant-prefix}-menu';
-//
-//.@{menu-prefix-cls} {
-// &&-rtl {
-// direction: rtl;
-// text-align: right;
-// }
-//
-// &-item-group-title {
-// .@{menu-prefix-cls}-rtl & {
-// text-align: right;
-// }
-// }
-//
-// &-inline,
-// &-vertical {
-// .@{menu-prefix-cls}-rtl& {
-// border-right: none;
-// border-left: @border-width-base @border-style-base @border-color-split;
-// }
-// }
-//
-// &-dark&-inline,
-// &-dark&-vertical {
-// .@{menu-prefix-cls}-rtl& {
-// border-left: none;
-// }
-// }
-//
-// &-vertical&-sub,
-// &-vertical-left&-sub,
-// &-vertical-right&-sub {
-// > .@{menu-prefix-cls}-item,
-// > .@{menu-prefix-cls}-submenu {
-// .@{menu-prefix-cls}-rtl& {
-// transform-origin: top right;
-// }
-// }
-// }
-//
-// &-item,
-// &-submenu-title {
-// .@{menu-prefix-cls}-item-icon,
-// .@{iconfont-css-prefix} {
-// .@{menu-prefix-cls}-rtl & {
-// margin-right: auto;
-// margin-left: @menu-icon-margin-right;
-// }
-// }
-//
-// &.@{menu-prefix-cls}-item-only-child {
-// > .@{menu-prefix-cls}-item-icon,
-// > .@{iconfont-css-prefix} {
-// .@{menu-prefix-cls}-rtl & {
-// margin-left: 0;
-// }
-// }
-// }
-// }
-//
-// &-submenu {
-// &-rtl.@{menu-prefix-cls}-submenu-popup {
-// transform-origin: 100% 0;
-// }
-//
-// &-vertical,
-// &-vertical-left,
-// &-vertical-right,
-// &-inline {
-// > .@{menu-prefix-cls}-submenu-title .@{menu-prefix-cls}-submenu-arrow {
-// .@{menu-prefix-cls}-rtl & {
-// right: auto;
-// left: 16px;
-// }
-// }
-// }
-//
-// &-vertical,
-// &-vertical-left,
-// &-vertical-right {
-// > .@{menu-prefix-cls}-submenu-title .@{menu-prefix-cls}-submenu-arrow {
-// &::before {
-// .@{menu-prefix-cls}-rtl & {
-// transform: rotate(-45deg) translateY(-2px);
-// }
-// }
-//
-// &::after {
-// .@{menu-prefix-cls}-rtl & {
-// transform: rotate(45deg) translateY(2px);
-// }
-// }
-// }
-// }
-// }
-//
-// &-vertical,
-// &-vertical-left,
-// &-vertical-right,
-// &-inline {
-// .@{menu-prefix-cls}-item {
-// &::after {
-// .@{menu-prefix-cls}-rtl& {
-// right: auto;
-// left: 0;
-// }
-// }
-// }
-//
-// .@{menu-prefix-cls}-item,
-// .@{menu-prefix-cls}-submenu-title {
-// .@{menu-prefix-cls}-rtl& {
-// text-align: right;
-// }
-// }
-// }
-//
-// &-inline {
-// .@{menu-prefix-cls}-submenu-title {
-// .@{menu-prefix-cls}-rtl& {
-// padding-right: 0;
-// padding-left: 34px;
-// }
-// }
-// }
-//
-// &-vertical {
-// .@{menu-prefix-cls}-submenu-title {
-// .@{menu-prefix-cls}-rtl& {
-// padding-right: 16px;
-// padding-left: 34px;
-// }
-// }
-// }
-//
-// &-inline-collapsed&-vertical {
-// .@{menu-prefix-cls}-submenu-title {
-// .@{menu-prefix-cls}-rtl& {
-// padding: 0 ~'calc(50% - @{menu-icon-size-lg} / 2)';
-// }
-// }
-// }
-//
-// &-item-group-list {
-// .@{menu-prefix-cls}-item,
-// .@{menu-prefix-cls}-submenu-title {
-// .@{menu-prefix-cls}-rtl & {
-// padding: 0 28px 0 16px;
-// }
-// }
-// }
-//
-// &-sub&-inline {
-// border: 0;
-// & .@{menu-prefix-cls}-item-group-title {
-// .@{menu-prefix-cls}-rtl& {
-// padding-right: 32px;
-// padding-left: 0;
-// }
-// }
-// }
-//}
diff --git a/components/menu/style/status.less b/components/menu/style/status.less
deleted file mode 100644
index a650977142..0000000000
--- a/components/menu/style/status.less
+++ /dev/null
@@ -1,49 +0,0 @@
-//@import (reference) '../../style/themes/index';
-//@menu-prefix-cls: ~'@{ant-prefix}-menu';
-//
-//.@{menu-prefix-cls} {
-// // Danger
-// &-item-danger&-item {
-// color: @menu-highlight-danger-color;
-//
-// &:hover,
-// &-active {
-// color: @menu-highlight-danger-color;
-// }
-//
-// &:active {
-// background: @menu-item-active-danger-bg;
-// }
-//
-// &-selected {
-// color: @menu-highlight-danger-color;
-//
-// > a,
-// > a:hover {
-// color: @menu-highlight-danger-color;
-// }
-// }
-//
-// .@{menu-prefix-cls}:not(.@{menu-prefix-cls}-horizontal) &-selected {
-// background-color: @menu-item-active-danger-bg;
-// }
-//
-// .@{menu-prefix-cls}-inline &::after {
-// border-right-color: @menu-highlight-danger-color;
-// }
-// }
-//
-// // ==================== Dark ====================
-// &-dark &-item-danger&-item {
-// &,
-// &:hover,
-// & > a {
-// color: @menu-dark-danger-color;
-// }
-// }
-//
-// &-dark&-dark:not(&-horizontal) &-item-danger&-item-selected {
-// color: @menu-dark-highlight-color;
-// background-color: @menu-dark-item-active-danger-bg;
-// }
-//}
diff --git a/components/message/style/index.less b/components/message/style/index.less
deleted file mode 100644
index 3d9b23d507..0000000000
--- a/components/message/style/index.less
+++ /dev/null
@@ -1,111 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @message-prefix-cls: ~'@{ant-prefix}-message';
-
-// .@{message-prefix-cls} {
-// .reset-component();
-
-// position: fixed;
-// top: 8px;
-// left: 0;
-// z-index: @zindex-message;
-// width: 100%;
-// pointer-events: none;
-
-// &-notice {
-// padding: 8px;
-// text-align: center;
-// }
-
-// &-notice-content {
-// display: inline-block;
-// padding: @message-notice-content-padding;
-// background: @message-notice-content-bg;
-// border-radius: @border-radius-base;
-// box-shadow: @shadow-2;
-// pointer-events: all;
-// }
-
-// &-success .@{iconfont-css-prefix} {
-// color: @success-color;
-// }
-
-// &-error .@{iconfont-css-prefix} {
-// color: @error-color;
-// }
-
-// &-warning .@{iconfont-css-prefix} {
-// color: @warning-color;
-// }
-
-// &-info .@{iconfont-css-prefix},
-// &-loading .@{iconfont-css-prefix} {
-// color: @info-color;
-// }
-
-// .@{iconfont-css-prefix} {
-// position: relative;
-// top: 1px;
-// margin-right: 8px;
-// font-size: @font-size-lg;
-// }
-
-// &-move-up {
-// animation-fill-mode: forwards;
-// }
-
-// &-move-up-appear,
-// &-move-up-enter {
-// animation-name: MessageMoveIn;
-// animation-duration: 0.3s;
-// animation-play-state: paused;
-// animation-timing-function: @ease-out-circ;
-// }
-
-// &-move-up-appear&-move-up-appear-active,
-// &-move-up-enter&-move-up-enter-active {
-// animation-play-state: running;
-// }
-
-// &-move-up-leave {
-// animation-name: MessageMoveOut;
-// animation-duration: 0.3s;
-// animation-play-state: paused;
-// animation-timing-function: @ease-out-circ;
-// }
-
-// &-move-up-leave&-move-up-leave-active {
-// animation-play-state: running;
-// }
-// }
-
-// @keyframes MessageMoveIn {
-// 0% {
-// padding: 0;
-// transform: translateY(-100%);
-// opacity: 0;
-// }
-
-// 100% {
-// padding: 8px;
-// transform: translateY(0);
-// opacity: 1;
-// }
-// }
-
-// @keyframes MessageMoveOut {
-// 0% {
-// max-height: 150px;
-// padding: 8px;
-// opacity: 1;
-// }
-
-// 100% {
-// max-height: 0;
-// padding: 0;
-// opacity: 0;
-// }
-// }
-
-// @import './rtl';
diff --git a/components/message/style/rtl.less b/components/message/style/rtl.less
deleted file mode 100644
index afb2f470ef..0000000000
--- a/components/message/style/rtl.less
+++ /dev/null
@@ -1,17 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @message-prefix-cls: ~'@{ant-prefix}-message';
-
-// .@{message-prefix-cls}-rtl {
-// direction: rtl;
-
-// span {
-// direction: rtl;
-// }
-
-// .@{iconfont-css-prefix} {
-// margin-right: 0;
-// margin-left: 8px;
-// }
-// }
diff --git a/components/modal/style/confirm.less b/components/modal/style/confirm.less
deleted file mode 100644
index 3e84b25b7f..0000000000
--- a/components/modal/style/confirm.less
+++ /dev/null
@@ -1,74 +0,0 @@
-// @import '../../style/mixins/index';
-
-// @confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm';
-
-// .@{confirm-prefix-cls} {
-// .@{ant-prefix}-modal-header {
-// display: none;
-// }
-
-// .@{ant-prefix}-modal-body {
-// padding: @modal-confirm-body-padding;
-// }
-
-// &-body-wrapper {
-// .clearfix();
-// }
-
-// &-body {
-// .@{confirm-prefix-cls}-title {
-// display: block;
-// // create BFC to avoid
-// // https://user-images.githubusercontent.com/507615/37702510-ba844e06-2d2d-11e8-9b67-8e19be57f445.png
-// overflow: hidden;
-// color: @heading-color;
-// font-weight: 500;
-// font-size: @modal-confirm-title-font-size;
-// line-height: 1.4;
-// }
-
-// .@{confirm-prefix-cls}-content {
-// margin-top: 8px;
-// color: @text-color;
-// font-size: @font-size-base;
-// }
-
-// > .@{iconfont-css-prefix} {
-// float: left;
-// margin-right: 16px;
-// font-size: 22px;
-
-// // `content` after `icon` should set marginLeft
-// + .@{confirm-prefix-cls}-title + .@{confirm-prefix-cls}-content {
-// margin-left: 38px;
-// }
-// }
-// }
-
-// .@{confirm-prefix-cls}-btns {
-// float: right;
-// margin-top: 24px;
-
-// .@{ant-prefix}-btn + .@{ant-prefix}-btn {
-// margin-bottom: 0;
-// margin-left: 8px;
-// }
-// }
-
-// &-error &-body > .@{iconfont-css-prefix} {
-// color: @error-color;
-// }
-
-// &-warning &-body > .@{iconfont-css-prefix},
-// &-confirm &-body > .@{iconfont-css-prefix} {
-// color: @warning-color;
-// }
-
-// &-info &-body > .@{iconfont-css-prefix} {
-// color: @info-color;
-// }
-
-// &-success &-body > .@{iconfont-css-prefix} {
-// color: @success-color;
-// }
-// }
diff --git a/components/modal/style/index.less b/components/modal/style/index.less
deleted file mode 100644
index 2a16182d3b..0000000000
--- a/components/modal/style/index.less
+++ /dev/null
@@ -1,7 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-// @import './modal';
-// @import './confirm';
-// @import './rtl';
-
-// .popover-customize-bg(@dialog-prefix-cls, @popover-background);
diff --git a/components/modal/style/index.tsx b/components/modal/style/index.tsx
index 852deefcdf..9a9a08604e 100644
--- a/components/modal/style/index.tsx
+++ b/components/modal/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type React from 'react';
import { initFadeMotion, initZoomMotion } from '../../style/motion';
import type { AliasToken, FullToken, GenerateStyle } from '../../theme';
diff --git a/components/modal/style/modal.less b/components/modal/style/modal.less
deleted file mode 100644
index 1afb518725..0000000000
--- a/components/modal/style/modal.less
+++ /dev/null
@@ -1,136 +0,0 @@
-// @dialog-prefix-cls: ~'@{ant-prefix}-modal';
-
-// .@{dialog-prefix-cls} {
-// .reset-component();
-// .modal-mask();
-
-// position: relative;
-// top: 100px;
-// width: auto;
-// max-width: calc(100vw - 32px);
-// margin: 0 auto;
-// padding-bottom: 24px;
-
-// &-wrap {
-// z-index: @zindex-modal;
-// }
-
-// &-title {
-// margin: 0;
-// color: @modal-heading-color;
-// font-weight: 500;
-// font-size: @modal-header-title-font-size;
-// line-height: @modal-header-title-line-height;
-// word-wrap: break-word;
-// }
-
-// &-content {
-// position: relative;
-// background-color: @modal-content-bg;
-// background-clip: padding-box;
-// border: 0;
-// border-radius: @border-radius-base;
-// box-shadow: @shadow-2;
-// pointer-events: auto;
-// }
-
-// &-close {
-// position: absolute;
-// top: 0;
-// right: 0;
-// z-index: @zindex-popup-close;
-// padding: 0;
-// color: @modal-close-color;
-// font-weight: 700;
-// line-height: 1;
-// text-decoration: none;
-// background: transparent;
-// border: 0;
-// outline: 0;
-// cursor: pointer;
-// transition: color 0.3s;
-
-// &-x {
-// display: block;
-// width: @modal-header-close-size;
-// height: @modal-header-close-size;
-// font-size: @font-size-lg;
-// font-style: normal;
-// line-height: @modal-header-close-size;
-// text-align: center;
-// text-transform: none;
-// text-rendering: auto;
-// }
-
-// &:focus,
-// &:hover {
-// color: @icon-color-hover;
-// text-decoration: none;
-// }
-// }
-
-// &-header {
-// padding: @modal-header-padding;
-// color: @text-color;
-// background: @modal-header-bg;
-// border-bottom: @modal-header-border-width @modal-header-border-style
-// @modal-header-border-color-split;
-// border-radius: @border-radius-base @border-radius-base 0 0;
-// }
-
-// &-body {
-// padding: @modal-body-padding;
-// font-size: @font-size-base;
-// line-height: @line-height-base;
-// word-wrap: break-word;
-// }
-
-// &-footer {
-// padding: @modal-footer-padding-vertical @modal-footer-padding-horizontal;
-// text-align: right;
-// background: @modal-footer-bg;
-// border-top: @modal-footer-border-width @modal-footer-border-style
-// @modal-footer-border-color-split;
-// border-radius: 0 0 @border-radius-base @border-radius-base;
-
-// .@{ant-prefix}-btn + .@{ant-prefix}-btn:not(.@{ant-prefix}-dropdown-trigger) {
-// margin-bottom: 0;
-// margin-left: 8px;
-// }
-// }
-
-// &-open {
-// overflow: hidden;
-// }
-// }
-
-// .@{dialog-prefix-cls}-centered {
-// text-align: center;
-
-// &::before {
-// display: inline-block;
-// width: 0;
-// height: 100%;
-// vertical-align: middle;
-// content: '';
-// }
-// .@{dialog-prefix-cls} {
-// top: 0;
-// display: inline-block;
-// padding-bottom: 0;
-// text-align: left;
-// vertical-align: middle;
-// }
-// }
-
-// @media (max-width: @screen-sm-max) {
-// .@{dialog-prefix-cls} {
-// max-width: calc(100vw - 16px);
-// margin: 8px auto;
-// }
-// .@{dialog-prefix-cls}-centered {
-// .@{dialog-prefix-cls} {
-// flex: 1;
-// }
-// }
-// }
diff --git a/components/modal/style/rtl.less b/components/modal/style/rtl.less
deleted file mode 100644
index ed071e88c1..0000000000
--- a/components/modal/style/rtl.less
+++ /dev/null
@@ -1,74 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @dialog-prefix-cls: ~'@{ant-prefix}-modal';
-// @confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm';
-// @dialog-wrap-rtl-cls: ~'@{dialog-prefix-cls}-wrap-rtl';
-
-// .@{dialog-prefix-cls} {
-// &-wrap {
-// &-rtl {
-// direction: rtl;
-// }
-// }
-
-// &-close {
-// .@{dialog-wrap-rtl-cls} & {
-// right: initial;
-// left: 0;
-// }
-// }
-
-// &-footer {
-// .@{dialog-wrap-rtl-cls} & {
-// text-align: left;
-// }
-// .@{ant-prefix}-btn + .@{ant-prefix}-btn {
-// .@{dialog-wrap-rtl-cls} & {
-// margin-right: 8px;
-// margin-left: 0;
-// }
-// }
-// }
-
-// &-confirm {
-// &-body {
-// .@{dialog-wrap-rtl-cls} & {
-// direction: rtl;
-// }
-// > .@{iconfont-css-prefix} {
-// .@{dialog-wrap-rtl-cls} & {
-// float: right;
-// margin-right: 0;
-// margin-left: 16px;
-// }
-// + .@{confirm-prefix-cls}-title + .@{confirm-prefix-cls}-content {
-// .@{dialog-wrap-rtl-cls} & {
-// margin-right: 38px;
-// margin-left: 0;
-// }
-// }
-// }
-// }
-
-// &-btns {
-// .@{dialog-wrap-rtl-cls} & {
-// float: left;
-// }
-// .@{ant-prefix}-btn + .@{ant-prefix}-btn {
-// .@{dialog-wrap-rtl-cls} & {
-// margin-right: 8px;
-// margin-left: 0;
-// }
-// }
-// }
-// }
-// }
-
-// .@{dialog-prefix-cls}-centered {
-// .@{dialog-prefix-cls} {
-// .@{dialog-wrap-rtl-cls}& {
-// text-align: right;
-// }
-// }
-// }
diff --git a/components/notification/style/index.less b/components/notification/style/index.less
deleted file mode 100644
index ace812f67d..0000000000
--- a/components/notification/style/index.less
+++ /dev/null
@@ -1,207 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// .popover-customize-bg(@notification-prefix-cls, @popover-background);
-
-// @notification-prefix-cls: ~'@{ant-prefix}-notification';
-// @notification-width: 384px;
-// @notification-padding: @notification-padding-vertical @notification-padding-horizontal;
-// @notification-margin-bottom: 16px;
-// @notification-margin-edge: 24px;
-
-// .@{notification-prefix-cls} {
-// .reset-component();
-
-// position: fixed;
-// z-index: @zindex-notification;
-// margin-right: @notification-margin-edge;
-
-// &-close-icon {
-// font-size: @font-size-base;
-// cursor: pointer;
-// }
-
-// &-hook-holder {
-// position: relative;
-// }
-
-// &-notice {
-// position: relative;
-// width: @notification-width;
-// max-width: ~'calc(100vw - @{notification-margin-edge} * 2)';
-// margin-bottom: @notification-margin-bottom;
-// margin-left: auto;
-// padding: @notification-padding;
-// overflow: hidden;
-// line-height: @line-height-base;
-// word-wrap: break-word;
-// background: @notification-bg;
-// border-radius: @border-radius-base;
-// box-shadow: @shadow-2;
-
-// .@{notification-prefix-cls}-top &,
-// .@{notification-prefix-cls}-bottom & {
-// margin-right: auto;
-// margin-left: auto;
-// }
-
-// .@{notification-prefix-cls}-topLeft &,
-// .@{notification-prefix-cls}-bottomLeft & {
-// margin-right: auto;
-// margin-left: 0;
-// }
-
-// &-message {
-// margin-bottom: 8px;
-// color: @heading-color;
-// font-size: @font-size-lg;
-// line-height: 24px;
-
-// // https://github.com/ant-design/ant-design/issues/5846#issuecomment-296244140
-// &-single-line-auto-margin {
-// display: block;
-// width: ~'calc(@{notification-width} - @{notification-padding-horizontal} * 2 - 24px - 48px - 100%)';
-// max-width: 4px;
-// background-color: transparent;
-// pointer-events: none;
-
-// &::before {
-// display: block;
-// content: '';
-// }
-// }
-// }
-
-// &-description {
-// font-size: @font-size-base;
-// }
-
-// &-closable &-message {
-// padding-right: 24px;
-// }
-
-// &-with-icon &-message {
-// margin-bottom: 4px;
-// margin-left: 48px;
-// font-size: @font-size-lg;
-// }
-
-// &-with-icon &-description {
-// margin-left: 48px;
-// font-size: @font-size-base;
-// }
-
-// // 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;
-// }
-
-// &-info {
-// color: @info-color;
-// }
-
-// &-warning {
-// color: @warning-color;
-// }
-
-// &-error {
-// color: @error-color;
-// }
-// }
-
-// &-close {
-// position: absolute;
-// top: 16px;
-// right: 22px;
-// color: @text-color-secondary;
-// outline: none;
-
-// &:hover {
-// & when (@theme = dark) {
-// color: fade(@white, 85%);
-// }
-// & when not (@theme = dark) {
-// color: shade(@text-color-secondary, 40%);
-// }
-// }
-// }
-
-// &-btn {
-// float: right;
-// margin-top: 16px;
-// }
-// }
-
-// .notification-fade-effect {
-// animation-duration: 0.24s;
-// animation-timing-function: @ease-in-out;
-// animation-fill-mode: both;
-// }
-
-// &-fade-enter,
-// &-fade-appear {
-// .notification-fade-effect();
-
-// opacity: 0;
-// animation-play-state: paused;
-// }
-
-// &-fade-leave {
-// .notification-fade-effect();
-
-// animation-duration: 0.2s;
-// animation-play-state: paused;
-// }
-
-// &-fade-enter&-fade-enter-active,
-// &-fade-appear&-fade-appear-active {
-// animation-name: NotificationFadeIn;
-// animation-play-state: running;
-// }
-
-// &-fade-leave&-fade-leave-active {
-// animation-name: NotificationFadeOut;
-// animation-play-state: running;
-// }
-// }
-
-// @keyframes NotificationFadeIn {
-// 0% {
-// left: @notification-width;
-// opacity: 0;
-// }
-
-// 100% {
-// left: 0;
-// opacity: 1;
-// }
-// }
-
-// @keyframes NotificationFadeOut {
-// 0% {
-// max-height: 150px;
-// margin-bottom: @notification-margin-bottom;
-// opacity: 1;
-// }
-
-// 100% {
-// max-height: 0;
-// margin-bottom: 0;
-// padding-top: 0;
-// padding-bottom: 0;
-// opacity: 0;
-// }
-// }
-
-// @import './rtl';
-// @import './placement';
diff --git a/components/notification/style/index.tsx b/components/notification/style/index.tsx
index 0fb92b2fac..d71a2ccd86 100644
--- a/components/notification/style/index.tsx
+++ b/components/notification/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import { Keyframes } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken, resetComponent } from '../../theme';
diff --git a/components/notification/style/placement.less b/components/notification/style/placement.less
deleted file mode 100644
index 665be6fa7c..0000000000
--- a/components/notification/style/placement.less
+++ /dev/null
@@ -1,68 +0,0 @@
-// .@{notification-prefix-cls} {
-// &-top,
-// &-bottom {
-// margin-right: 0;
-// margin-left: 0;
-// }
-
-// &-top {
-// .@{notification-prefix-cls}-fade-enter.@{notification-prefix-cls}-fade-enter-active,
-// .@{notification-prefix-cls}-fade-appear.@{notification-prefix-cls}-fade-appear-active {
-// animation-name: NotificationTopFadeIn;
-// }
-// }
-
-// &-bottom {
-// .@{notification-prefix-cls}-fade-enter.@{notification-prefix-cls}-fade-enter-active,
-// .@{notification-prefix-cls}-fade-appear.@{notification-prefix-cls}-fade-appear-active {
-// animation-name: NotificationBottomFadeIn;
-// }
-// }
-
-// &-topLeft,
-// &-bottomLeft {
-// margin-right: 0;
-// margin-left: @notification-margin-edge;
-
-// .@{notification-prefix-cls}-fade-enter.@{notification-prefix-cls}-fade-enter-active,
-// .@{notification-prefix-cls}-fade-appear.@{notification-prefix-cls}-fade-appear-active {
-// animation-name: NotificationLeftFadeIn;
-// }
-// }
-// }
-
-// @keyframes NotificationTopFadeIn {
-// 0% {
-// margin-top: -100%;
-// opacity: 0;
-// }
-
-// 100% {
-// margin-top: 0;
-// opacity: 1;
-// }
-// }
-
-// @keyframes NotificationBottomFadeIn {
-// 0% {
-// margin-bottom: -100%;
-// opacity: 0;
-// }
-
-// 100% {
-// margin-bottom: 0;
-// opacity: 1;
-// }
-// }
-
-// @keyframes NotificationLeftFadeIn {
-// 0% {
-// right: @notification-width;
-// opacity: 0;
-// }
-
-// 100% {
-// right: 0;
-// opacity: 1;
-// }
-// }
diff --git a/components/notification/style/rtl.less b/components/notification/style/rtl.less
deleted file mode 100644
index 32742d62dd..0000000000
--- a/components/notification/style/rtl.less
+++ /dev/null
@@ -1,53 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @notification-prefix-cls: ~'@{ant-prefix}-notification';
-
-// .@{notification-prefix-cls} {
-// &-rtl {
-// direction: rtl;
-// }
-
-// &-notice {
-// &-closable &-message {
-// .@{notification-prefix-cls}-rtl & {
-// padding-right: 0;
-// padding-left: 24px;
-// }
-// }
-
-// &-with-icon &-message {
-// .@{notification-prefix-cls}-rtl & {
-// margin-right: 48px;
-// margin-left: 0;
-// }
-// }
-
-// &-with-icon &-description {
-// .@{notification-prefix-cls}-rtl & {
-// margin-right: 48px;
-// margin-left: 0;
-// }
-// }
-
-// &-icon {
-// .@{notification-prefix-cls}-rtl & {
-// margin-right: 4px;
-// margin-left: 0;
-// }
-// }
-
-// &-close {
-// .@{notification-prefix-cls}-rtl & {
-// right: auto;
-// left: 22px;
-// }
-// }
-
-// &-btn {
-// .@{notification-prefix-cls}-rtl & {
-// float: left;
-// }
-// }
-// }
-// }
diff --git a/components/page-header/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/page-header/__tests__/__snapshots__/demo-extend.test.ts.snap
deleted file mode 100644
index 6b97d77467..0000000000
--- a/components/page-header/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ /dev/null
@@ -1,1652 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders ./components/page-header/demo/actions.md extend context correctly 1`] = `
-Array [
- ,
-
,
- ,
-]
-`;
-
-exports[`renders ./components/page-header/demo/basic.md extend context correctly 1`] = `
-
-`;
-
-exports[`renders ./components/page-header/demo/breadcrumb.md extend context correctly 1`] = `
-
-`;
-
-exports[`renders ./components/page-header/demo/content.md extend context correctly 1`] = `
-
-`;
-
-exports[`renders ./components/page-header/demo/ghost.md extend context correctly 1`] = `
-
-`;
-
-exports[`renders ./components/page-header/demo/responsive.md extend context correctly 1`] = `
-
-`;
diff --git a/components/page-header/__tests__/__snapshots__/demo.test.js.snap b/components/page-header/__tests__/__snapshots__/demo.test.js.snap
deleted file mode 100644
index 26dd262b48..0000000000
--- a/components/page-header/__tests__/__snapshots__/demo.test.js.snap
+++ /dev/null
@@ -1,1431 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders ./components/page-header/demo/actions.md correctly 1`] = `
-Array [
- ,
-
,
- ,
-]
-`;
-
-exports[`renders ./components/page-header/demo/basic.md correctly 1`] = `
-
-`;
-
-exports[`renders ./components/page-header/demo/breadcrumb.md correctly 1`] = `
-
-`;
-
-exports[`renders ./components/page-header/demo/content.md correctly 1`] = `
-
-`;
-
-exports[`renders ./components/page-header/demo/ghost.md correctly 1`] = `
-
-`;
-
-exports[`renders ./components/page-header/demo/responsive.md correctly 1`] = `
-
-`;
diff --git a/components/page-header/__tests__/__snapshots__/index.test.js.snap b/components/page-header/__tests__/__snapshots__/index.test.js.snap
deleted file mode 100644
index 06d7ca6a4a..0000000000
--- a/components/page-header/__tests__/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,55 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PageHeader pageHeader should not render blank dom 1`] = `
-
-`;
-
-exports[`PageHeader pageHeader should render correctly int RTL direction 1`] = `
-
-`;
-
-exports[`PageHeader pageHeader should support className 1`] = `
-
-`;
-
-exports[`PageHeader rtl render component should be rendered correctly in RTL direction 1`] = `
-
-`;
diff --git a/components/page-header/__tests__/demo-extend.test.ts b/components/page-header/__tests__/demo-extend.test.ts
deleted file mode 100644
index 2b95498aee..0000000000
--- a/components/page-header/__tests__/demo-extend.test.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { extendTest } from '../../../tests/shared/demoTest';
-
-extendTest('page-header');
diff --git a/components/page-header/__tests__/demo.test.js b/components/page-header/__tests__/demo.test.js
deleted file mode 100644
index 734c851d26..0000000000
--- a/components/page-header/__tests__/demo.test.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import demoTest from '../../../tests/shared/demoTest';
-
-demoTest('page-header');
diff --git a/components/page-header/__tests__/image.test.ts b/components/page-header/__tests__/image.test.ts
deleted file mode 100644
index 3571e54408..0000000000
--- a/components/page-header/__tests__/image.test.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { imageDemoTest } from '../../../tests/shared/imageTest';
-
-describe('PageHeader image', () => {
- imageDemoTest('page-header');
-});
diff --git a/components/page-header/__tests__/index.test.js b/components/page-header/__tests__/index.test.js
deleted file mode 100644
index b74162ea0b..0000000000
--- a/components/page-header/__tests__/index.test.js
+++ /dev/null
@@ -1,160 +0,0 @@
-import { mount } from 'enzyme';
-import React from 'react';
-import PageHeader from '..';
-import mountTest from '../../../tests/shared/mountTest';
-import rtlTest from '../../../tests/shared/rtlTest';
-import Breadcrumb from '../../breadcrumb';
-import ConfigProvider from '../../config-provider';
-
-describe('PageHeader', () => {
- mountTest(PageHeader);
- rtlTest(PageHeader);
-
- const mockGetBoundingClientRect = jest.spyOn(HTMLElement.prototype, 'getBoundingClientRect');
-
- beforeAll(() => {
- mockGetBoundingClientRect.mockReturnValue({ width: 100 });
- });
-
- afterAll(() => {
- mockGetBoundingClientRect.mockRestore();
- });
-
- it('pageHeader should not contain back it back', () => {
- const routes = [
- {
- path: 'index',
- breadcrumbName: 'First-level Menu',
- },
- {
- path: 'first',
- breadcrumbName: 'Second-level Menu',
- },
- {
- path: 'second',
- breadcrumbName: 'Third-level Menu',
- },
- ];
- const wrapper = mount(
);
- expect(wrapper.find('.ant-page-header-back')).toHaveLength(0);
- });
-
- it('pageHeader should have breadcrumb', () => {
- const routes = [
- {
- path: 'index',
- breadcrumbName: 'First-level Menu',
- },
- ];
- const wrapper = mount(
);
- expect(wrapper.find('.ant-breadcrumb')).toHaveLength(1);
- expect(wrapper.find('.ant-page-header-back')).toHaveLength(0);
- });
-
- it('pageHeader should have breadcrumb (component)', () => {
- const routes = [
- {
- path: 'index',
- breadcrumbName: 'First-level Menu',
- },
- ];
- const wrapper = mount(
-
} />,
- );
- expect(wrapper.find('.ant-breadcrumb')).toHaveLength(1);
- expect(wrapper.find('.ant-page-header-back')).toHaveLength(0);
- });
-
- it('pageHeader support breadcrumbRender', () => {
- const wrapper = mount(
-
test
} />,
- );
- expect(wrapper.find('#test')).toHaveLength(1);
- expect(wrapper.find('.ant-page-header-back')).toHaveLength(0);
- });
-
- it('pageHeader support breadcrumbRender return false', () => {
- const wrapper = mount( false} />);
- expect(wrapper.find('.ant-page-header-back')).toHaveLength(0);
- });
-
- it('pageHeader do not has title', () => {
- const routes = [
- {
- path: 'index',
- breadcrumbName: 'First-level Menu',
- },
- ];
- const wrapper = mount(test );
- expect(wrapper.find('.ant-page-header-heading-lef').exists()).toBeFalsy();
- expect(wrapper.find('.ant-page-header-heading').exists()).toBeFalsy();
- });
-
- it('pageHeader should no contain back', () => {
- const wrapper = mount(
- ,
- );
-
- expect(wrapper.render()).toMatchSnapshot();
- });
-
- it('change container width', async () => {
- const wrapper = mount( window.history.back()}
- title="Title"
- subTitle="This is a subtitle"
- extra={[
- Operation ,
- Operation ,
-
- Primary
- ,
- ]}
- >
-
- Lili Qu
-
- 421421
-
- 2017-01-10
- 2017-10-10
-
- Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
-
-
-
- window.history.back()}
- title="Title"
- tags={Running }
- subTitle="This is a subtitle"
- extra={[
- Operation ,
- Operation ,
-
- Primary
- ,
- ]}
- >
-
-
-
-
-);
-
-export default App;
-```
-
-
diff --git a/components/page-header/demo/basic.md b/components/page-header/demo/basic.md
deleted file mode 100644
index ffa3392d7d..0000000000
--- a/components/page-header/demo/basic.md
+++ /dev/null
@@ -1,36 +0,0 @@
----
-order: 1
-title:
- zh-CN: 标准样式
- en-US: Basic Page Header
----
-
-## zh-CN
-
-标准页头，适合使用在需要简单描述的场景。
-
-## en-US
-
-Standard header, suitable for use in scenarios that require a brief description.
-
-```tsx
-import { PageHeader } from 'antd';
-import React from 'react';
-
-const App: React.FC = () => (
- null}
- title="Title"
- subTitle="This is a subtitle"
- />
-);
-
-export default App;
-```
-
-```css
-.site-page-header {
- border: 1px solid rgb(235, 237, 240);
-}
-```
diff --git a/components/page-header/demo/breadcrumb.md b/components/page-header/demo/breadcrumb.md
deleted file mode 100644
index 0a5ad0183e..0000000000
--- a/components/page-header/demo/breadcrumb.md
+++ /dev/null
@@ -1,45 +0,0 @@
----
-order: 3
-title:
- zh-CN: 带面包屑页头
- en-US: Use with breadcrumbs
----
-
-## zh-CN
-
-带面包屑页头，适合层级比较深的页面，让用户可以快速导航。
-
-## en-US
-
-With breadcrumbs, it is suitable for deeper pages, allowing users to navigate quickly.
-
-```tsx
-import { PageHeader } from 'antd';
-import React from 'react';
-
-const routes = [
- {
- path: 'index',
- breadcrumbName: 'First-level Menu',
- },
- {
- path: 'first',
- breadcrumbName: 'Second-level Menu',
- },
- {
- path: 'second',
- breadcrumbName: 'Third-level Menu',
- },
-];
-
-const App: React.FC = () => (
-
- 1st menu item
-
- ),
- },
- {
- key: '2',
- label: (
-
- 2nd menu item
-
- ),
- },
- {
- key: '3',
- label: (
-
- 3rd menu item
-
- ),
- },
- ]}
- />
-);
-
-const DropdownMenu = () => (
-
-
-);
-
-const routes = [
- {
- path: 'index',
- breadcrumbName: 'First-level Menu',
- },
- {
- path: 'first',
- breadcrumbName: 'Second-level Menu',
- },
- {
- path: 'second',
- breadcrumbName: 'Third-level Menu',
- },
-];
-
-const IconLink = ({ src, text }: { src: string; text: string }) => (
-
-
-);
-
-const content = (
- <>
-
- Ant Design interprets the color system into two levels: a system-level color system and a
- product-level color system.
-
-
- Ant Design's design team preferred to design with the HSB color model, which makes it
- easier for designers to have a clear psychological expectation of color when adjusting colors,
- as well as facilitate communication in teams.
-
-
-
-
-);
-
-const Content: React.FC<{ children: React.ReactNode; extraContent: React.ReactNode }> = ({
- children,
- extraContent,
-}) => (
-
- {children}
- {extraContent}
-
-);
-
-const App: React.FC = () => (
- Running}
- extra={[
- Operation ,
- Operation ,
-
- Primary
- ,
-
-);
-
-export default App;
-```
-
-```css
-#components-page-header-demo-content .image {
- display: flex;
- align-items: center;
- margin: 0 0 0 60px;
-}
-
-#components-page-header-demo-content .ant-page-header-rtl .image {
- margin: 0 60px 0 0;
-}
-
-#components-page-header-demo-content .example-link {
- margin-right: 16px;
- line-height: 24px;
-}
-[data-theme='compact'] #components-page-header-demo-content .example-link {
- line-height: 20px;
-}
-#components-page-header-demo-content .example-link-icon {
- margin-right: 8px;
-}
-
-[data-theme='compact'] #components-page-header-demo-content .example-link-icon {
- width: 20px;
- height: 20px;
-}
-
-#components-page-header-demo-content .ant-page-header-rtl .example-link {
- float: right;
- margin-right: 0;
- margin-left: 16px;
-}
-#components-page-header-demo-content .ant-page-header-rtl .example-link-icon {
- margin-right: 0;
- margin-left: 8px;
-}
-
-@media (max-width: 768px) {
- #components-page-header-demo-content .image {
- flex: 100%;
- margin: 24px 0 0;
- }
-}
-```
diff --git a/components/page-header/demo/ghost.md b/components/page-header/demo/ghost.md
deleted file mode 100644
index c48415866e..0000000000
--- a/components/page-header/demo/ghost.md
+++ /dev/null
@@ -1,58 +0,0 @@
----
-order: 2
-title:
- zh-CN: 白底模式
- en-US: white background mode
----
-
-## zh-CN
-
-默认 PageHeader 是透明底色的。在某些情况下，PageHeader 需要自己的背景颜色。
-
-## en-US
-
-The default PageHeader is a transparent background. In some cases, PageHeader needs its own background color.
-
-```tsx
-import { Button, Descriptions, PageHeader } from 'antd';
-import React from 'react';
-
-const App: React.FC = () => (
-
-
window.history.back()}
- title="Title"
- subTitle="This is a subtitle"
- extra={[
- Operation ,
- Operation ,
-
- Primary
- ,
- ]}
- >
-
- Lili Qu
-
- 421421
-
- 2017-01-10
- 2017-10-10
-
- Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
-
-
-
-
- Lili Qu
-
- 421421
-
- 2017-01-10
- 2017-10-10
-
- Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
-
-
-);
-
-const extraContent = (
-
-
-);
-
-const Content: React.FC<{ children: React.ReactNode; extra: React.ReactNode }> = ({
- children,
- extra,
-}) => (
-
-);
-
-const App: React.FC = () => (
- window.history.back()}
- title="Title"
- subTitle="This is a subtitle"
- extra={[
- Operation ,
- Operation ,
-
- Primary
- ,
- ]}
- footer={
-
-
- }
- >
- {renderContent()}
-
-);
-
-export default App;
-```
-
-
diff --git a/components/page-header/index.en-US.md b/components/page-header/index.en-US.md
deleted file mode 100644
index d9024f1384..0000000000
--- a/components/page-header/index.en-US.md
+++ /dev/null
@@ -1,39 +0,0 @@
----
-category: Components
-type: Navigation
-title: PageHeader
-cols: 1
-subtitle:
-cover: https://gw.alipayobjects.com/zos/alicdn/6bKE0Cq0R/PageHeader.svg
----
-
-A header with common actions and design elements built in.
-
-## When To Use
-
-PageHeader can be used to highlight the page topic, display important information about the page, and carry the action items related to the current page (including page-level operations, inter-page navigation, etc.) It can also be used as inter-page navigation.
-
-## API
-
-| Param | Description | Type | Default value | Version |
-| --- | --- | --- | --- | --- |
-| avatar | Avatar next to the title bar | [AvatarProps](/components/avatar/) | - | |
-| backIcon | Custom back icon, if false the back icon will not be displayed | ReactNode \| boolean | <ArrowLeft /> | |
-| breadcrumb | Breadcrumb configuration | [Breadcrumb](/components/breadcrumb/) | - | |
-| breadcrumbRender | Customize the content of the breadcrumb area | `(props, originBreadcrumb)=> ReactNode` | - | 4.11.0 |
-| extra | Operating area, at the end of the line of the title line | ReactNode | - | |
-| footer | PageHeader's footer, generally used to render TabBar | ReactNode | - | |
-| ghost | PageHeader type, will change background color | boolean | true | |
-| subTitle | Custom subtitle text | ReactNode | - | |
-| tags | Tag list next to title | [Tag](/components/tag/)\[] \| [Tag](/components/tag/) | - | |
-| title | Custom title text | ReactNode | - | |
-| onBack | Back icon click event | () => void | - | |
-
-
diff --git a/components/page-header/index.tsx b/components/page-header/index.tsx
deleted file mode 100644
index 03911f245f..0000000000
--- a/components/page-header/index.tsx
+++ /dev/null
@@ -1,199 +0,0 @@
-import ArrowLeftOutlined from '@ant-design/icons/ArrowLeftOutlined';
-import ArrowRightOutlined from '@ant-design/icons/ArrowRightOutlined';
-import classNames from 'classnames';
-import ResizeObserver from 'rc-resize-observer';
-import useState from 'rc-util/lib/hooks/useState';
-import * as React from 'react';
-import type { AvatarProps } from '../avatar';
-import Avatar from '../avatar';
-import type { BreadcrumbProps } from '../breadcrumb';
-import Breadcrumb from '../breadcrumb';
-import type { ConfigConsumerProps, DirectionType } from '../config-provider';
-import { ConfigConsumer } from '../config-provider';
-import LocaleReceiver from '../locale-provider/LocaleReceiver';
-import Space from '../space';
-import type { TagType } from '../tag';
-import TransButton from '../_util/transButton';
-
-export interface PageHeaderProps {
- backIcon?: React.ReactNode;
- prefixCls?: string;
- title?: React.ReactNode;
- subTitle?: React.ReactNode;
- style?: React.CSSProperties;
- breadcrumb?: BreadcrumbProps | React.ReactElement;
- breadcrumbRender?: (props: PageHeaderProps, defaultDom: React.ReactNode) => React.ReactNode;
- tags?: React.ReactElement | React.ReactElement[];
- footer?: React.ReactNode;
- extra?: React.ReactNode;
- avatar?: AvatarProps;
- onBack?: (e?: React.MouseEvent) => void;
- className?: string;
- ghost?: boolean;
- children?: React.ReactNode;
-}
-
-const renderBack = (
- prefixCls: string,
- backIcon?: React.ReactNode,
- onBack?: (e?: React.MouseEvent) => void,
-) => {
- if (!backIcon || !onBack) {
- return null;
- }
- return (
-
- {({ back }: { back: string }) => (
-
- ) => {
- onBack?.(e);
- }}
- className={`${prefixCls}-back-button`}
- aria-label={back}
- >
- {backIcon}
-
-
- )}
-
- );
-};
-
-const renderBreadcrumb = (breadcrumb: BreadcrumbProps) =>
- {hasTitle && (
-
- {backIconDom}
- {avatar &&
}
- {title && (
-
- {title}
-
- )}
- {subTitle && (
-
- {subTitle}
-
- )}
- {tags &&
{tags} }
-
- )}
- {extra && (
-
- {extra}
-
- )}
-
{footer}
;
- }
- return null;
-};
-
-const renderChildren = (prefixCls: string, children: React.ReactNode) => (
- {children}
-);
-
-const PageHeader: React.FC = props => {
- const [compact, updateCompact] = useState(false);
- const onResize = ({ width }: { width: number }) => {
- updateCompact(width < 768, true);
- };
- return (
-
- {({ getPrefixCls, pageHeader, direction }: ConfigConsumerProps) => {
- const {
- prefixCls: customizePrefixCls,
- style,
- footer,
- children,
- breadcrumb,
- breadcrumbRender,
- className: customizeClassName,
- } = props;
- let ghost: undefined | boolean = true;
-
- // Use `ghost` from `props` or from `ConfigProvider` instead.
- if ('ghost' in props) {
- ghost = props.ghost;
- } else if (pageHeader && 'ghost' in pageHeader) {
- ghost = pageHeader.ghost;
- }
-
- const prefixCls = getPrefixCls('page-header', customizePrefixCls);
-
- const getDefaultBreadcrumbDom = () => {
- if ((breadcrumb as BreadcrumbProps)?.routes) {
- return renderBreadcrumb(breadcrumb as BreadcrumbProps);
- }
- return null;
- };
-
- const defaultBreadcrumbDom = getDefaultBreadcrumbDom();
-
- const isBreadcrumbComponent = breadcrumb && 'props' in breadcrumb;
- // support breadcrumbRender function
- const breadcrumbRenderDomFromProps =
- breadcrumbRender?.(props, defaultBreadcrumbDom) ?? defaultBreadcrumbDom;
-
- const breadcrumbDom = isBreadcrumbComponent ? breadcrumb : breadcrumbRenderDomFromProps;
-
- const className = classNames(prefixCls, customizeClassName, {
- 'has-breadcrumb': !!breadcrumbDom,
- 'has-footer': !!footer,
- [`${prefixCls}-ghost`]: ghost,
- [`${prefixCls}-rtl`]: direction === 'rtl',
- [`${prefixCls}-compact`]: compact,
- });
-
- return (
-
-
- {breadcrumbDom}
- {renderTitle(prefixCls, props, direction)}
- {children && renderChildren(prefixCls, children)}
- {renderFooter(prefixCls, footer)}
-
-
- );
- }}
-
- );
-};
-
-export default PageHeader;
diff --git a/components/page-header/index.zh-CN.md b/components/page-header/index.zh-CN.md
deleted file mode 100644
index f4a61bab6c..0000000000
--- a/components/page-header/index.zh-CN.md
+++ /dev/null
@@ -1,39 +0,0 @@
----
-category: Components
-type: 导航
-title: PageHeader
-cols: 1
-subtitle: 页头
-cover: https://gw.alipayobjects.com/zos/alicdn/6bKE0Cq0R/PageHeader.svg
----
-
-页头位于页容器中，页容器顶部，起到了内容概览和引导页级操作的作用。包括由面包屑、标题、页面内容简介、页面级操作等、页面级导航组成。
-
-## 何时使用
-
-当需要使用户快速理解当前页是什么以及方便用户使用页面功能时使用，通常也可被用作页面间导航。
-
-## API
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 |
-| --- | --- | --- | --- | --- |
-| avatar | 标题栏旁的头像 | [AvatarProps](/components/avatar/) | - | |
-| backIcon | 自定义 back icon ，如果为 false 不渲染 back icon | ReactNode \| boolean | <ArrowLeft /> | |
-| breadcrumb | 面包屑的配置 | [Breadcrumb](/components/breadcrumb/) | - | |
-| breadcrumbRender | 自定义面包屑区域的内容 | `(props, originBreadcrumb) => ReactNode` | - | 4.11.0 |
-| extra | 操作区，位于 title 行的行尾 | ReactNode | - | |
-| footer | PageHeader 的页脚，一般用于渲染 TabBar | ReactNode | - | |
-| ghost | pageHeader 的类型，将会改变背景颜色 | boolean | true | |
-| subTitle | 自定义的二级标题文字 | ReactNode | - | |
-| tags | title 旁的 tag 列表 | [Tag](/components/tag/)\[] \| [Tag](/components/tag/) | - | |
-| title | 自定义标题文字 | ReactNode | - | |
-| onBack | 返回按钮的点击事件 | () => void | - | |
-
-
diff --git a/components/page-header/style/index.less b/components/page-header/style/index.less
deleted file mode 100644
index 074145756c..0000000000
--- a/components/page-header/style/index.less
+++ /dev/null
@@ -1,123 +0,0 @@
-@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;
- background-color: @component-background;
-
- &-ghost {
- background-color: @page-header-ghost-bg;
- }
-
- &.has-breadcrumb {
- padding-top: @page-header-padding-breadcrumb;
- }
-
- &.has-footer {
- padding-bottom: 0;
- }
-
- &-back {
- margin-right: @margin-md;
- font-size: 16px;
- line-height: 1;
-
- &-button {
- .operation-unit();
- color: @page-header-back-color;
- cursor: pointer;
- }
- }
-
- .@{ant-prefix}-divider-vertical {
- height: 14px;
- margin: 0 @margin-sm;
- vertical-align: middle;
- }
-
- .@{ant-prefix}-breadcrumb + &-heading {
- margin-top: @margin-xs;
- }
-
- .text-overflow-ellipsis() {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
-
- &-heading {
- display: flex;
- justify-content: space-between;
-
- &-left {
- display: flex;
- align-items: center;
- margin: (@margin-xs / 2) 0;
- overflow: hidden;
- }
-
- &-title {
- margin-right: @margin-sm;
- margin-bottom: 0;
- color: @heading-color;
- font-weight: 600;
- font-size: @page-header-heading-title;
- line-height: @height-base;
- .text-overflow-ellipsis();
- }
-
- .@{ant-prefix}-avatar {
- margin-right: @margin-sm;
- }
-
- &-sub-title {
- margin-right: @margin-sm;
- color: @text-color-secondary;
- font-size: @page-header-heading-sub-title;
- line-height: @line-height-base;
- .text-overflow-ellipsis();
- }
-
- &-extra {
- margin: (@margin-xs / 2) 0;
- white-space: nowrap;
-
- > * {
- white-space: unset;
- }
- }
- }
-
- &-content {
- padding-top: @page-header-content-padding-vertical;
- }
-
- &-footer {
- margin-top: @margin-md;
- .@{ant-prefix}-tabs {
- > .@{ant-prefix}-tabs-nav {
- margin: 0;
-
- &::before {
- border: none;
- }
- }
-
- .@{ant-prefix}-tabs-tab {
- padding-top: @padding-xs;
- padding-bottom: @padding-xs;
- font-size: @page-header-tabs-tab-font-size;
- }
- }
- }
-
- &-compact &-heading {
- flex-wrap: wrap;
- }
-}
-
-@import './rtl';
diff --git a/components/page-header/style/index.tsx b/components/page-header/style/index.tsx
deleted file mode 100644
index 5146a5fd56..0000000000
--- a/components/page-header/style/index.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import './index.less';
-
-// style dependencies
-import '../../avatar/style';
-import '../../breadcrumb/style';
-import '../../space/style';
diff --git a/components/page-header/style/rtl.less b/components/page-header/style/rtl.less
deleted file mode 100644
index 33e5c0d86b..0000000000
--- a/components/page-header/style/rtl.less
+++ /dev/null
@@ -1,77 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@pageheader-prefix-cls: ~'@{ant-prefix}-page-header';
-
-.@{pageheader-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-
- &-back {
- .@{pageheader-prefix-cls}-rtl & {
- float: right;
- margin-right: 0;
- margin-left: 16px;
- }
- }
-
- &-heading {
- &-title {
- .@{pageheader-prefix-cls}-rtl & {
- margin-right: 0;
- margin-left: @margin-sm;
- }
- }
-
- .@{ant-prefix}-avatar {
- .@{pageheader-prefix-cls}-rtl & {
- margin-right: 0;
- margin-left: @margin-sm;
- }
- }
-
- &-sub-title {
- .@{pageheader-prefix-cls}-rtl & {
- float: right;
- margin-right: 0;
- margin-left: 12px;
- }
- }
-
- &-tags {
- .@{pageheader-prefix-cls}-rtl & {
- float: right;
- }
- }
-
- &-extra {
- .@{pageheader-prefix-cls}-rtl & {
- float: left;
- }
-
- > * {
- .@{pageheader-prefix-cls}-rtl & {
- margin-right: @margin-sm;
- margin-left: 0;
- }
- }
-
- > *:first-child {
- .@{pageheader-prefix-cls}-rtl & {
- margin-right: 0;
- }
- }
- }
- }
-
- &-footer {
- .@{ant-prefix}-tabs-bar {
- .@{ant-prefix}-tabs-nav {
- .@{pageheader-prefix-cls}-rtl & {
- float: right;
- }
- }
- }
- }
-}
diff --git a/components/pagination/style/index.less b/components/pagination/style/index.less
deleted file mode 100644
index 4f4fccbc67..0000000000
--- a/components/pagination/style/index.less
+++ /dev/null
@@ -1,472 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-// @import '../../input/style/mixin';
-//
-// @pagination-prefix-cls: ~'@{ant-prefix}-pagination';
-//
-// .@{pagination-prefix-cls} {
-// .reset-component();
-//
-// ul,
-// ol {
-// margin: 0;
-// padding: 0;
-// list-style: none;
-// }
-//
-// &::after {
-// display: block;
-// clear: both;
-// height: 0;
-// overflow: hidden;
-// visibility: hidden;
-// content: ' ';
-// }
-//
-// &-total-text {
-// display: inline-block;
-// height: @pagination-item-size;
-// margin-right: 8px;
-// line-height: @pagination-item-size - 2px;
-// vertical-align: middle;
-// }
-//
-// &-item {
-// display: inline-block;
-// min-width: @pagination-item-size;
-// height: @pagination-item-size;
-// margin-right: 8px;
-// font-family: @pagination-font-family;
-// line-height: @pagination-item-size - 2px;
-// text-align: center;
-// vertical-align: middle;
-// list-style: none;
-// background-color: @pagination-item-bg;
-// border: @border-width-base @border-style-base @border-color-base;
-// border-radius: @border-radius-base;
-// outline: 0;
-// cursor: pointer;
-// user-select: none;
-//
-// a {
-// display: block;
-// padding: 0 6px;
-// color: @text-color;
-// transition: none;
-//
-// &:hover {
-// text-decoration: none;
-// }
-// }
-//
-// &:hover {
-// border-color: @primary-color;
-// transition: all 0.3s;
-//
-// a {
-// color: @primary-color;
-// }
-// }
-//
-// // cannot merge with `&:hover`
-// // see https://github.com/ant-design/ant-design/pull/34002
-// &:focus-visible {
-// border-color: @primary-color;
-// transition: all 0.3s;
-//
-// a {
-// color: @primary-color;
-// }
-// }
-//
-// &-active {
-// font-weight: @pagination-font-weight-active;
-// background: @pagination-item-bg-active;
-// border-color: @primary-color;
-//
-// a {
-// color: @primary-color;
-// }
-//
-// &:hover {
-// border-color: @primary-5;
-// }
-//
-// &:focus-visible {
-// border-color: @primary-5;
-// }
-//
-// &:hover a {
-// color: @primary-5;
-// }
-//
-// &:focus-visible a {
-// color: @primary-5;
-// }
-// }
-// }
-//
-// &-jump-prev,
-// &-jump-next {
-// outline: 0;
-// .@{pagination-prefix-cls}-item-container {
-// position: relative;
-//
-// .@{pagination-prefix-cls}-item-link-icon {
-// color: @primary-color;
-// font-size: @font-size-sm;
-// letter-spacing: -1px;
-// opacity: 0;
-// transition: all 0.2s;
-//
-// &-svg {
-// top: 0;
-// right: 0;
-// bottom: 0;
-// left: 0;
-// margin: auto;
-// }
-// }
-//
-// .@{pagination-prefix-cls}-item-ellipsis {
-// position: absolute;
-// top: 0;
-// right: 0;
-// bottom: 0;
-// left: 0;
-// display: block;
-// margin: auto;
-// color: @disabled-color;
-// font-family: Arial, Helvetica, sans-serif;
-// letter-spacing: 2px;
-// text-align: center;
-// text-indent: 0.13em;
-// opacity: 1;
-// transition: all 0.2s;
-// }
-// }
-//
-// &:hover {
-// .@{pagination-prefix-cls}-item-link-icon {
-// opacity: 1;
-// }
-// .@{pagination-prefix-cls}-item-ellipsis {
-// opacity: 0;
-// }
-// }
-//
-// &:focus-visible {
-// .@{pagination-prefix-cls}-item-link-icon {
-// opacity: 1;
-// }
-// .@{pagination-prefix-cls}-item-ellipsis {
-// opacity: 0;
-// }
-// }
-// }
-//
-// &-prev,
-// &-jump-prev,
-// &-jump-next {
-// margin-right: 8px;
-// }
-//
-// &-prev,
-// &-next,
-// &-jump-prev,
-// &-jump-next {
-// display: inline-block;
-// min-width: @pagination-item-size;
-// height: @pagination-item-size;
-// color: @text-color;
-// font-family: @pagination-font-family;
-// line-height: @pagination-item-size;
-// text-align: center;
-// vertical-align: middle;
-// list-style: none;
-// border-radius: @border-radius-base;
-// cursor: pointer;
-// transition: all 0.3s;
-// }
-//
-// &-prev,
-// &-next {
-// font-family: Arial, Helvetica, sans-serif;
-// outline: 0;
-//
-// button {
-// color: @text-color;
-// cursor: pointer;
-// user-select: none;
-// }
-//
-// &:hover button {
-// border-color: @primary-5;
-// }
-//
-// .@{pagination-prefix-cls}-item-link {
-// display: block;
-// width: 100%;
-// height: 100%;
-// padding: 0;
-// font-size: 12px;
-// text-align: center;
-// background-color: @pagination-item-link-bg;
-// border: @border-width-base @border-style-base @border-color-base;
-// border-radius: @border-radius-base;
-// outline: none;
-// transition: all 0.3s;
-// }
-//
-// &:focus-visible .@{pagination-prefix-cls}-item-link {
-// color: @primary-color;
-// border-color: @primary-color;
-// }
-//
-// &:hover .@{pagination-prefix-cls}-item-link {
-// color: @primary-color;
-// border-color: @primary-color;
-// }
-// }
-//
-// &-disabled {
-// &,
-// &:hover {
-// cursor: not-allowed;
-// .@{pagination-prefix-cls}-item-link {
-// color: @disabled-color;
-// border-color: @border-color-base;
-// cursor: not-allowed;
-// }
-// }
-//
-// &:focus-visible {
-// cursor: not-allowed;
-// .@{pagination-prefix-cls}-item-link {
-// color: @disabled-color;
-// border-color: @border-color-base;
-// cursor: not-allowed;
-// }
-// }
-// }
-//
-// &-slash {
-// margin: 0 10px 0 5px;
-// }
-//
-// &-options {
-// display: inline-block;
-// margin-left: 16px;
-// vertical-align: middle;
-//
-// // IE11 css hack. `*::-ms-backdrop,` is a must have
-// @media all and (-ms-high-contrast: none) {
-// *::-ms-backdrop,
-// & {
-// vertical-align: top;
-// }
-// }
-//
-// &-size-changer.@{ant-prefix}-select {
-// display: inline-block;
-// width: auto;
-// }
-//
-// &-quick-jumper {
-// display: inline-block;
-// height: @input-height-base;
-// margin-left: @margin-xs;
-// line-height: @input-height-base;
-// vertical-align: top;
-//
-// input {
-// .input();
-//
-// width: 50px;
-// height: @input-height-base;
-// margin: 0 8px;
-// }
-// }
-// }
-//
-// &-simple &-prev,
-// &-simple &-next {
-// height: @pagination-item-size-sm;
-// line-height: @pagination-item-size-sm;
-// vertical-align: top;
-// .@{pagination-prefix-cls}-item-link {
-// height: @pagination-item-size-sm;
-// background-color: transparent;
-// border: 0;
-//
-// &::after {
-// height: @pagination-item-size-sm;
-// line-height: @pagination-item-size-sm;
-// }
-// }
-// }
-//
-// &-simple &-simple-pager {
-// display: inline-block;
-// height: @pagination-item-size-sm;
-// margin-right: 8px;
-//
-// input {
-// box-sizing: border-box;
-// height: 100%;
-// margin-right: 8px;
-// padding: 0 6px;
-// text-align: center;
-// background-color: @pagination-item-input-bg;
-// border: @border-width-base @border-style-base @border-color-base;
-// border-radius: @border-radius-base;
-// outline: none;
-// transition: border-color 0.3s;
-//
-// &:hover {
-// border-color: @primary-color;
-// }
-//
-// &:focus {
-// border-color: @primary-color-hover;
-// box-shadow: @input-outline-offset @outline-blur-size @outline-width @primary-color-outline;
-// }
-//
-// &[disabled] {
-// color: @disabled-color;
-// background: @disabled-bg;
-// border-color: @border-color-base;
-// cursor: not-allowed;
-// }
-// }
-// }
-//
-// &&-mini &-total-text,
-// &&-mini &-simple-pager {
-// height: @pagination-item-size-sm;
-// line-height: @pagination-item-size-sm;
-// }
-//
-// &&-mini &-item {
-// min-width: @pagination-item-size-sm;
-// height: @pagination-item-size-sm;
-// margin: 0;
-// line-height: @pagination-item-size-sm - 2px;
-// }
-//
-// &&-mini &-item:not(&-item-active) {
-// background: transparent;
-// border-color: transparent;
-// }
-//
-// &&-mini &-prev,
-// &&-mini &-next {
-// min-width: @pagination-item-size-sm;
-// height: @pagination-item-size-sm;
-// margin: 0;
-// line-height: @pagination-item-size-sm;
-// }
-//
-// &&-mini &-prev &-item-link,
-// &&-mini &-next &-item-link {
-// background: transparent;
-// border-color: transparent;
-//
-// &::after {
-// height: @pagination-item-size-sm;
-// line-height: @pagination-item-size-sm;
-// }
-// }
-//
-// &&-mini &-jump-prev,
-// &&-mini &-jump-next {
-// height: @pagination-item-size-sm;
-// margin-right: 0;
-// line-height: @pagination-item-size-sm;
-// }
-//
-// &&-mini &-options {
-// margin-left: 2px;
-//
-// &-size-changer {
-// top: @pagination-mini-options-size-changer-top;
-// }
-//
-// &-quick-jumper {
-// height: @pagination-item-size-sm;
-// line-height: @pagination-item-size-sm;
-//
-// input {
-// .input-sm();
-//
-// width: 44px;
-// height: @input-height-sm;
-// }
-// }
-// }
-//
-// // ============================ 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: @pagination-item-disabled-bg-active;
-//
-// a {
-// color: @pagination-item-disabled-color-active;
-// }
-// }
-// }
-//
-// .@{pagination-prefix-cls}-item-link {
-// color: @disabled-color;
-// background: @disabled-bg;
-// border-color: @border-color-base;
-// cursor: not-allowed;
-// .@{pagination-prefix-cls}-simple& {
-// background: transparent;
-// }
-// }
-//
-// .@{pagination-prefix-cls}-item-link-icon {
-// opacity: 0;
-// }
-//
-// .@{pagination-prefix-cls}-item-ellipsis {
-// opacity: 1;
-// }
-//
-// .@{pagination-prefix-cls}-simple-pager {
-// color: @disabled-color;
-// }
-// }
-// }
-//
-// @media only screen and (max-width: @screen-lg) {
-// .@{pagination-prefix-cls}-item {
-// &-after-jump-prev,
-// &-before-jump-next {
-// display: none;
-// }
-// }
-// }
-//
-// @media only screen and (max-width: @screen-sm) {
-// .@{pagination-prefix-cls}-options {
-// display: none;
-// }
-// }
-//
-// @import './rtl';
diff --git a/components/pagination/style/index.tsx b/components/pagination/style/index.tsx
index af2463bca6..e301fc20c0 100644
--- a/components/pagination/style/index.tsx
+++ b/components/pagination/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import {
genBasicInputStyle,
diff --git a/components/pagination/style/rtl.less b/components/pagination/style/rtl.less
deleted file mode 100644
index 49e74ecfd9..0000000000
--- a/components/pagination/style/rtl.less
+++ /dev/null
@@ -1,55 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-@import '../../input/style/mixin';
-
-@pagination-prefix-cls: ~'@{ant-prefix}-pagination';
-
-.@{pagination-prefix-cls}-rtl {
- .@{pagination-prefix-cls}-total-text {
- margin-right: 0;
- margin-left: 8px;
- }
-
- .@{pagination-prefix-cls}-item,
- .@{pagination-prefix-cls}-prev,
- .@{pagination-prefix-cls}-jump-prev,
- .@{pagination-prefix-cls}-jump-next {
- margin-right: 0;
- margin-left: 8px;
- }
-
- .@{pagination-prefix-cls}-slash {
- margin: 0 5px 0 10px;
- }
-
- .@{pagination-prefix-cls}-options {
- margin-right: 16px;
- margin-left: 0;
-
- .@{pagination-prefix-cls}-options-size-changer.@{ant-prefix}-select {
- margin-right: 0;
- margin-left: 8px;
- }
-
- .@{pagination-prefix-cls}-options-quick-jumper {
- margin-left: 0;
- }
- }
-
- &.@{pagination-prefix-cls}-simple {
- .@{pagination-prefix-cls}-simple-pager {
- margin-right: 0;
- margin-left: 8px;
-
- input {
- margin-right: 0;
- margin-left: 8px;
- }
- }
- }
-
- &.@{pagination-prefix-cls}.mini .@{pagination-prefix-cls}-options {
- margin-right: 2px;
- margin-left: 0;
- }
-}
diff --git a/components/popconfirm/style/index.less b/components/popconfirm/style/index.less
deleted file mode 100644
index 22be193f57..0000000000
--- a/components/popconfirm/style/index.less
+++ /dev/null
@@ -1,8 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @popconfirm-prefix-cls: ~'@{ant-prefix}-popconfirm';
-
-// .@{popconfirm-prefix-cls} {
-// z-index: @zindex-popoconfirm;
-// }
diff --git a/components/popconfirm/style/index.tsx b/components/popconfirm/style/index.tsx
index 2d1682ab90..c5fef505c4 100644
--- a/components/popconfirm/style/index.tsx
+++ b/components/popconfirm/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook } from '../../theme';
diff --git a/components/popover/style/index.tsx b/components/popover/style/index.tsx
index e5daadbfbe..fc2e3a5594 100644
--- a/components/popover/style/index.tsx
+++ b/components/popover/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import { initZoomMotion } from '../../style/motion';
import type { FullToken, GenerateStyle, PresetColorType } from '../../theme';
import {
diff --git a/components/popover/style/rtl.less b/components/popover/style/rtl.less
deleted file mode 100644
index dece824b82..0000000000
--- a/components/popover/style/rtl.less
+++ /dev/null
@@ -1,33 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@popover-prefix-cls: ~'@{ant-prefix}-popover';
-
-.@{popover-prefix-cls} {
- &-rtl {
- direction: rtl;
- text-align: right;
- }
-
- &-message {
- &-title {
- .@{popover-prefix-cls}-rtl & {
- padding-right: @font-size-base + 8px;
- padding-left: @padding-md;
- }
- }
- }
-
- &-buttons {
- .@{popover-prefix-cls}-rtl & {
- text-align: left;
- }
-
- button {
- .@{popover-prefix-cls}-rtl & {
- margin-right: 8px;
- margin-left: 0;
- }
- }
- }
-}
diff --git a/components/progress/style/index.less b/components/progress/style/index.less
deleted file mode 100644
index f32636a394..0000000000
--- a/components/progress/style/index.less
+++ /dev/null
@@ -1,210 +0,0 @@
-//@import '../../style/themes/index';
-//@import '../../style/mixins/index';
-//
-//@progress-prefix-cls: ~'@{ant-prefix}-progress';
-//
-//.@{progress-prefix-cls} {
-// .reset-component();
-//
-// display: inline-block;
-//
-// &-line {
-// position: relative;
-// width: 100%;
-// font-size: @font-size-base;
-// }
-//
-// &-steps {
-// display: inline-block;
-//
-// &-outer {
-// display: flex;
-// flex-direction: row;
-// align-items: center;
-// }
-//
-// &-item {
-// flex-shrink: 0;
-// min-width: 2px;
-// margin-right: 2px;
-// background: @progress-steps-item-bg;
-// transition: all 0.3s;
-//
-// &-active {
-// background: @progress-default-color;
-// }
-// }
-// }
-//
-// &-small&-line,
-// &-small&-line &-text .@{iconfont-css-prefix} {
-// font-size: @font-size-sm;
-// }
-//
-// &-outer {
-// display: inline-block;
-// width: 100%;
-// margin-right: 0;
-// padding-right: 0;
-// .@{progress-prefix-cls}-show-info & {
-// margin-right: ~'calc(-2em - 8px)';
-// padding-right: ~'calc(2em + 8px)';
-// }
-// }
-//
-// &-inner {
-// position: relative;
-// display: inline-block;
-// width: 100%;
-// overflow: hidden;
-// vertical-align: middle;
-// background-color: @progress-remaining-color;
-// border-radius: @progress-radius;
-// }
-//
-// &-circle-trail {
-// stroke: @progress-remaining-color;
-// }
-//
-// &-circle-path {
-// animation: ~'@{ant-prefix}-progress-appear' 0.3s;
-// }
-//
-// &-inner:not(.@{ant-prefix}-progress-circle-gradient) {
-// .@{ant-prefix}-progress-circle-path {
-// stroke: @progress-default-color;
-// }
-// }
-//
-// &-success-bg,
-// &-bg {
-// position: relative;
-// background-color: @progress-default-color;
-// border-radius: @progress-radius;
-// transition: all 0.4s @ease-out-circ 0s;
-// }
-//
-// &-success-bg {
-// position: absolute;
-// top: 0;
-// left: 0;
-// background-color: @success-color;
-// }
-//
-// &-text {
-// display: inline-block;
-// width: 2em;
-// margin-left: 8px;
-// color: @progress-info-text-color;
-// font-size: @progress-text-font-size;
-// line-height: 1;
-// white-space: nowrap;
-// text-align: left;
-// vertical-align: middle;
-// word-break: normal;
-// .@{iconfont-css-prefix} {
-// font-size: @font-size-base;
-// }
-// }
-//
-// &-status-active {
-// .@{progress-prefix-cls}-bg::before {
-// position: absolute;
-// top: 0;
-// right: 0;
-// bottom: 0;
-// left: 0;
-// background: @component-background;
-// border-radius: 10px;
-// opacity: 0;
-// animation: ~'@{ant-prefix}-progress-active' 2.4s @ease-out-quint infinite;
-// content: '';
-// }
-// }
-//
-// &-status-exception {
-// .@{progress-prefix-cls}-bg {
-// background-color: @error-color;
-// }
-// .@{progress-prefix-cls}-text {
-// color: @error-color;
-// }
-// }
-//
-// &-status-exception &-inner:not(.@{progress-prefix-cls}-circle-gradient) {
-// .@{progress-prefix-cls}-circle-path {
-// stroke: @error-color;
-// }
-// }
-//
-// &-status-success {
-// .@{progress-prefix-cls}-bg {
-// background-color: @success-color;
-// }
-// .@{progress-prefix-cls}-text {
-// color: @success-color;
-// }
-// }
-//
-// &-status-success &-inner:not(.@{progress-prefix-cls}-circle-gradient) {
-// .@{progress-prefix-cls}-circle-path {
-// stroke: @success-color;
-// }
-// }
-//
-// &-circle &-inner {
-// position: relative;
-// line-height: 1;
-// background-color: transparent;
-// }
-//
-// &-circle &-text {
-// position: absolute;
-// top: 50%;
-// left: 50%;
-// width: 100%;
-// margin: 0;
-// padding: 0;
-// color: @progress-text-color;
-// font-size: @progress-circle-text-font-size;
-// line-height: 1;
-// white-space: normal;
-// text-align: center;
-// transform: translate(-50%, -50%);
-//
-// .@{iconfont-css-prefix} {
-// font-size: (14 / 12em);
-// }
-// }
-//
-// &-circle&-status-exception {
-// .@{progress-prefix-cls}-text {
-// color: @error-color;
-// }
-// }
-//
-// &-circle&-status-success {
-// .@{progress-prefix-cls}-text {
-// color: @success-color;
-// }
-// }
-//}
-//
-//@keyframes ~"@{ant-prefix}-progress-active" {
-// 0% {
-// transform: translateX(-100%) scaleX(0);
-// opacity: 0.1;
-// }
-//
-// 20% {
-// transform: translateX(-100%) scaleX(0);
-// opacity: 0.5;
-// }
-//
-// 100% {
-// transform: translateX(0) scaleX(1);
-// opacity: 0;
-// }
-//}
-//
-//@import './rtl';
diff --git a/components/progress/style/index.tsx b/components/progress/style/index.tsx
index 1388f3b6c9..1c49ee3ccd 100644
--- a/components/progress/style/index.tsx
+++ b/components/progress/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import { Keyframes } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
diff --git a/components/progress/style/rtl.less b/components/progress/style/rtl.less
deleted file mode 100644
index 0756b5f847..0000000000
--- a/components/progress/style/rtl.less
+++ /dev/null
@@ -1,37 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@progress-prefix-cls: ~'@{ant-prefix}-progress';
-
-.@{progress-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-
- &-outer {
- .@{progress-prefix-cls}-show-info & {
- .@{progress-prefix-cls}-rtl& {
- margin-right: 0;
- margin-left: ~'calc(-2em - 8px)';
- padding-right: 0;
- padding-left: ~'calc(2em + 8px)';
- }
- }
- }
-
- &-success-bg {
- .@{progress-prefix-cls}-rtl & {
- right: 0;
- left: auto;
- }
- }
-
- &-line &-text,
- &-steps &-text {
- .@{progress-prefix-cls}-rtl& {
- margin-right: 8px;
- margin-left: 0;
- text-align: right;
- }
- }
-}
diff --git a/components/radio/style/index.less b/components/radio/style/index.less
deleted file mode 100644
index 63f13b291f..0000000000
--- a/components/radio/style/index.less
+++ /dev/null
@@ -1,371 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @radio-prefix-cls: ~'@{ant-prefix}-radio';
-// @radio-group-prefix-cls: ~'@{radio-prefix-cls}-group';
-// @radio-inner-prefix-cls: ~'@{radio-prefix-cls}-inner';
-// @radio-duration: 0.3s;
-// @radio-focus-shadow: 0 0 0 3px @primary-1;
-// @radio-button-focus-shadow: @radio-focus-shadow;
-
-// .@{radio-group-prefix-cls} {
-// .reset-component();
-
-// display: inline-block;
-// font-size: 0;
-
-// .@{ant-prefix}-badge-count {
-// z-index: 1;
-// }
-
-// > .@{ant-prefix}-badge:not(:first-child) > .@{radio-prefix-cls}-button-wrapper {
-// border-left: none;
-// }
-// }
-
-// // 一般状态
-// .@{radio-prefix-cls}-wrapper {
-// .reset-component();
-// position: relative;
-// display: inline-flex;
-// align-items: baseline;
-// margin-right: @radio-wrapper-margin-right;
-// cursor: pointer;
-
-// &-disabled {
-// cursor: not-allowed;
-// }
-
-// &::after {
-// display: inline-block;
-// width: 0;
-// overflow: hidden;
-// content: '\a0';
-// }
-
-// &&-in-form-item {
-// input[type='radio'] {
-// width: 14px;
-// height: 14px;
-// }
-// }
-// }
-
-// .@{radio-prefix-cls} {
-// .reset-component();
-
-// position: relative;
-// top: @radio-top;
-// display: inline-block;
-// outline: none;
-// cursor: pointer;
-
-// .@{radio-prefix-cls}-wrapper:hover &,
-// &:hover .@{radio-inner-prefix-cls},
-// &-input:focus + .@{radio-inner-prefix-cls} {
-// border-color: @radio-dot-color;
-// }
-
-// &-input:focus + .@{radio-inner-prefix-cls} {
-// box-shadow: @radio-focus-shadow;
-// }
-
-// &-checked::after {
-// position: absolute;
-// top: 0;
-// left: 0;
-// width: 100%;
-// height: 100%;
-// border: 1px solid @radio-dot-color;
-// border-radius: 50%;
-// visibility: hidden;
-// animation: antRadioEffect 0.36s ease-in-out;
-// animation-fill-mode: both;
-// content: '';
-// }
-
-// &:hover::after,
-// .@{radio-prefix-cls}-wrapper:hover &::after {
-// visibility: visible;
-// }
-
-// &-inner {
-// &::after {
-// position: absolute;
-// top: 50%;
-// left: 50%;
-// display: block;
-// width: @radio-size;
-// height: @radio-size;
-// margin-top: -(@radio-size / 2);
-// margin-left: -(@radio-size / 2);
-// background-color: @radio-dot-color;
-// border-top: 0;
-// border-left: 0;
-// border-radius: @radio-size;
-// transform: scale(0);
-// opacity: 0;
-// transition: all @radio-duration @ease-in-out-circ;
-// content: ' ';
-// }
-
-// position: relative;
-// top: 0;
-// left: 0;
-// display: block;
-// width: @radio-size;
-// height: @radio-size;
-// background-color: @radio-button-bg;
-// border-color: @border-color-base;
-// border-style: solid;
-// border-width: @radio-border-width;
-// border-radius: 50%;
-// transition: all @radio-duration;
-// }
-
-// &-input {
-// position: absolute;
-// top: 0;
-// right: 0;
-// bottom: 0;
-// left: 0;
-// z-index: 1;
-// cursor: pointer;
-// opacity: 0;
-// }
-
-// &&-disabled {
-// .@{radio-inner-prefix-cls} {
-// border-color: @border-color-base;
-// }
-// }
-// }
-
-// // 选中状态
-// .@{radio-prefix-cls}-checked {
-// .@{radio-inner-prefix-cls} {
-// border-color: @radio-dot-color;
-
-// &::after {
-// transform: scale((unit(@radio-dot-size) / unit(@radio-size)));
-// opacity: 1;
-// transition: all @radio-duration @ease-in-out-circ;
-// }
-// }
-// }
-
-// .@{radio-prefix-cls}-disabled {
-// cursor: not-allowed;
-
-// .@{radio-inner-prefix-cls} {
-// background-color: @input-disabled-bg;
-// cursor: not-allowed;
-
-// &::after {
-// background-color: @radio-dot-disabled-color;
-// }
-// }
-
-// .@{radio-prefix-cls}-input {
-// cursor: not-allowed;
-// }
-
-// & + span {
-// color: @disabled-color;
-// cursor: not-allowed;
-// }
-// }
-
-// span.@{radio-prefix-cls} + * {
-// padding-right: 8px;
-// padding-left: 8px;
-// }
-
-// .@{radio-prefix-cls}-button-wrapper {
-// position: relative;
-// display: inline-block;
-// height: @btn-height-base;
-// margin: 0;
-// padding: 0 @radio-button-padding-horizontal;
-// color: @radio-button-color;
-// font-size: @font-size-base;
-// line-height: @btn-height-base - 2px;
-// background: @radio-button-bg;
-// border: @border-width-base @border-style-base @border-color-base;
-// // strange align fix for chrome but works
-// // https://gw.alipayobjects.com/zos/rmsportal/VFTfKXJuogBAXcvfAUWJ.gif
-// border-top-width: @border-width-base + 0.02px;
-// border-left-width: 0;
-// cursor: pointer;
-// transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
-
-// a {
-// color: @radio-button-color;
-// }
-
-// > .@{radio-prefix-cls}-button {
-// position: absolute;
-// top: 0;
-// left: 0;
-// z-index: -1;
-// width: 100%;
-// height: 100%;
-// }
-
-// .@{radio-group-prefix-cls}-large & {
-// height: @input-height-lg;
-// font-size: @font-size-lg;
-// line-height: @input-height-lg - 2px;
-// }
-
-// .@{radio-group-prefix-cls}-small & {
-// height: @input-height-sm;
-// padding: 0 @control-padding-horizontal-sm - 1px;
-// line-height: @input-height-sm - 2px;
-// }
-
-// &:not(:first-child) {
-// &::before {
-// position: absolute;
-// top: @border-width-base * -1;
-// left: -1px;
-// display: block;
-// box-sizing: content-box;
-// width: 1px;
-// height: 100%;
-// padding: @border-width-base 0;
-// background-color: @border-color-base;
-// transition: background-color 0.3s;
-// content: '';
-// }
-// }
-
-// &:first-child {
-// border-left: @border-width-base @border-style-base @border-color-base;
-// border-radius: @border-radius-base 0 0 @border-radius-base;
-// }
-
-// &:last-child {
-// border-radius: 0 @border-radius-base @border-radius-base 0;
-// }
-
-// &:first-child:last-child {
-// border-radius: @border-radius-base;
-// }
-
-// &:hover {
-// position: relative;
-// color: @radio-dot-color;
-// }
-
-// &:focus-within {
-// box-shadow: @radio-button-focus-shadow;
-// }
-
-// .@{radio-prefix-cls}-inner,
-// input[type='checkbox'],
-// input[type='radio'] {
-// width: 0;
-// height: 0;
-// opacity: 0;
-// pointer-events: none;
-// }
-
-// &-checked:not(&-disabled) {
-// z-index: 1;
-// color: @radio-dot-color;
-// background: @radio-button-checked-bg;
-// border-color: @radio-dot-color;
-
-// &::before {
-// background-color: @radio-dot-color;
-// }
-
-// &:first-child {
-// border-color: @radio-dot-color;
-// }
-
-// &:hover {
-// color: @radio-button-hover-color;
-// border-color: @radio-button-hover-color;
-
-// &::before {
-// background-color: @radio-button-hover-color;
-// }
-// }
-
-// &:active {
-// color: @radio-button-active-color;
-// border-color: @radio-button-active-color;
-
-// &::before {
-// background-color: @radio-button-active-color;
-// }
-// }
-
-// &:focus-within {
-// box-shadow: @radio-button-focus-shadow;
-// }
-// }
-
-// .@{radio-group-prefix-cls}-solid &-checked:not(&-disabled) {
-// color: @radio-solid-checked-color;
-// background: @radio-dot-color;
-// border-color: @radio-dot-color;
-
-// &:hover {
-// color: @radio-solid-checked-color;
-// background: @radio-button-hover-color;
-// border-color: @radio-button-hover-color;
-// }
-
-// &:active {
-// color: @radio-solid-checked-color;
-// background: @radio-button-active-color;
-// border-color: @radio-button-active-color;
-// }
-
-// &:focus-within {
-// box-shadow: @radio-button-focus-shadow;
-// }
-// }
-
-// &-disabled {
-// color: @disabled-color;
-// background-color: @input-disabled-bg;
-// border-color: @border-color-base;
-// cursor: not-allowed;
-
-// &:first-child,
-// &:hover {
-// color: @disabled-color;
-// background-color: @input-disabled-bg;
-// border-color: @border-color-base;
-// }
-
-// &:first-child {
-// border-left-color: @border-color-base;
-// }
-// }
-
-// &-disabled&-checked {
-// color: @radio-disabled-button-checked-color;
-// background-color: @radio-disabled-button-checked-bg;
-// border-color: @border-color-base;
-// box-shadow: none;
-// }
-// }
-
-// @keyframes antRadioEffect {
-// 0% {
-// transform: scale(1);
-// opacity: 0.5;
-// }
-
-// 100% {
-// transform: scale(1.6);
-// opacity: 0;
-// }
-// }
-
-// @import './rtl';
diff --git a/components/radio/style/index.tsx b/components/radio/style/index.tsx
index f96570b404..25963c1c4b 100644
--- a/components/radio/style/index.tsx
+++ b/components/radio/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import { Keyframes } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken, resetComponent } from '../../theme';
diff --git a/components/radio/style/rtl.less b/components/radio/style/rtl.less
deleted file mode 100644
index 404f2fefaf..0000000000
--- a/components/radio/style/rtl.less
+++ /dev/null
@@ -1,61 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @radio-prefix-cls: ~'@{ant-prefix}-radio';
-// @radio-group-prefix-cls: ~'@{radio-prefix-cls}-group';
-// @radio-prefix-cls-button-wrapper: ~'@{radio-prefix-cls}-button-wrapper';
-
-// .@{radio-group-prefix-cls} {
-// &&-rtl {
-// direction: rtl;
-// }
-// }
-
-// // 一般状态
-// .@{radio-prefix-cls}-wrapper {
-// &&-rtl {
-// margin-right: 0;
-// margin-left: @radio-wrapper-margin-right;
-// direction: rtl;
-// }
-// }
-
-// .@{radio-prefix-cls-button-wrapper} {
-// &&-rtl {
-// border-right-width: 0;
-// border-left-width: @border-width-base;
-// }
-
-// &:not(:first-child) {
-// &::before {
-// .@{radio-prefix-cls-button-wrapper}.@{radio-prefix-cls-button-wrapper}-rtl& {
-// right: -1px;
-// left: 0;
-// }
-// }
-// }
-
-// &:first-child {
-// .@{radio-prefix-cls-button-wrapper}.@{radio-prefix-cls-button-wrapper}-rtl& {
-// border-right: @border-width-base @border-style-base @border-color-base;
-// border-radius: 0 @border-radius-base @border-radius-base 0;
-// }
-// .@{radio-prefix-cls-button-wrapper}-checked:not([class*=~"' @{radio-prefix-cls}-button-wrapper-disabled'"])& {
-// border-right-color: @radio-button-hover-color;
-// }
-// }
-
-// &:last-child {
-// .@{radio-prefix-cls-button-wrapper}.@{radio-prefix-cls-button-wrapper}-rtl& {
-// border-radius: @border-radius-base 0 0 @border-radius-base;
-// }
-// }
-
-// &-disabled {
-// &:first-child {
-// .@{radio-prefix-cls-button-wrapper}.@{radio-prefix-cls-button-wrapper}-rtl& {
-// border-right-color: @border-color-base;
-// }
-// }
-// }
-// }
diff --git a/components/rate/style/index.less b/components/rate/style/index.less
deleted file mode 100644
index d547712c09..0000000000
--- a/components/rate/style/index.less
+++ /dev/null
@@ -1,89 +0,0 @@
-@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;
- color: @rate-star-color;
- font-size: @rate-star-size;
- line-height: unset;
- list-style: none;
- outline: none;
-
- &-disabled &-star {
- cursor: default;
-
- > div:hover {
- transform: scale(1);
- }
- }
-
- &-star {
- position: relative;
- display: inline-block;
- color: inherit;
- cursor: pointer;
-
- &:not(:last-child) {
- margin-right: 8px;
- }
-
- > div {
- transition: all 0.3s, outline 0s;
-
- &:hover {
- transform: @rate-star-hover-scale;
- }
-
- &:focus {
- outline: 0;
- }
-
- &:focus-visible {
- outline: 1px dashed @rate-star-color;
- transform: @rate-star-hover-scale;
- }
- }
-
- &-first,
- &-second {
- color: @rate-star-bg;
- transition: all 0.3s;
- user-select: none;
- .@{iconfont-css-prefix} {
- vertical-align: middle;
- }
- }
-
- &-first {
- position: absolute;
- top: 0;
- left: 0;
- width: 50%;
- height: 100%;
- overflow: hidden;
- opacity: 0;
- }
-
- &-half &-first,
- &-half &-second {
- opacity: 1;
- }
-
- &-half &-first,
- &-full &-second {
- color: inherit;
- }
- }
-
- &-text {
- display: inline-block;
- margin: 0 8px;
- font-size: @font-size-base;
- }
-}
diff --git a/components/rate/style/index.tsx b/components/rate/style/index.tsx
index 9e80bbbef5..c24a145f03 100644
--- a/components/rate/style/index.tsx
+++ b/components/rate/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken, resetComponent } from '../../theme';
diff --git a/components/result/style/index.less b/components/result/style/index.less
deleted file mode 100644
index 593f828ed0..0000000000
--- a/components/result/style/index.less
+++ /dev/null
@@ -1,75 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @result-prefix-cls: ~'@{ant-prefix}-result';
-
-// .@{result-prefix-cls} {
-// padding: 48px 32px;
-// // status color
-// &-success &-icon > .@{iconfont-css-prefix} {
-// color: @success-color;
-// }
-
-// &-error &-icon > .@{iconfont-css-prefix} {
-// color: @error-color;
-// }
-
-// &-info &-icon > .@{iconfont-css-prefix} {
-// color: @info-color;
-// }
-
-// &-warning &-icon > .@{iconfont-css-prefix} {
-// color: @warning-color;
-// }
-
-// // Exception Status image
-// &-image {
-// width: 250px;
-// height: 295px;
-// margin: auto;
-// }
-
-// &-icon {
-// margin-bottom: 24px;
-// text-align: center;
-
-// > .@{iconfont-css-prefix} {
-// font-size: @result-icon-font-size;
-// }
-// }
-
-// &-title {
-// color: @heading-color;
-// font-size: @result-title-font-size;
-// line-height: 1.8;
-// text-align: center;
-// }
-
-// &-subtitle {
-// color: @text-color-secondary;
-// font-size: @result-subtitle-font-size;
-// line-height: 1.6;
-// text-align: center;
-// }
-
-// &-extra {
-// margin: @result-extra-margin;
-// text-align: center;
-
-// > * {
-// margin-right: 8px;
-
-// &:last-child {
-// margin-right: 0;
-// }
-// }
-// }
-
-// &-content {
-// margin-top: 24px;
-// padding: 24px 40px;
-// background-color: @background-color-light;
-// }
-// }
-
-// @import './rtl';
diff --git a/components/result/style/index.tsx b/components/result/style/index.tsx
index b06a2ada17..a5dffe5b2e 100644
--- a/components/result/style/index.tsx
+++ b/components/result/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken } from '../../theme';
diff --git a/components/result/style/rtl.less b/components/result/style/rtl.less
deleted file mode 100644
index a2eea06d28..0000000000
--- a/components/result/style/rtl.less
+++ /dev/null
@@ -1,25 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@result-prefix-cls: ~'@{ant-prefix}-result';
-
-.@{result-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-
- &-extra {
- > * {
- .@{result-prefix-cls}-rtl & {
- margin-right: 0;
- margin-left: 8px;
- }
-
- &:last-child {
- .@{result-prefix-cls}-rtl & {
- margin-left: 0;
- }
- }
- }
- }
-}
diff --git a/components/row/style/index.tsx b/components/row/style/index.tsx
deleted file mode 100644
index 2127e6804d..0000000000
--- a/components/row/style/index.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import '../../style/index.less';
-
-// style dependencies
-// deps-lint-skip: grid
-import '../../grid/style';
diff --git a/components/segmented/style/index.less b/components/segmented/style/index.less
deleted file mode 100644
index f5498ae8ea..0000000000
--- a/components/segmented/style/index.less
+++ /dev/null
@@ -1,122 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-// @import './mixins.less';
-//
-// @segmented-prefix-cls: ~'@{ant-prefix}-segmented';
-//
-// @segmented-container-padding: 2px;
-//
-// .@{segmented-prefix-cls} {
-// .reset-component();
-// display: inline-block;
-// padding: @segmented-container-padding;
-// color: @segmented-label-color;
-// background-color: @segmented-bg;
-// border-radius: @border-radius-base;
-// transition: all 0.3s @ease-in-out;
-//
-// &-group {
-// position: relative;
-// display: flex;
-// align-items: stretch;
-// justify-items: flex-start;
-// width: 100%;
-// }
-//
-// // block styles
-// &&-block {
-// display: flex;
-// }
-//
-// &&-block &-item {
-// flex: 1;
-// min-width: 0;
-// }
-//
-// // hover/focus styles
-// &:not(&-disabled) {
-// &:hover,
-// &:focus {
-// background-color: @segmented-hover-bg;
-// }
-// }
-//
-// // item styles
-// &-item {
-// position: relative;
-// text-align: center;
-// cursor: pointer;
-// transition: color 0.3s @ease-in-out;
-//
-// &-selected {
-// .segmented-item-selected();
-// color: @segmented-label-hover-color;
-// }
-//
-// &:hover,
-// &:focus {
-// color: @segmented-label-hover-color;
-// }
-//
-// &-label {
-// min-height: @input-height-base - @segmented-container-padding * 2;
-// padding: 0 @input-padding-horizontal-base;
-// line-height: @input-height-base - @segmented-container-padding * 2;
-// .segmented-text-ellipsis();
-// }
-//
-// // syntactic sugar to add `icon` for Segmented Item
-// &-icon + * {
-// margin-left: (@margin-sm / 2);
-// }
-//
-// &-input {
-// position: absolute;
-// top: 0;
-// left: 0;
-// width: 0;
-// height: 0;
-// opacity: 0;
-// pointer-events: none;
-// }
-// }
-//
-// // size styles
-// &&-lg &-item-label {
-// min-height: @input-height-lg - @segmented-container-padding * 2;
-// padding: 0 @input-padding-horizontal-lg;
-// font-size: @font-size-lg;
-// line-height: @input-height-lg - @segmented-container-padding * 2;
-// }
-//
-// &&-sm &-item-label {
-// min-height: @input-height-sm - @segmented-container-padding * 2;
-// padding: 0 @input-padding-horizontal-sm;
-// line-height: @input-height-sm - @segmented-container-padding * 2;
-// }
-//
-// // disabled styles
-// &-item-disabled {
-// .segmented-disabled-item();
-// }
-//
-// // thumb styles
-// &-thumb {
-// .segmented-item-selected();
-//
-// position: absolute;
-// top: 0;
-// left: 0;
-// width: 0;
-// height: 100%;
-// padding: 4px 0;
-// }
-//
-// // transition effect when `appear-active`
-// &-thumb-motion-appear-active {
-// transition: transform 0.3s @ease-in-out, width 0.3s @ease-in-out;
-// will-change: transform, width;
-// }
-// }
-//
-// @import './rtl';
diff --git a/components/segmented/style/index.tsx b/components/segmented/style/index.tsx
index f4c6ce0f26..8f6edb44b6 100644
--- a/components/segmented/style/index.tsx
+++ b/components/segmented/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken, resetComponent } from '../../theme';
diff --git a/components/segmented/style/mixins.less b/components/segmented/style/mixins.less
deleted file mode 100644
index 0c6839af74..0000000000
--- a/components/segmented/style/mixins.less
+++ /dev/null
@@ -1,24 +0,0 @@
-// mixins
-.segmented-disabled-item {
- &,
- &:hover,
- &:focus {
- color: @disabled-color;
- cursor: not-allowed;
- }
-}
-
-.segmented-item-selected {
- background-color: @segmented-selected-bg;
- border-radius: @border-radius-base;
- box-shadow: 0 2px 8px -2px fade(@black, 5%), 0 1px 4px -1px fade(@black, 7%),
- 0 0 1px 0 fade(@black, 8%);
-}
-
-.segmented-text-ellipsis {
- overflow: hidden;
- // handle text ellipsis
- white-space: nowrap;
- text-overflow: ellipsis;
- word-break: keep-all;
-}
diff --git a/components/segmented/style/rtl.less b/components/segmented/style/rtl.less
deleted file mode 100644
index c459bf035e..0000000000
--- a/components/segmented/style/rtl.less
+++ /dev/null
@@ -1,15 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@segmented-prefix-cls: ~'@{ant-prefix}-segmented';
-
-.@{segmented-prefix-cls} {
- &&-rtl {
- direction: rtl;
- }
-
- &&-rtl &-item-icon {
- margin-right: 0;
- margin-left: 6px;
- }
-}
diff --git a/components/select/style/index.less b/components/select/style/index.less
deleted file mode 100644
index 8f654aea0d..0000000000
--- a/components/select/style/index.less
+++ /dev/null
@@ -1,322 +0,0 @@
-//@import '../../style/themes/index';
-//@import '../../style/mixins/index';
-//@import '../../input/style/mixin';
-//@import './single';
-//@import './multiple';
-//@import './status';
-//
-//@select-prefix-cls: ~'@{ant-prefix}-select';
-//@select-height-without-border: @input-height-base - 2 * @border-width-base;
-//@select-dropdown-edge-child-vertical-padding: @dropdown-edge-child-vertical-padding;
-//
-//.select-selector() {
-// position: relative;
-// background-color: @select-background;
-// border: @border-width-base @border-style-base @select-border-color;
-// border-radius: @border-radius-base;
-// transition: all 0.3s @ease-in-out;
-//
-// input {
-// cursor: pointer;
-// }
-//
-// .@{select-prefix-cls}-show-search& {
-// cursor: text;
-//
-// input {
-// cursor: auto;
-// }
-// }
-//
-// .@{select-prefix-cls}-focused:not(.@{select-prefix-cls}-disabled)& {
-// .active();
-// }
-//
-// .@{select-prefix-cls}-disabled& {
-// color: @disabled-color;
-// background: @input-disabled-bg;
-// cursor: not-allowed;
-//
-// .@{select-prefix-cls}-multiple& {
-// background: @select-multiple-disabled-background;
-// }
-//
-// input {
-// cursor: not-allowed;
-// }
-// }
-//}
-//
-///* Reset search input style */
-//.select-search-input-without-border() {
-// .@{select-prefix-cls}-selection-search-input {
-// margin: 0;
-// padding: 0;
-// background: transparent;
-// border: none;
-// outline: none;
-// appearance: none;
-//
-// &::-webkit-search-cancel-button {
-// display: none;
-// /* stylelint-disable-next-line property-no-vendor-prefix */
-// -webkit-appearance: none;
-// }
-// }
-//}
-//
-//.@{select-prefix-cls} {
-// .reset-component();
-// position: relative;
-// display: inline-block;
-// cursor: pointer;
-//
-// &:not(&-customize-input) &-selector {
-// .select-selector();
-// .select-search-input-without-border();
-// }
-//
-// &:not(&-disabled):hover &-selector {
-// .hover();
-// }
-//
-// // ======================== Selection ========================
-// &-selection-item {
-// flex: 1;
-// overflow: hidden;
-// font-weight: normal;
-// white-space: nowrap;
-// text-overflow: ellipsis;
-//
-// // IE11 css hack. `*::-ms-backdrop,` is a must have
-// @media all and (-ms-high-contrast: none) {
-// *::-ms-backdrop,
-// & {
-// flex: auto;
-// }
-// }
-// }
-//
-// // ======================= Placeholder =======================
-// &-selection-placeholder {
-// flex: 1;
-// overflow: hidden;
-// color: @input-placeholder-color;
-// white-space: nowrap;
-// text-overflow: ellipsis;
-// pointer-events: none;
-//
-// // IE11 css hack. `*::-ms-backdrop,` is a must have
-// @media all and (-ms-high-contrast: none) {
-// *::-ms-backdrop,
-// & {
-// flex: auto;
-// }
-// }
-// }
-//
-// // ========================== Arrow ==========================
-// &-arrow {
-// .iconfont-mixin();
-// position: absolute;
-// top: 50%;
-// right: @control-padding-horizontal - 1px;
-// display: flex;
-// align-items: center;
-// height: @font-size-sm;
-// margin-top: (-@font-size-sm / 2);
-// color: @disabled-color;
-// font-size: @font-size-sm;
-// line-height: 1;
-// text-align: center;
-// pointer-events: none;
-//
-// .@{iconfont-css-prefix} {
-// vertical-align: top;
-// transition: transform 0.3s;
-//
-// > svg {
-// vertical-align: top;
-// }
-//
-// &:not(.@{select-prefix-cls}-suffix) {
-// pointer-events: auto;
-// }
-// }
-//
-// .@{select-prefix-cls}-disabled & {
-// cursor: not-allowed;
-// }
-// }
-//
-// // ========================== Clear ==========================
-// &-clear {
-// position: absolute;
-// top: 50%;
-// right: @control-padding-horizontal - 1px;
-// z-index: 1;
-// display: inline-block;
-// width: @font-size-sm;
-// height: @font-size-sm;
-// margin-top: (-@font-size-sm / 2);
-// color: @disabled-color;
-// font-size: @font-size-sm;
-// font-style: normal;
-// line-height: 1;
-// text-align: center;
-// text-transform: none;
-// background: @select-clear-background;
-// cursor: pointer;
-// opacity: 0;
-// transition: color 0.3s ease, opacity 0.15s ease;
-// text-rendering: auto;
-//
-// &::before {
-// display: block;
-// }
-//
-// &:hover {
-// color: @text-color-secondary;
-// }
-//
-// .@{select-prefix-cls}:hover & {
-// opacity: 1;
-// }
-// }
-//
-// // ========================== Popup ==========================
-// &-dropdown {
-// .reset-component();
-// position: absolute;
-// top: -9999px;
-// left: -9999px;
-// z-index: @zindex-dropdown;
-// box-sizing: border-box;
-// padding: @select-dropdown-edge-child-vertical-padding 0;
-// overflow: hidden;
-// font-size: @font-size-base;
-// // Fix select render lag of long text in chrome
-// // https://github.com/ant-design/ant-design/issues/11456
-// // https://github.com/ant-design/ant-design/issues/11843
-// font-variant: initial;
-// background-color: @select-dropdown-bg;
-// border-radius: @border-radius-base;
-// outline: none;
-// box-shadow: @box-shadow-base;
-//
-// &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-bottomLeft,
-// &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-bottomLeft {
-// animation-name: antSlideUpIn;
-// }
-//
-// &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-topLeft,
-// &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-topLeft {
-// animation-name: antSlideDownIn;
-// }
-//
-// &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-bottomLeft {
-// animation-name: antSlideUpOut;
-// }
-//
-// &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-topLeft {
-// animation-name: antSlideDownOut;
-// }
-//
-// &-hidden {
-// display: none;
-// }
-//
-// &-empty {
-// color: @disabled-color;
-// }
-// }
-//
-// // ========================= Options =========================
-// .item() {
-// position: relative;
-// display: block;
-// min-height: @select-dropdown-height;
-// padding: @select-dropdown-vertical-padding @control-padding-horizontal;
-// color: @text-color;
-// font-weight: normal;
-// font-size: @select-dropdown-font-size;
-// line-height: @select-dropdown-line-height;
-// }
-//
-// &-item-empty {
-// .item();
-// color: @disabled-color;
-// }
-//
-// &-item {
-// .item();
-//
-// cursor: pointer;
-// transition: background 0.3s ease;
-//
-// // =========== Group ============
-// &-group {
-// color: @text-color-secondary;
-// font-size: @font-size-sm;
-// cursor: default;
-// }
-//
-// // =========== Option ===========
-// &-option {
-// display: flex;
-//
-// &-content {
-// flex: auto;
-// overflow: hidden;
-// white-space: nowrap;
-// text-overflow: ellipsis;
-// }
-//
-// &-state {
-// flex: none;
-// }
-//
-// &-active:not(&-disabled) {
-// background-color: @select-item-active-bg;
-// }
-//
-// &-selected:not(&-disabled) {
-// color: @select-item-selected-color;
-// font-weight: @select-item-selected-font-weight;
-// background-color: @select-item-selected-bg;
-//
-// .@{select-prefix-cls}-item-option-state {
-// color: @primary-color;
-// }
-// }
-//
-// &-disabled {
-// &.@{select-prefix-cls}-item-option-selected {
-// background-color: @select-multiple-disabled-background;
-// }
-// color: @disabled-color;
-// cursor: not-allowed;
-// }
-//
-// &-grouped {
-// padding-left: @control-padding-horizontal * 2;
-// }
-// }
-// }
-//
-// // ============================================================
-// // == Size ==
-// // ============================================================
-// &-lg {
-// font-size: @font-size-lg;
-// }
-//
-// // no border style
-// &-borderless &-selector {
-// background-color: transparent !important;
-// border-color: transparent !important;
-// box-shadow: none !important;
-// }
-//}
-//
-//@import './rtl';
diff --git a/components/select/style/index.tsx b/components/select/style/index.tsx
index be7abd4595..759ab8f03e 100644
--- a/components/select/style/index.tsx
+++ b/components/select/style/index.tsx
@@ -1,10 +1,3 @@
-// import '../../style/index.less';
-// import './index.less';
-
-// style dependencies
-import '../../empty/style';
-
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken, resetComponent, resetIcon } from '../../theme';
diff --git a/components/select/style/multiple.less b/components/select/style/multiple.less
deleted file mode 100644
index e9f2fc2fe2..0000000000
--- a/components/select/style/multiple.less
+++ /dev/null
@@ -1,222 +0,0 @@
-@import (reference) '../../style/themes/index';
-@select-prefix-cls: ~'@{ant-prefix}-select';
-
-@select-overflow-prefix-cls: ~'@{select-prefix-cls}-selection-overflow';
-@select-multiple-item-border-width: 1px;
-
-@select-multiple-padding: max(
- @input-padding-vertical-base - @select-multiple-item-border-width -
- @select-multiple-item-spacing-half,
- 0
-);
-
-/**
- * Do not merge `height` & `line-height` under style with `selection` & `search`,
- * since chrome may update to redesign with its align logic.
- */
-
-// =========================== Overflow ===========================
-.@{select-overflow-prefix-cls} {
- position: relative;
- display: flex;
- flex: auto;
- flex-wrap: wrap;
- max-width: 100%;
-
- &-item {
- flex: none;
- align-self: center;
- max-width: 100%;
- }
-}
-
-.@{select-prefix-cls} {
- &-multiple {
- // ========================= Selector =========================
- .@{select-prefix-cls}-selector {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- // Multiple is little different that horizontal is follow the vertical
- padding: @select-multiple-padding @input-padding-vertical-base;
-
- .@{select-prefix-cls}-show-search& {
- cursor: text;
- }
-
- .@{select-prefix-cls}-disabled& {
- background: @select-multiple-disabled-background;
- cursor: not-allowed;
- }
-
- &::after {
- display: inline-block;
- width: 0;
- margin: @select-multiple-item-spacing-half 0;
- line-height: @select-multiple-item-height;
- content: '\a0';
- }
- }
-
- &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selector,
- &.@{select-prefix-cls}-allow-clear .@{select-prefix-cls}-selector {
- padding-right: @font-size-sm + @control-padding-horizontal;
- }
-
- // ======================== Selections ========================
- .@{select-prefix-cls}-selection-item {
- position: relative;
- display: flex;
- flex: none;
- box-sizing: border-box;
- max-width: 100%;
-
- height: @select-multiple-item-height;
- margin-top: @select-multiple-item-spacing-half;
- margin-bottom: @select-multiple-item-spacing-half;
- line-height: @select-multiple-item-height - @select-multiple-item-border-width * 2;
- background: @select-selection-item-bg;
- border: 1px solid @select-selection-item-border-color;
- border-radius: @border-radius-base;
- cursor: default;
- transition: font-size 0.3s, line-height 0.3s, height 0.3s;
- user-select: none;
- margin-inline-end: @input-padding-vertical-base;
- padding-inline-start: @padding-xs;
- padding-inline-end: (@padding-xs / 2);
-
- .@{select-prefix-cls}-disabled& {
- color: @select-multiple-item-disabled-color;
- border-color: @select-multiple-item-disabled-border-color;
- cursor: not-allowed;
- }
-
- // It's ok not to do this, but 24px makes bottom narrow in view should adjust
- &-content {
- display: inline-block;
- margin-right: (@padding-xs / 2);
- overflow: hidden;
- white-space: pre; // fix whitespace wrapping. custom tags display all whitespace within.
- text-overflow: ellipsis;
- }
-
- &-remove {
- .iconfont-mixin();
- display: inline-block;
- color: @text-color-secondary;
- font-weight: bold;
- font-size: 10px;
- line-height: inherit;
- cursor: pointer;
-
- > .@{iconfont-css-prefix} {
- vertical-align: middle;
- }
-
- &:hover {
- color: @icon-color-hover;
- }
- }
- }
-
- // ========================== Input ==========================
- .@{select-overflow-prefix-cls}-item + .@{select-overflow-prefix-cls}-item {
- .@{select-prefix-cls}-selection-search {
- margin-inline-start: 0;
- }
- }
-
- .@{select-prefix-cls}-selection-search {
- position: relative;
- max-width: 100%;
- margin-inline-start: @input-padding-horizontal-base - @input-padding-vertical-base;
-
- &-input,
- &-mirror {
- height: @select-multiple-item-height;
- font-family: @font-family;
- line-height: @select-multiple-item-height;
- transition: all 0.3s;
- }
-
- &-input {
- width: 100%;
- min-width: 4.1px; // fix search cursor missing
- }
-
- &-mirror {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 999;
- white-space: pre; // fix whitespace wrapping caused width calculation bug
- visibility: hidden;
- }
- }
-
- // ======================= Placeholder =======================
- .@{select-prefix-cls}-selection-placeholder {
- position: absolute;
- top: 50%;
- right: @input-padding-horizontal;
- left: @input-padding-horizontal;
- transform: translateY(-50%);
- transition: all 0.3s;
- }
-
- // ============================================================
- // == Size ==
- // ============================================================
- .select-size(@suffix, @input-height) {
- @merged-cls: ~'@{select-prefix-cls}-@{suffix}';
- &.@{merged-cls} {
- @select-selection-height: @input-height - @input-padding-vertical-base * 2;
- @select-height-without-border: @input-height - @border-width-base * 2;
-
- .@{select-prefix-cls}-selector::after {
- line-height: @select-selection-height;
- }
-
- .@{select-prefix-cls}-selection-item {
- height: @select-selection-height;
- line-height: @select-selection-height - @border-width-base * 2;
- }
-
- .@{select-prefix-cls}-selection-search {
- height: @select-selection-height;
- line-height: @select-selection-height;
-
- &-input,
- &-mirror {
- height: @select-selection-height;
- line-height: @select-selection-height - @border-width-base * 2;
- }
- }
- }
- }
-
- .select-size('lg', @input-height-lg);
- .select-size('sm', @input-height-sm);
-
- // Size small need additional set padding
- &.@{select-prefix-cls}-sm {
- .@{select-prefix-cls}-selection-placeholder {
- left: @input-padding-horizontal-sm;
- }
- // https://github.com/ant-design/ant-design/issues/29559
- .@{select-prefix-cls}-selection-search {
- margin-inline-start: 3px;
- }
- }
- &.@{select-prefix-cls}-lg {
- .@{select-prefix-cls}-selection-item {
- height: @select-multiple-item-height-lg;
- line-height: @select-multiple-item-height-lg;
- }
- }
- }
-
- &-disabled .@{select-prefix-cls}-selection-item-remove {
- display: none;
- }
-}
diff --git a/components/select/style/rtl.less b/components/select/style/rtl.less
deleted file mode 100644
index 3497c899b7..0000000000
--- a/components/select/style/rtl.less
+++ /dev/null
@@ -1,168 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-@import '../../input/style/mixin';
-
-@select-prefix-cls: ~'@{ant-prefix}-select';
-
-.@{select-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-
- // ========================== Arrow ==========================
- &-arrow {
- .@{select-prefix-cls}-rtl & {
- right: initial;
- left: @control-padding-horizontal - 1px;
- }
- }
-
- // ========================== Clear ==========================
- &-clear {
- .@{select-prefix-cls}-rtl & {
- right: initial;
- left: @control-padding-horizontal - 1px;
- }
- }
-
- // ========================== Popup ==========================
- &-dropdown {
- &-rtl {
- direction: rtl;
- }
- }
-
- // ========================= Options =========================
- &-item {
- &-option {
- &-grouped {
- .@{select-prefix-cls}-dropdown-rtl & {
- padding-right: @control-padding-horizontal * 2;
- padding-left: @control-padding-horizontal;
- }
- }
- }
- }
-}
-
-// multiple
-@select-multiple-item-border-width: 1px;
-@select-multiple-item-spacing-half: ceil((@input-padding-vertical-base / 2));
-@select-multiple-padding: max(
- @input-padding-vertical-base - @select-multiple-item-border-width -
- @select-multiple-item-spacing-half,
- 0
-);
-
-.@{select-prefix-cls}-multiple {
- &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selector,
- &.@{select-prefix-cls}-allow-clear .@{select-prefix-cls}-selector {
- .@{select-prefix-cls}-rtl& {
- padding-right: @input-padding-vertical-base;
- padding-left: @font-size-sm + @control-padding-horizontal;
- }
- }
-
- // ======================== Selections ========================
- .@{select-prefix-cls}-selection-item {
- .@{select-prefix-cls}-rtl& {
- text-align: right;
- }
- // It's ok not to do this, but 24px makes bottom narrow in view should adjust
- &-content {
- .@{select-prefix-cls}-rtl& {
- margin-right: 0;
- margin-left: (@padding-xs / 2);
- text-align: right;
- }
- }
- }
-
- // ========================== Input ==========================
- .@{select-prefix-cls}-selection-search {
- &-mirror {
- .@{select-prefix-cls}-rtl& {
- right: 0;
- left: auto;
- }
- }
- }
-
- // ======================= Placeholder =======================
- .@{select-prefix-cls}-selection-placeholder {
- .@{select-prefix-cls}-rtl& {
- right: @input-padding-horizontal;
- left: auto;
- }
- }
-
- // ============================================================
- // == Size ==
- // ============================================================
-
- // Size small need additional set padding
- &.@{select-prefix-cls}-sm {
- .@{select-prefix-cls}-selection-placeholder {
- .@{select-prefix-cls}-rtl& {
- right: @input-padding-horizontal-sm;
- }
- }
- }
-}
-
-// single
-@selection-item-padding: ceil(@font-size-base * 1.25);
-
-.@{select-prefix-cls}-single {
- // ========================= Selector =========================
- .@{select-prefix-cls}-selector {
- .@{select-prefix-cls}-selection-item,
- .@{select-prefix-cls}-selection-placeholder {
- .@{select-prefix-cls}-rtl& {
- right: 0;
- left: 9px;
- text-align: right;
- }
- }
- }
-
- // With arrow should provides `padding-right` to show the arrow
- &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
- .@{select-prefix-cls}-rtl& {
- right: @input-padding-horizontal-base;
- left: @input-padding-horizontal-base + @font-size-base;
- }
- }
-
- &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,
- &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
- .@{select-prefix-cls}-rtl& {
- padding-right: 0;
- padding-left: @selection-item-padding;
- }
- }
-
- // ============================================================
- // == Size ==
- // ============================================================
-
- // Size small need additional set padding
- &.@{select-prefix-cls}-sm {
- &:not(.@{select-prefix-cls}-customize-input) {
- // With arrow should provides `padding-right` to show the arrow
- &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
- .@{select-prefix-cls}-rtl& {
- right: @input-padding-horizontal-sm - 1px;
- }
- }
-
- &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,
- &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
- .@{select-prefix-cls}-rtl& {
- padding-right: 0;
- padding-left: @font-size-base * 1.5;
- }
- }
- }
- }
-}
diff --git a/components/select/style/single.less b/components/select/style/single.less
deleted file mode 100644
index 7bf6b36aa1..0000000000
--- a/components/select/style/single.less
+++ /dev/null
@@ -1,172 +0,0 @@
-@import (reference) '../../style/themes/index';
-@select-prefix-cls: ~'@{ant-prefix}-select';
-
-@selection-item-padding: ceil(@font-size-base * 1.25);
-
-.@{select-prefix-cls}-single {
- // ========================= Selector =========================
- .@{select-prefix-cls}-selector {
- display: flex;
-
- .@{select-prefix-cls}-selection-search {
- position: absolute;
- top: 0;
- right: @input-padding-horizontal-base;
- bottom: 0;
- left: @input-padding-horizontal-base;
-
- &-input {
- width: 100%;
- }
- }
-
- .@{select-prefix-cls}-selection-item,
- .@{select-prefix-cls}-selection-placeholder {
- padding: 0;
- line-height: @select-height-without-border;
- transition: all 0.3s;
- }
-
- .@{select-prefix-cls}-selection-item {
- position: relative;
- user-select: none;
- }
-
- .@{select-prefix-cls}-selection-placeholder {
- transition: none;
- pointer-events: none;
- }
-
- // For common baseline align
- &::after,
- /* For '' value baseline align */
- .@{select-prefix-cls}-selection-item::after,
- /* For undefined value baseline align */
- .@{select-prefix-cls}-selection-placeholder::after {
- display: inline-block;
- width: 0;
- visibility: hidden;
- content: '\a0';
- }
- }
-
- // With arrow should provides `padding-right` to show the arrow
- &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
- right: @input-padding-horizontal-base + @font-size-base;
- }
-
- &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,
- &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
- padding-right: @selection-item-padding;
- }
-
- // Opacity selection if open
- &.@{select-prefix-cls}-open .@{select-prefix-cls}-selection-item {
- color: @input-placeholder-color;
- }
-
- // ========================== Input ==========================
- // We only change the style of non-customize input which is only support by `combobox` mode.
-
- // Not customize
- &:not(.@{select-prefix-cls}-customize-input) {
- .@{select-prefix-cls}-selector {
- width: 100%;
- height: @input-height-base;
- padding: 0 @input-padding-horizontal-base;
-
- .@{select-prefix-cls}-selection-search-input {
- height: @select-height-without-border;
- }
-
- &::after {
- line-height: @select-height-without-border;
- }
- }
- }
-
- &.@{select-prefix-cls}-customize-input {
- .@{select-prefix-cls}-selector {
- &::after {
- display: none;
- }
-
- .@{select-prefix-cls}-selection-search {
- position: static;
- width: 100%;
- }
-
- .@{select-prefix-cls}-selection-placeholder {
- position: absolute;
- right: 0;
- left: 0;
- padding: 0 @input-padding-horizontal-base;
-
- &::after {
- display: none;
- }
- }
- }
- }
-
- // ============================================================
- // == Size ==
- // ============================================================
- .select-size(@suffix, @input-height) {
- @merged-cls: ~'@{select-prefix-cls}-@{suffix}';
-
- &.@{merged-cls}:not(.@{select-prefix-cls}-customize-input) {
- .@{select-prefix-cls}-selector {
- height: @input-height;
-
- &::after,
- .@{select-prefix-cls}-selection-item,
- .@{select-prefix-cls}-selection-placeholder {
- line-height: @input-height - 2 * @border-width-base;
- }
- }
-
- // Not customize
- &:not(.@{select-prefix-cls}-customize-input) {
- .@{select-prefix-cls}-selection-search-input {
- height: @input-height - 2 * @border-width-base;
- }
- }
- }
- }
-
- .select-size('lg', @select-single-item-height-lg);
- .select-size('sm', @input-height-sm);
-
- // Size small need additional set padding
- &.@{select-prefix-cls}-sm {
- &:not(.@{select-prefix-cls}-customize-input) {
- .@{select-prefix-cls}-selection-search {
- right: @input-padding-horizontal-sm;
- left: @input-padding-horizontal-sm;
- }
-
- .@{select-prefix-cls}-selector {
- padding: 0 @input-padding-horizontal-sm;
- }
-
- // With arrow should provides `padding-right` to show the arrow
- &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
- right: @input-padding-horizontal-sm + @font-size-base * 1.5;
- }
-
- &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,
- &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
- padding-right: @font-size-base * 1.5;
- }
- }
- }
-
- &.@{select-prefix-cls}-lg {
- &:not(.@{select-prefix-cls}-customize-input) {
- .@{select-prefix-cls}-selector {
- padding: 0 @input-padding-horizontal-lg;
- }
- }
- }
-}
diff --git a/components/select/style/status.less b/components/select/style/status.less
deleted file mode 100644
index a746a04f62..0000000000
--- a/components/select/style/status.less
+++ /dev/null
@@ -1,48 +0,0 @@
-@import '../../input/style/mixin';
-
-@select-prefix-cls: ~'@{ant-prefix}-select';
-
-.select-status-color(
- @text-color;
- @border-color;
- @background-color;
- @hoverBorderColor;
- @outlineColor;
-) {
- &.@{select-prefix-cls}:not(.@{select-prefix-cls}-disabled):not(.@{select-prefix-cls}-customize-input) {
- .@{select-prefix-cls}-selector {
- background-color: @background-color;
- border-color: @border-color !important;
- }
- &.@{select-prefix-cls}-open .@{select-prefix-cls}-selector,
- &.@{select-prefix-cls}-focused .@{select-prefix-cls}-selector {
- .active(@border-color, @hoverBorderColor, @outlineColor);
- }
- }
-}
-
-.@{select-prefix-cls} {
- &-status-error {
- .select-status-color(@error-color, @error-color, @select-background, @error-color-hover, @error-color-outline);
- }
-
- &-status-warning {
- .select-status-color(@warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
- }
-
- &-status-error,
- &-status-warning,
- &-status-success,
- &-status-validating {
- &.@{select-prefix-cls}-has-feedback {
- //.@{prefix-cls}-arrow,
- .@{select-prefix-cls}-clear {
- right: 32px;
- }
-
- .@{select-prefix-cls}-selection-selected-value {
- padding-right: 42px;
- }
- }
- }
-}
diff --git a/components/skeleton/style/index.less b/components/skeleton/style/index.less
deleted file mode 100644
index 65930e6ac9..0000000000
--- a/components/skeleton/style/index.less
+++ /dev/null
@@ -1,295 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @skeleton-prefix-cls: ~'@{ant-prefix}-skeleton';
-// @skeleton-avatar-prefix-cls: ~'@{skeleton-prefix-cls}-avatar';
-// @skeleton-title-prefix-cls: ~'@{skeleton-prefix-cls}-title';
-// @skeleton-paragraph-prefix-cls: ~'@{skeleton-prefix-cls}-paragraph';
-// @skeleton-button-prefix-cls: ~'@{skeleton-prefix-cls}-button';
-// @skeleton-input-prefix-cls: ~'@{skeleton-prefix-cls}-input';
-// @skeleton-image-prefix-cls: ~'@{skeleton-prefix-cls}-image';
-// @skeleton-block-radius: 4px;
-
-// .@{skeleton-prefix-cls} {
-// display: table;
-// width: 100%;
-
-// &-header {
-// display: table-cell;
-// padding-right: @padding-md;
-// vertical-align: top;
-
-// // Avatar
-// .@{skeleton-avatar-prefix-cls} {
-// .skeleton-element-avatar();
-// }
-// }
-
-// &-content {
-// display: table-cell;
-// width: 100%;
-// vertical-align: top;
-
-// // Title
-// .@{skeleton-title-prefix-cls} {
-// width: 100%;
-// height: @skeleton-title-height;
-// background: @skeleton-color;
-// border-radius: @skeleton-block-radius;
-
-// + .@{skeleton-paragraph-prefix-cls} {
-// margin-top: @skeleton-title-paragraph-margin-top;
-// }
-// }
-
-// // paragraph
-// .@{skeleton-paragraph-prefix-cls} {
-// padding: 0;
-
-// > li {
-// width: 100%;
-// height: @skeleton-paragraph-li-height;
-// list-style: none;
-// background: @skeleton-color;
-// border-radius: @skeleton-block-radius;
-
-// &:last-child:not(:first-child):not(:nth-child(2)) {
-// width: 61%;
-// }
-
-// + li {
-// margin-top: @skeleton-paragraph-li-margin-top;
-// }
-// }
-// }
-// }
-
-// &-with-avatar &-content {
-// // Title
-// .@{skeleton-title-prefix-cls} {
-// margin-top: @margin-sm;
-
-// + .@{skeleton-paragraph-prefix-cls} {
-// margin-top: @skeleton-paragraph-margin-top;
-// }
-// }
-// }
-
-// &-round &-content {
-// .@{skeleton-title-prefix-cls},
-// .@{skeleton-paragraph-prefix-cls} > li {
-// border-radius: 100px;
-// }
-// }
-
-// // With active animation
-// &.@{skeleton-prefix-cls}-active {
-// & .@{skeleton-prefix-cls}-content {
-// .@{skeleton-title-prefix-cls},
-// .@{skeleton-paragraph-prefix-cls} > li {
-// .skeleton-color();
-// }
-// }
-
-// .@{skeleton-avatar-prefix-cls} {
-// .skeleton-color();
-// }
-
-// .@{skeleton-button-prefix-cls} {
-// .skeleton-color();
-// }
-
-// .@{skeleton-input-prefix-cls} {
-// .skeleton-color();
-// }
-
-// .@{skeleton-image-prefix-cls} {
-// .skeleton-color();
-// }
-// }
-
-// // Skeleton Block Button, Input
-// &.@{skeleton-prefix-cls}-block {
-// width: 100%;
-
-// .@{skeleton-button-prefix-cls} {
-// width: 100%;
-// }
-
-// .@{skeleton-input-prefix-cls} {
-// width: 100%;
-// }
-// }
-
-// // Skeleton element
-// &-element {
-// display: inline-block;
-// width: auto;
-
-// .@{skeleton-button-prefix-cls} {
-// .skeleton-element-button();
-// }
-
-// .@{skeleton-avatar-prefix-cls} {
-// .skeleton-element-avatar();
-// }
-
-// .@{skeleton-input-prefix-cls} {
-// .skeleton-element-input();
-// }
-
-// .@{skeleton-image-prefix-cls} {
-// .skeleton-element-image();
-// }
-// }
-// }
-// // Button
-// .skeleton-element-button() {
-// display: inline-block;
-// vertical-align: top;
-// background: @skeleton-color;
-// border-radius: @border-radius-base;
-
-// .skeleton-element-button-size(@btn-height-base);
-
-// &-lg {
-// .skeleton-element-button-size(@btn-height-lg);
-// }
-
-// &-sm {
-// .skeleton-element-button-size(@btn-height-sm);
-// }
-// }
-// // Avatar
-// .skeleton-element-avatar() {
-// display: inline-block;
-// vertical-align: top;
-// background: @skeleton-color;
-
-// .skeleton-element-avatar-size(@avatar-size-base);
-
-// &-lg {
-// .skeleton-element-avatar-size(@avatar-size-lg);
-// }
-
-// &-sm {
-// .skeleton-element-avatar-size(@avatar-size-sm);
-// }
-// }
-
-// // Input
-// .skeleton-element-input() {
-// display: inline-block;
-// vertical-align: top;
-// background: @skeleton-color;
-
-// .skeleton-element-input-size(@input-height-base);
-
-// &-lg {
-// .skeleton-element-input-size(@input-height-lg);
-// }
-
-// &-sm {
-// .skeleton-element-input-size(@input-height-sm);
-// }
-// }
-
-// // Image
-// .skeleton-element-image() {
-// display: flex;
-// align-items: center;
-// justify-content: center;
-// vertical-align: top;
-// background: @skeleton-color;
-
-// .skeleton-element-image-size(@image-size-base*2);
-
-// &-path {
-// fill: #bfbfbf;
-// }
-
-// &-svg {
-// .skeleton-element-image-size(@image-size-base);
-// max-width: @image-size-base * 4;
-// max-height: @image-size-base * 4;
-// }
-// }
-
-// .skeleton-element-avatar-size(@size) {
-// width: @size;
-// .skeleton-element-common-size(@size);
-
-// &.@{skeleton-avatar-prefix-cls}-circle {
-// border-radius: 50%;
-// }
-// }
-
-// .skeleton-element-button-size(@size) {
-// width: @size * 2;
-// min-width: @size * 2;
-// .skeleton-element-common-size(@size);
-
-// &.@{skeleton-button-prefix-cls}-circle {
-// width: @size;
-// min-width: @size;
-// border-radius: 50%;
-// }
-
-// &.@{skeleton-button-prefix-cls}-round {
-// border-radius: @size;
-// }
-// }
-
-// .skeleton-element-input-size(@size) {
-// width: @size * 5;
-// min-width: @size * 5;
-// .skeleton-element-common-size(@size);
-// }
-
-// .skeleton-element-image-size(@size) {
-// width: @size;
-// .skeleton-element-common-size(@size);
-
-// &.@{skeleton-image-prefix-cls}-circle {
-// border-radius: 50%;
-// }
-// }
-
-// .skeleton-element-common-size(@size) {
-// height: @size;
-// line-height: @size;
-// }
-
-// .skeleton-color() {
-// position: relative;
-// overflow: hidden;
-// background: transparent;
-
-// &::after {
-// position: absolute;
-// top: 0;
-// right: -150%;
-// bottom: 0;
-// left: -150%;
-// background: linear-gradient(
-// 90deg,
-// @skeleton-color 25%,
-// @skeleton-to-color 37%,
-// @skeleton-color 63%
-// );
-// animation: ~'@{skeleton-prefix-cls}-loading' 1.4s ease infinite;
-// content: '';
-// }
-// }
-
-// @keyframes ~"@{skeleton-prefix-cls}-loading" {
-// 0% {
-// transform: translateX(-37.5%);
-// }
-
-// 100% {
-// transform: translateX(37.5%);
-// }
-// }
-
-// @import './rtl';
diff --git a/components/skeleton/style/index.tsx b/components/skeleton/style/index.tsx
index df58ea954c..724bf7e0c2 100644
--- a/components/skeleton/style/index.tsx
+++ b/components/skeleton/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import { Keyframes } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
diff --git a/components/skeleton/style/rtl.less b/components/skeleton/style/rtl.less
deleted file mode 100644
index 8ba4be3730..0000000000
--- a/components/skeleton/style/rtl.less
+++ /dev/null
@@ -1,48 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@skeleton-prefix-cls: ~'@{ant-prefix}-skeleton';
-@skeleton-avatar-prefix-cls: ~'@{skeleton-prefix-cls}-avatar';
-@skeleton-title-prefix-cls: ~'@{skeleton-prefix-cls}-title';
-@skeleton-paragraph-prefix-cls: ~'@{skeleton-prefix-cls}-paragraph';
-
-.@{skeleton-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-
- &-header {
- .@{skeleton-prefix-cls}-rtl & {
- padding-right: 0;
- padding-left: 16px;
- }
- }
-
- // With active animation
- &.@{skeleton-prefix-cls}-active {
- & .@{skeleton-prefix-cls}-content {
- .@{skeleton-title-prefix-cls},
- .@{skeleton-paragraph-prefix-cls} > li {
- .@{skeleton-prefix-cls}-rtl& {
- animation-name: ~'@{skeleton-prefix-cls}-loading-rtl';
- }
- }
- }
-
- .@{skeleton-avatar-prefix-cls} {
- .@{skeleton-prefix-cls}-rtl& {
- animation-name: ~'@{skeleton-prefix-cls}-loading-rtl';
- }
- }
- }
-}
-
-@keyframes ~"@{skeleton-prefix-cls}-loading-rtl" {
- 0% {
- background-position: 0% 50%;
- }
-
- 100% {
- background-position: 100% 50%;
- }
-}
diff --git a/components/slider/style/index.less b/components/slider/style/index.less
deleted file mode 100644
index d1606037d4..0000000000
--- a/components/slider/style/index.less
+++ /dev/null
@@ -1,215 +0,0 @@
-// @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;
-// padding: 4px 0;
-// cursor: pointer;
-// touch-action: none;
-
-// .vertical();
-
-// &-with-marks {
-// margin-bottom: 28px;
-// }
-
-// &-rail {
-// position: absolute;
-// width: 100%;
-// height: 4px;
-// background-color: @slider-rail-background-color;
-// border-radius: @border-radius-base;
-// transition: background-color 0.3s;
-// }
-
-// &-track {
-// position: absolute;
-// height: 4px;
-// background-color: @slider-track-background-color;
-// border-radius: @border-radius-base;
-// transition: background-color 0.3s;
-// }
-
-// &-handle {
-// position: absolute;
-// width: @slider-handle-size;
-// height: @slider-handle-size;
-// margin-top: @slider-handle-margin-top;
-// background-color: @slider-handle-background-color;
-// border: solid @slider-handle-border-width @slider-handle-color;
-// border-radius: 50%;
-// box-shadow: @slider-handle-shadow;
-// cursor: pointer;
-// transition: border-color 0.3s, box-shadow 0.6s,
-// transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
-
-// // &-dragging&-dragging&-dragging {
-// // border-color: @slider-handle-color-focus;
-// // box-shadow: 0 0 0 5px @slider-handle-color-focus-shadow;
-// // }
-// &-dragging {
-// z-index: 1;
-// }
-
-// &:focus {
-// border-color: @slider-handle-color-focus;
-// outline: none;
-// box-shadow: 0 0 0 5px @slider-handle-color-focus-shadow;
-// }
-
-// &.@{ant-prefix}-tooltip-open {
-// border-color: @slider-handle-color-tooltip-open;
-// }
-
-// &::after {
-// position: absolute;
-// top: -6px;
-// right: -6px;
-// bottom: -6px;
-// left: -6px;
-// content: '';
-// }
-// }
-
-// &:hover {
-// .@{slider-prefix-cls}-rail {
-// background-color: @slider-rail-background-color-hover;
-// }
-// .@{slider-prefix-cls}-track {
-// background-color: @slider-track-background-color-hover;
-// }
-// .@{slider-prefix-cls}-handle:not(.@{ant-prefix}-tooltip-open) {
-// border-color: @slider-handle-color-hover;
-// }
-// }
-
-// &-mark {
-// position: absolute;
-// top: 14px;
-// left: 0;
-// width: 100%;
-// font-size: @font-size-base;
-// }
-
-// &-mark-text {
-// position: absolute;
-// display: inline-block;
-// color: @text-color-secondary;
-// text-align: center;
-// word-break: keep-all;
-// cursor: pointer;
-// user-select: none;
-
-// &-active {
-// color: @text-color;
-// }
-// }
-
-// &-step {
-// position: absolute;
-// width: 100%;
-// height: 4px;
-// background: transparent;
-// pointer-events: none;
-// }
-
-// &-dot {
-// position: absolute;
-// top: -2px;
-// width: 8px;
-// height: 8px;
-// background-color: @component-background;
-// border: 2px solid @slider-dot-border-color;
-// border-radius: 50%;
-// cursor: pointer;
-
-// &-active {
-// border-color: @slider-dot-border-color-active;
-// }
-// }
-
-// &-disabled {
-// cursor: not-allowed;
-
-// .@{slider-prefix-cls}-rail {
-// background-color: @slider-rail-background-color !important;
-// }
-
-// .@{slider-prefix-cls}-track {
-// background-color: @slider-disabled-color !important;
-// }
-
-// .@{slider-prefix-cls}-handle,
-// .@{slider-prefix-cls}-dot {
-// background-color: @component-background;
-// border-color: @slider-disabled-color !important;
-// box-shadow: none;
-// cursor: not-allowed;
-// }
-
-// .@{slider-prefix-cls}-mark-text,
-// .@{slider-prefix-cls}-dot {
-// cursor: not-allowed !important;
-// }
-// }
-// }
-
-// .vertical() {
-// &-vertical {
-// width: 12px;
-// height: 100%;
-// margin: 6px 10px;
-// padding: 0 4px;
-
-// .@{slider-prefix-cls}-rail {
-// width: 4px;
-// height: 100%;
-// }
-
-// .@{slider-prefix-cls}-track {
-// width: 4px;
-// }
-
-// .@{slider-prefix-cls}-handle {
-// margin-top: -6px; // we chould consider border width as well: (10 + 2 ) / 2
-// margin-left: -5px;
-// }
-
-// .@{slider-prefix-cls}-mark {
-// top: 0;
-// left: 12px;
-// width: 18px;
-// height: 100%;
-// }
-
-// .@{slider-prefix-cls}-mark-text {
-// left: 4px;
-// white-space: nowrap;
-// }
-
-// .@{slider-prefix-cls}-step {
-// width: 4px;
-// height: 100%;
-// }
-
-// .@{slider-prefix-cls}-dot {
-// top: auto;
-// margin-left: -2px;
-// }
-// }
-
-// &-tooltip {
-// // https://github.com/ant-design/ant-design/issues/20014
-// .@{ant-prefix}-tooltip-inner {
-// min-width: unset;
-// }
-// }
-// }
-
-// @import './rtl';
diff --git a/components/slider/style/index.tsx b/components/slider/style/index.tsx
index c2e6300153..8fbe318ee3 100644
--- a/components/slider/style/index.tsx
+++ b/components/slider/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import { TinyColor } from '@ctrl/tinycolor';
import type * as React from 'react';
diff --git a/components/slider/style/rtl.less b/components/slider/style/rtl.less
deleted file mode 100644
index d78a54a8e0..0000000000
--- a/components/slider/style/rtl.less
+++ /dev/null
@@ -1,49 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@slider-prefix-cls: ~'@{ant-prefix}-slider';
-
-.@{slider-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-
- &-mark {
- .@{slider-prefix-cls}-rtl & {
- right: 0;
- left: auto;
- }
- }
-}
-
-.vertical() {
- &-vertical {
- .@{slider-prefix-cls}-handle {
- .@{slider-prefix-cls}-rtl& {
- margin-right: -5px;
- margin-left: 0;
- }
- }
-
- .@{slider-prefix-cls}-mark {
- .@{slider-prefix-cls}-rtl& {
- right: 12px;
- left: auto;
- }
- }
-
- .@{slider-prefix-cls}-mark-text {
- .@{slider-prefix-cls}-rtl& {
- right: 4px;
- left: auto;
- }
- }
-
- .@{slider-prefix-cls}-dot {
- .@{slider-prefix-cls}-rtl& {
- right: 2px;
- left: auto;
- }
- }
- }
-}
diff --git a/components/space/style/index.less b/components/space/style/index.less
deleted file mode 100644
index e3215fe814..0000000000
--- a/components/space/style/index.less
+++ /dev/null
@@ -1,39 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @space-prefix-cls: ~'@{ant-prefix}-space';
-// @space-item-prefix-cls: ~'@{ant-prefix}-space-item';
-
-// .@{space-prefix-cls} {
-// display: inline-flex;
-
-// &-vertical {
-// flex-direction: column;
-// }
-
-// &-align {
-// &-center {
-// align-items: center;
-// }
-
-// &-start {
-// align-items: flex-start;
-// }
-
-// &-end {
-// align-items: flex-end;
-// }
-
-// &-baseline {
-// align-items: baseline;
-// }
-// }
-// }
-
-// .@{space-item-prefix-cls} {
-// &:empty {
-// display: none;
-// }
-// }
-
-// @import './rtl';
diff --git a/components/space/style/index.tsx b/components/space/style/index.tsx
index afbdc4e29a..46792f6f5e 100644
--- a/components/space/style/index.tsx
+++ b/components/space/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook } from '../../theme';
diff --git a/components/space/style/rtl.less b/components/space/style/rtl.less
deleted file mode 100644
index 82a5afd9b8..0000000000
--- a/components/space/style/rtl.less
+++ /dev/null
@@ -1,10 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @space-prefix-cls: ~'@{ant-prefix}-space';
-
-// .@{space-prefix-cls} {
-// &-rtl {
-// direction: rtl;
-// }
-// }
diff --git a/components/spin/style/_index.less b/components/spin/style/_index.less
deleted file mode 100644
index 2dee02e28e..0000000000
--- a/components/spin/style/_index.less
+++ /dev/null
@@ -1,218 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@spin-prefix-cls: ~'@{ant-prefix}-spin';
-@spin-dot-default: @text-color-secondary;
-
-.@{spin-prefix-cls} {
- .reset-component();
-
- position: absolute;
- display: none;
- color: @primary-color;
- text-align: center;
- vertical-align: middle;
- opacity: 0;
- transition: transform 0.3s @ease-in-out-circ;
-
- &-spinning {
- position: static;
- display: inline-block;
- opacity: 1;
- }
-
- &-nested-loading {
- position: relative;
- > div > .@{spin-prefix-cls} {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 4;
- display: block;
- width: 100%;
- height: 100%;
- max-height: 400px;
- .@{spin-prefix-cls}-dot {
- position: absolute;
- top: 50%;
- left: 50%;
- margin: -(@spin-dot-size / 2);
- }
- .@{spin-prefix-cls}-text {
- position: absolute;
- top: 50%;
- width: 100%;
- padding-top: ((@spin-dot-size - @font-size-base) / 2) + 2px;
- text-shadow: 0 1px 2px @shadow-color-inverse;
- }
- &.@{spin-prefix-cls}-show-text .@{spin-prefix-cls}-dot {
- margin-top: -(@spin-dot-size / 2) - 10px;
- }
- }
-
- > div > .@{spin-prefix-cls}-sm {
- .@{spin-prefix-cls}-dot {
- margin: -(@spin-dot-size-sm / 2);
- }
- .@{spin-prefix-cls}-text {
- padding-top: ((@spin-dot-size-sm - @font-size-base) / 2) + 2px;
- }
- &.@{spin-prefix-cls}-show-text .@{spin-prefix-cls}-dot {
- margin-top: -(@spin-dot-size-sm / 2) - 10px;
- }
- }
-
- > div > .@{spin-prefix-cls}-lg {
- .@{spin-prefix-cls}-dot {
- margin: -(@spin-dot-size-lg / 2);
- }
- .@{spin-prefix-cls}-text {
- padding-top: ((@spin-dot-size-lg - @font-size-base) / 2) + 2px;
- }
- &.@{spin-prefix-cls}-show-text .@{spin-prefix-cls}-dot {
- margin-top: -(@spin-dot-size-lg / 2) - 10px;
- }
- }
- }
-
- &-container {
- position: relative;
- transition: opacity 0.3s;
-
- &::after {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 10;
- display: ~'none \9';
- width: 100%;
- height: 100%;
- background: @component-background;
- opacity: 0;
- transition: all 0.3s;
- content: '';
- pointer-events: none;
- }
- }
-
- &-blur {
- clear: both;
- opacity: 0.5;
- user-select: none;
- pointer-events: none;
-
- &::after {
- opacity: 0.4;
- pointer-events: auto;
- }
- }
-
- // tip
- // ------------------------------
- &-tip {
- color: @spin-dot-default;
- }
-
- // dots
- // ------------------------------
-
- &-dot {
- position: relative;
- display: inline-block;
- font-size: @spin-dot-size;
-
- .square(1em);
-
- &-item {
- position: absolute;
- display: block;
- width: 9px;
- height: 9px;
- background-color: @primary-color;
- border-radius: 100%;
- transform: scale(0.75);
- transform-origin: 50% 50%;
- opacity: 0.3;
- animation: antSpinMove 1s infinite linear alternate;
-
- &:nth-child(1) {
- top: 0;
- left: 0;
- }
-
- &:nth-child(2) {
- top: 0;
- right: 0;
- animation-delay: 0.4s;
- }
-
- &:nth-child(3) {
- right: 0;
- bottom: 0;
- animation-delay: 0.8s;
- }
-
- &:nth-child(4) {
- bottom: 0;
- left: 0;
- animation-delay: 1.2s;
- }
- }
-
- &-spin {
- transform: rotate(0deg);
- animation: antRotate 1.2s infinite linear;
- }
- }
-
- // Sizes
- // ------------------------------
-
- // small
- &-sm &-dot {
- font-size: @spin-dot-size-sm;
-
- i {
- width: 6px;
- height: 6px;
- }
- }
-
- // large
- &-lg &-dot {
- font-size: @spin-dot-size-lg;
-
- i {
- width: 14px;
- height: 14px;
- }
- }
-
- &&-show-text &-text {
- display: block;
- }
-}
-
-@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
- /* IE10+ */
- .@{spin-prefix-cls}-blur {
- background: @component-background;
- opacity: 0.5;
- }
-}
-
-@keyframes antSpinMove {
- to {
- opacity: 1;
- }
-}
-
-@keyframes antRotate {
- to {
- transform: rotate(360deg);
- }
-}
-
-@import './rtl';
diff --git a/components/spin/style/index.tsx b/components/spin/style/index.tsx
index cad637af90..ffcdbb83c1 100644
--- a/components/spin/style/index.tsx
+++ b/components/spin/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import { Keyframes } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
diff --git a/components/spin/style/rtl.less b/components/spin/style/rtl.less
deleted file mode 100644
index 03fb9b257c..0000000000
--- a/components/spin/style/rtl.less
+++ /dev/null
@@ -1,20 +0,0 @@
-.@{spin-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-
- &-dot {
- &-spin {
- .@{spin-prefix-cls}-rtl & {
- transform: rotate(-45deg);
- animation-name: antRotateRtl;
- }
- }
- }
-}
-
-@keyframes antRotateRtl {
- to {
- transform: rotate(-405deg);
- }
-}
diff --git a/components/statistic/style/_index.less b/components/statistic/style/_index.less
deleted file mode 100644
index e3c2536e13..0000000000
--- a/components/statistic/style/_index.less
+++ /dev/null
@@ -1,44 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@statistic-prefix-cls: ~'@{ant-prefix}-statistic';
-
-.@{statistic-prefix-cls} {
- .reset-component();
-
- &-title {
- margin-bottom: @margin-xss;
- color: @text-color-secondary;
- font-size: @statistic-title-font-size;
- }
-
- &-skeleton {
- padding-top: @padding-md;
- }
-
- &-content {
- color: @heading-color;
- font-size: @statistic-content-font-size;
- font-family: @statistic-font-family;
-
- &-value {
- display: inline-block;
- direction: ltr;
- }
-
- &-prefix,
- &-suffix {
- display: inline-block;
- }
-
- &-prefix {
- margin-right: 4px;
- }
-
- &-suffix {
- margin-left: 4px;
- }
- }
-}
-
-@import './rtl';
diff --git a/components/statistic/style/index.tsx b/components/statistic/style/index.tsx
index d15cb3f5b1..4f82659401 100644
--- a/components/statistic/style/index.tsx
+++ b/components/statistic/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken, resetComponent } from '../../theme';
diff --git a/components/statistic/style/rtl.less b/components/statistic/style/rtl.less
deleted file mode 100644
index 93e264a359..0000000000
--- a/components/statistic/style/rtl.less
+++ /dev/null
@@ -1,21 +0,0 @@
-.@{statistic-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-
- &-content {
- &-prefix {
- .@{statistic-prefix-cls}-rtl & {
- margin-right: 0;
- margin-left: 4px;
- }
- }
-
- &-suffix {
- .@{statistic-prefix-cls}-rtl & {
- margin-right: 4px;
- margin-left: 0;
- }
- }
- }
-}
diff --git a/components/steps/style/custom-icon.less b/components/steps/style/custom-icon.less
deleted file mode 100644
index debbb994e6..0000000000
--- a/components/steps/style/custom-icon.less
+++ /dev/null
@@ -1,32 +0,0 @@
-.@{steps-prefix-cls}-item-custom {
- > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-icon {
- height: auto;
- background: none;
- border: 0;
- > .@{steps-prefix-cls}-icon {
- top: @steps-icon-custom-top;
- left: 0.5px;
- width: @steps-icon-custom-size;
- height: @steps-icon-custom-size;
- font-size: @steps-icon-custom-font-size;
- line-height: @steps-icon-custom-size;
- }
- }
- &.@{steps-prefix-cls}-item-process {
- .@{steps-prefix-cls}-item-icon > .@{steps-prefix-cls}-icon {
- color: @process-icon-color;
- }
- }
-}
-
-// Only adjust horizontal customize icon width
-.@{steps-prefix-cls} {
- &:not(.@{steps-prefix-cls}-vertical) {
- .@{steps-prefix-cls}-item-custom {
- .@{steps-prefix-cls}-item-icon {
- width: auto;
- background: none;
- }
- }
- }
-}
diff --git a/components/steps/style/index.less b/components/steps/style/index.less
deleted file mode 100644
index cdf4665624..0000000000
--- a/components/steps/style/index.less
+++ /dev/null
@@ -1,257 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @steps-prefix-cls: ~'@{ant-prefix}-steps';
-// @process-icon-color: @primary-color;
-// @process-title-color: @heading-color;
-// @process-description-color: @text-color;
-// @process-icon-text-color: @text-color-inverse;
-// @wait-icon-color: @disabled-color;
-// @wait-title-color: @text-color-secondary;
-// @wait-description-color: @wait-title-color;
-// @wait-tail-color: @process-tail-color;
-// @finish-icon-color: @process-icon-color;
-// @finish-title-color: @text-color;
-// @finish-description-color: @text-color-secondary;
-// @finish-tail-color: @primary-color;
-// @error-icon-color: @error-color;
-// @error-title-color: @error-color;
-// @error-description-color: @error-color;
-// @error-tail-color: @wait-tail-color;
-// @steps-nav-active-color: @primary-color;
-
-//.ant-steps
-// .@{steps-prefix-cls} {
-// .reset-component();
-
-// display: flex;
-// width: 100%;
-// font-size: 0;
-// text-align: initial;
-// }
-
-// .@{steps-prefix-cls}-item {
-// position: relative;
-// display: inline-block;
-// flex: 1;
-// overflow: hidden;
-// vertical-align: top;
-
-// &-container {
-// outline: none;
-// }
-
-// &:last-child {
-// flex: none;
-// }
-
-// &:last-child > &-container > &-tail,
-// &:last-child > &-container > &-content > &-title::after {
-// display: none;
-// }
-
-// &-icon,
-// &-content {
-// display: inline-block;
-// vertical-align: top;
-// }
-
-// &-icon {
-// width: @steps-icon-size;
-// height: @steps-icon-size;
-// margin: @steps-icon-margin;
-// font-size: @steps-icon-font-size;
-// font-family: @font-family;
-// line-height: @steps-icon-size;
-// text-align: center;
-// border: @border-width-base @border-style-base @wait-icon-color;
-// border-radius: @steps-icon-size;
-// transition: background-color 0.3s, border-color 0.3s;
-
-// .@{steps-prefix-cls}-icon {
-// position: relative;
-// top: @steps-icon-top;
-// color: @primary-color;
-// line-height: 1;
-// }
-// }
-
-// &-tail {
-// position: absolute;
-// top: 12px;
-// left: 0;
-// width: 100%;
-// padding: 0 10px;
-
-// &::after {
-// display: inline-block;
-// width: 100%;
-// height: 1px;
-// background: @border-color-split;
-// border-radius: 1px;
-// transition: background 0.3s;
-// content: '';
-// }
-// }
-
-// &-title {
-// position: relative;
-// display: inline-block;
-// padding-right: 16px;
-// color: @text-color;
-// font-size: @font-size-lg;
-// line-height: @steps-title-line-height;
-
-// &::after {
-// position: absolute;
-// top: (@steps-title-line-height / 2);
-// left: 100%;
-// display: block;
-// width: 9999px;
-// height: 1px;
-// background: @wait-tail-color;
-// content: '';
-// }
-// }
-
-// &-subtitle {
-// display: inline;
-// margin-left: 8px;
-// color: @text-color-secondary;
-// font-weight: normal;
-// font-size: @font-size-base;
-// }
-
-// &-description {
-// color: @text-color-secondary;
-// font-size: @font-size-base;
-// }
-// .step-item-status(wait);
-// .step-item-status(process);
-
-// &-process > &-container > &-icon {
-// background: @process-icon-color;
-// .@{steps-prefix-cls}-icon {
-// color: @process-icon-text-color;
-// }
-// }
-
-// &-process > &-container > &-title {
-// font-weight: 500;
-// }
-// .step-item-status(finish);
-// .step-item-status(error);
-
-// &.@{steps-prefix-cls}-next-error .@{steps-prefix-cls}-item-title::after {
-// background: @error-icon-color;
-// }
-
-// &-disabled {
-// cursor: not-allowed;
-// }
-// }
-
-// ===================== Clickable =====================
-// .@{steps-prefix-cls} .@{steps-prefix-cls}-item {
-// &:not(.@{steps-prefix-cls}-item-active) {
-// & > .@{steps-prefix-cls}-item-container[role='button'] {
-// cursor: pointer;
-
-// .@{steps-prefix-cls}-item {
-// &-title,
-// &-subtitle,
-// &-description,
-// &-icon .@{steps-prefix-cls}-icon {
-// transition: color 0.3s;
-// }
-// }
-
-// &:hover {
-// .@{steps-prefix-cls}-item {
-// &-title,
-// &-subtitle,
-// &-description {
-// color: @primary-color;
-// }
-// }
-// }
-// }
-
-// &:not(.@{steps-prefix-cls}-item-process) {
-// & > .@{steps-prefix-cls}-item-container[role='button']:hover {
-// .@{steps-prefix-cls}-item {
-// &-icon {
-// border-color: @primary-color;
-
-// .@{steps-prefix-cls}-icon {
-// color: @primary-color;
-// }
-// }
-// }
-// }
-// }
-// }
-// }
-
-// .@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {
-// .@{steps-prefix-cls}-item {
-// padding-left: 16px;
-// white-space: nowrap;
-
-// &:first-child {
-// padding-left: 0;
-// }
-// &:last-child .@{steps-prefix-cls}-item-title {
-// padding-right: 0;
-// }
-
-// &-tail {
-// display: none;
-// }
-
-// &-description {
-// max-width: @steps-description-max-width;
-// white-space: normal;
-// }
-// }
-// }
-
-// .step-item-status(@status) {
-// @icon-color: '@{status}-icon-color';
-// @title-color: '@{status}-title-color';
-// @description-color: '@{status}-description-color';
-// @tail-color: '@{status}-tail-color';
-
-// &-@{status} &-icon {
-// background-color: @steps-background;
-// border-color: @@icon-color;
-// > .@{steps-prefix-cls}-icon {
-// color: @@icon-color;
-// .@{steps-prefix-cls}-icon-dot {
-// background: @@icon-color;
-// }
-// }
-// }
-// &-@{status} > &-container > &-content > &-title {
-// color: @@title-color;
-
-// &::after {
-// background-color: @@tail-color;
-// }
-// }
-// &-@{status} > &-container > &-content > &-description {
-// color: @@description-color;
-// }
-// &-@{status} > &-container > &-tail::after {
-// background-color: @@tail-color;
-// }
-// }
-
-// @import './custom-icon';
-// @import './small';
-// @import './vertical';
-// @import './label-placement';
-// @import './progress-dot';
-// @import './nav';
-// @import './rtl';
-// @import './progress.less';
diff --git a/components/steps/style/index.tsx b/components/steps/style/index.tsx
index 402a156e4c..3901128dd9 100644
--- a/components/steps/style/index.tsx
+++ b/components/steps/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken, resetComponent } from '../../theme';
diff --git a/components/steps/style/label-placement.less b/components/steps/style/label-placement.less
deleted file mode 100644
index a1bfd9b26e..0000000000
--- a/components/steps/style/label-placement.less
+++ /dev/null
@@ -1,45 +0,0 @@
-.@{steps-prefix-cls}-label-vertical {
- .@{steps-prefix-cls}-item {
- overflow: visible;
-
- &-tail {
- margin-left: 58px;
- padding: 3.5px 24px;
- }
-
- &-content {
- display: block;
- width: ((@steps-icon-size / 2) + 42px) * 2;
- margin-top: 8px;
- text-align: center;
- }
-
- &-icon {
- display: inline-block;
- margin-left: 42px;
- }
-
- &-title {
- padding-right: 0;
- padding-left: 0;
-
- &::after {
- display: none;
- }
- }
-
- &-subtitle {
- display: block;
- margin-bottom: 4px;
- margin-left: 0;
- line-height: @line-height-base;
- }
- }
- &.@{steps-prefix-cls}-small:not(.@{steps-prefix-cls}-dot) {
- .@{steps-prefix-cls}-item {
- &-icon {
- margin-left: 46px;
- }
- }
- }
-}
diff --git a/components/steps/style/nav.less b/components/steps/style/nav.less
deleted file mode 100644
index 0c39fa6f82..0000000000
--- a/components/steps/style/nav.less
+++ /dev/null
@@ -1,134 +0,0 @@
-.@{steps-prefix-cls}-navigation {
- padding-top: 12px;
-
- &.@{steps-prefix-cls}-small {
- .@{steps-prefix-cls}-item {
- &-container {
- margin-left: -12px;
- }
- }
- }
-
- .@{steps-prefix-cls}-item {
- overflow: visible;
- text-align: center;
-
- &-container {
- display: inline-block;
- height: 100%;
- margin-left: -16px;
- padding-bottom: 12px;
- text-align: left;
- transition: opacity 0.3s;
-
- .@{steps-prefix-cls}-item-content {
- max-width: @steps-nav-content-max-width;
- }
-
- .@{steps-prefix-cls}-item-title {
- max-width: 100%;
- padding-right: 0;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-
- &::after {
- display: none;
- }
- }
- }
-
- &:not(.@{steps-prefix-cls}-item-active) {
- .@{steps-prefix-cls}-item-container[role='button'] {
- cursor: pointer;
-
- &:hover {
- opacity: 0.85;
- }
- }
- }
-
- &:last-child {
- flex: 1;
-
- &::after {
- display: none;
- }
- }
-
- &::after {
- position: absolute;
- top: 50%;
- left: 100%;
- display: inline-block;
- width: 12px;
- height: 12px;
- margin-top: -14px;
- margin-left: -2px;
- border: 1px solid @steps-nav-arrow-color;
- border-bottom: none;
- border-left: none;
- transform: rotate(45deg);
- content: '';
- }
-
- &::before {
- position: absolute;
- bottom: 0;
- left: 50%;
- display: inline-block;
- width: 0;
- height: 2px;
- background-color: @steps-nav-active-color;
- transition: width 0.3s, left 0.3s;
- transition-timing-function: ease-out;
- content: '';
- }
- }
-
- .@{steps-prefix-cls}-item.@{steps-prefix-cls}-item-active::before {
- left: 0;
- width: 100%;
- }
-}
-
-.@{steps-prefix-cls}-navigation.@{steps-prefix-cls}-vertical {
- > .@{steps-prefix-cls}-item {
- margin-right: 0 !important;
-
- &::before {
- display: none;
- }
- &.@{steps-prefix-cls}-item-active::before {
- top: 0;
- right: 0;
- left: unset;
- display: block;
- width: 3px;
- height: calc(100% - 24px);
- }
-
- &::after {
- position: relative;
- top: -2px;
- left: 50%;
- display: block;
- width: 8px;
- height: 8px;
- margin-bottom: 8px;
- text-align: center;
- transform: rotate(135deg);
- }
- > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
- visibility: hidden;
- }
- }
-}
-
-.@{steps-prefix-cls}-navigation.@{steps-prefix-cls}-horizontal {
- > .@{steps-prefix-cls}-item
- > .@{steps-prefix-cls}-item-container
- > .@{steps-prefix-cls}-item-tail {
- visibility: hidden;
- }
-}
diff --git a/components/steps/style/progress-dot.less b/components/steps/style/progress-dot.less
deleted file mode 100644
index a3bd3417b4..0000000000
--- a/components/steps/style/progress-dot.less
+++ /dev/null
@@ -1,113 +0,0 @@
-.@{steps-prefix-cls}-dot,
-.@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {
- .@{steps-prefix-cls}-item {
- &-title {
- line-height: @line-height-base;
- }
-
- &-tail {
- top: @steps-dot-top;
- width: 100%;
- margin: 0 0 0 (@steps-description-max-width / 2);
- padding: 0;
-
- &::after {
- width: ~'calc(100% - 20px)';
- height: 3px;
- margin-left: 12px;
- }
- }
- &:first-child .@{steps-prefix-cls}-icon-dot {
- left: 2px;
- }
-
- &-icon {
- width: @steps-dot-size;
- height: @steps-dot-size;
- margin-left: 67px;
- padding-right: 0;
- line-height: @steps-dot-size;
- background: transparent;
- border: 0;
-
- .@{steps-prefix-cls}-icon-dot {
- position: relative;
- float: left;
- width: 100%;
- height: 100%;
- border-radius: 100px;
- transition: all 0.3s;
-
- /* expand hover area */
- &::after {
- position: absolute;
- top: -12px;
- left: -26px;
- width: 60px;
- height: 32px;
- background: fade(@black, 0.1%);
- content: '';
- }
- }
- }
-
- &-content {
- width: @steps-description-max-width;
- }
- &-process .@{steps-prefix-cls}-item-icon {
- position: relative;
- top: -1px;
- width: @steps-current-dot-size;
- height: @steps-current-dot-size;
- line-height: @steps-current-dot-size;
- background: none;
- }
- &-process .@{steps-prefix-cls}-icon {
- &:first-child .@{steps-prefix-cls}-icon-dot {
- left: 0;
- }
- }
- }
-}
-
-.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-dot {
- .@{steps-prefix-cls}-item-icon {
- margin-top: 13px;
- margin-left: 0;
- background: none;
- }
-
- // https://github.com/ant-design/ant-design/issues/18354
- .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
- top: 6.5px;
- left: -9px;
- margin: 0;
- padding: 22px 0 4px;
- }
-
- &.@{steps-prefix-cls}-small {
- .@{steps-prefix-cls}-item-icon {
- margin-top: 10px;
- }
-
- .@{steps-prefix-cls}-item
- > .@{steps-prefix-cls}-item-container
- > .@{steps-prefix-cls}-item-tail {
- top: 3.5px;
- }
- }
-
- .@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {
- left: 0;
- }
- .@{steps-prefix-cls}-item-content {
- width: inherit;
- }
- .@{steps-prefix-cls}-item-process
- .@{steps-prefix-cls}-item-container
- .@{steps-prefix-cls}-item-icon
- .@{steps-prefix-cls}-icon-dot {
- top: -1px;
- left: -1px;
- }
-}
diff --git a/components/steps/style/progress.less b/components/steps/style/progress.less
deleted file mode 100644
index 586f2c20dc..0000000000
--- a/components/steps/style/progress.less
+++ /dev/null
@@ -1,28 +0,0 @@
-@progress-prefix-cls: ~'@{ant-prefix}-progress';
-
-.@{steps-prefix-cls}-with-progress {
- .@{steps-prefix-cls}-item {
- padding-top: 4px;
-
- .@{steps-prefix-cls}-item-tail {
- top: 4px !important;
- }
- }
-
- &.@{steps-prefix-cls}-horizontal .@{steps-prefix-cls}-item:first-child {
- padding-bottom: 4px;
- padding-left: 4px;
- }
-
- .@{steps-prefix-cls}-item-icon {
- position: relative;
-
- .@{progress-prefix-cls} {
- position: absolute;
- top: -5px;
- right: -5px;
- bottom: -5px;
- left: -5px;
- }
- }
-}
diff --git a/components/steps/style/rtl.less b/components/steps/style/rtl.less
deleted file mode 100644
index 53a66e71d1..0000000000
--- a/components/steps/style/rtl.less
+++ /dev/null
@@ -1,271 +0,0 @@
-.@{steps-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-}
-
-.@{steps-prefix-cls}-item {
- &-icon {
- .@{steps-prefix-cls}.@{steps-prefix-cls}-rtl & {
- margin-right: 0;
- margin-left: 8px;
- }
- }
-
- &-tail {
- .@{steps-prefix-cls}-rtl & {
- right: 0;
- left: auto;
- }
- }
-
- &-title {
- .@{steps-prefix-cls}-rtl & {
- padding-right: 0;
- padding-left: 16px;
- }
-
- .@{steps-prefix-cls}-item-subtitle {
- .@{steps-prefix-cls}-rtl & {
- float: left;
- margin-right: 8px;
- margin-left: 0;
- }
- }
-
- &::after {
- .@{steps-prefix-cls}-rtl & {
- right: 100%;
- left: auto;
- }
- }
- }
-}
-
-.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {
- .@{steps-prefix-cls}-item {
- .@{steps-prefix-cls}-rtl& {
- padding-right: 16px;
- padding-left: 0;
- }
-
- &:first-child {
- .@{steps-prefix-cls}-rtl& {
- padding-right: 0;
- }
- }
-
- &:last-child .@{steps-prefix-cls}-item-title {
- .@{steps-prefix-cls}-rtl& {
- padding-left: 0;
- }
- }
- }
-}
-
-// custom-icon
-.@{steps-prefix-cls}-item-custom {
- .@{steps-prefix-cls}-item-icon {
- > .@{steps-prefix-cls}-icon {
- .@{steps-prefix-cls}-rtl & {
- right: 0.5px;
- left: auto;
- }
- }
- }
-}
-
-// nav
-.@{steps-prefix-cls}-navigation {
- &.@{steps-prefix-cls}-small {
- .@{steps-prefix-cls}-item {
- &-container {
- .@{steps-prefix-cls}-rtl& {
- margin-right: -12px;
- margin-left: 0;
- }
- }
- }
- }
-
- .@{steps-prefix-cls}-item {
- &-container {
- .@{steps-prefix-cls}-rtl& {
- margin-right: -16px;
- margin-left: 0;
- text-align: right;
- }
-
- .@{steps-prefix-cls}-item-title {
- .@{steps-prefix-cls}-rtl& {
- padding-left: 0;
- }
- }
- }
-
- &::after {
- .@{steps-prefix-cls}-rtl& {
- right: 100%;
- left: auto;
- margin-right: -2px;
- margin-left: 0;
- transform: rotate(225deg);
- }
- }
- }
-}
-
-// small
-.@{steps-prefix-cls}-small {
- &.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical)
- .@{steps-prefix-cls}-item {
- .@{steps-prefix-cls}-rtl& {
- padding-right: 12px;
- padding-left: 0;
- }
-
- &:first-child {
- .@{steps-prefix-cls}-rtl& {
- padding-right: 0;
- }
- }
- }
-
- .@{steps-prefix-cls}-item-title {
- .@{steps-prefix-cls}-rtl& {
- padding-right: 0;
- padding-left: 12px;
- }
- }
-}
-
-// vertical
-.@{steps-prefix-cls}-vertical {
- > .@{steps-prefix-cls}-item {
- .@{steps-prefix-cls}-item-icon {
- .@{steps-prefix-cls}-rtl& {
- float: right;
- margin-right: 0;
- margin-left: @steps-vertical-icon-width;
- }
- }
- }
-
- > .@{steps-prefix-cls}-item
- > .@{steps-prefix-cls}-item-container
- > .@{steps-prefix-cls}-item-tail {
- .@{steps-prefix-cls}-rtl& {
- right: @steps-vertical-tail-width;
- left: auto;
- }
- }
-
- &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item-container {
- .@{steps-prefix-cls}-item-tail {
- .@{steps-prefix-cls}-rtl& {
- right: @steps-vertical-tail-width-sm;
- left: auto;
- }
- }
- }
-}
-
-// label
-.@{steps-prefix-cls}-label-vertical {
- .@{steps-prefix-cls}-item {
- &-title {
- .@{steps-prefix-cls}-rtl& {
- padding-left: 0;
- }
- }
- }
-}
-
-// progress-dot
-.@{steps-prefix-cls}-dot,
-.@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {
- .@{steps-prefix-cls}-item {
- &-tail {
- .@{steps-prefix-cls}-rtl& {
- margin: 0 (@steps-description-max-width / 2) 0 0;
- }
-
- &::after {
- .@{steps-prefix-cls}-rtl& {
- margin-right: 12px;
- margin-left: 0;
- }
- }
- }
-
- &:first-child .@{steps-prefix-cls}-icon-dot {
- .@{steps-prefix-cls}-rtl& {
- right: 2px;
- left: auto;
- }
- }
-
- &-icon {
- .@{steps-prefix-cls}-rtl& {
- margin-right: 67px;
- margin-left: 0;
- }
-
- .@{steps-prefix-cls}-icon-dot {
- .@{steps-prefix-cls}-rtl& {
- float: right;
- }
-
- /* expand hover area */
- &::after {
- .@{steps-prefix-cls}-rtl& {
- right: -26px;
- left: auto;
- }
- }
- }
- }
- }
-}
-
-.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-dot {
- .@{steps-prefix-cls}-item-icon {
- .@{steps-prefix-cls}-rtl& {
- margin-right: 0;
- margin-left: 16px;
- }
- }
-
- // https://github.com/ant-design/ant-design/issues/18354
- .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
- .@{steps-prefix-cls}-rtl& {
- right: -9px;
- left: auto;
- }
- }
-
- .@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {
- .@{steps-prefix-cls}-rtl& {
- right: 0;
- left: auto;
- }
- }
-
- .@{steps-prefix-cls}-item-process .@{steps-prefix-cls}-icon-dot {
- .@{steps-prefix-cls}-rtl& {
- right: -2px;
- left: auto;
- }
- }
-}
-
-// RTL Steps with progress
-.@{steps-prefix-cls}-rtl.@{steps-prefix-cls}-with-progress.@{steps-prefix-cls}-horizontal.@{steps-prefix-cls}-label-horizontal {
- .@{steps-prefix-cls}-item:first-child {
- padding-right: 4px;
- padding-left: 0;
- &.@{steps-prefix-cls}-item-active {
- padding-right: 4px;
- }
- }
-}
diff --git a/components/steps/style/small.less b/components/steps/style/small.less
deleted file mode 100644
index 329e598437..0000000000
--- a/components/steps/style/small.less
+++ /dev/null
@@ -1,48 +0,0 @@
-.@{steps-prefix-cls}-small {
- &.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical)
- .@{steps-prefix-cls}-item {
- padding-left: 12px;
-
- &:first-child {
- padding-left: 0;
- }
- }
- .@{steps-prefix-cls}-item-icon {
- width: @steps-small-icon-size;
- height: @steps-small-icon-size;
- margin: @steps-small-icon-margin;
- font-size: @font-size-sm;
- line-height: @steps-small-icon-size;
- text-align: center;
- border-radius: @steps-small-icon-size;
- }
- .@{steps-prefix-cls}-item-title {
- padding-right: 12px;
- font-size: @font-size-base;
- line-height: @steps-small-icon-size;
-
- &::after {
- top: (@steps-small-icon-size / 2);
- }
- }
- .@{steps-prefix-cls}-item-description {
- color: @text-color-secondary;
- font-size: @font-size-base;
- }
- .@{steps-prefix-cls}-item-tail {
- top: 8px;
- }
- .@{steps-prefix-cls}-item-custom .@{steps-prefix-cls}-item-icon {
- width: inherit;
- height: inherit;
- line-height: inherit;
- background: none;
- border: 0;
- border-radius: 0;
- > .@{steps-prefix-cls}-icon {
- font-size: @steps-small-icon-size;
- line-height: @steps-small-icon-size;
- transform: none;
- }
- }
-}
diff --git a/components/steps/style/vertical.less b/components/steps/style/vertical.less
deleted file mode 100644
index 690169b6f1..0000000000
--- a/components/steps/style/vertical.less
+++ /dev/null
@@ -1,73 +0,0 @@
-.@{steps-prefix-cls}-vertical {
- display: flex;
- flex-direction: column;
-
- > .@{steps-prefix-cls}-item {
- display: block;
- flex: 1 0 auto;
- padding-left: 0;
- overflow: visible;
-
- .@{steps-prefix-cls}-item-icon {
- float: left;
- margin-right: @steps-vertical-icon-width;
- }
-
- .@{steps-prefix-cls}-item-content {
- display: block;
- min-height: 48px;
- overflow: hidden;
- }
-
- .@{steps-prefix-cls}-item-title {
- line-height: @steps-icon-size;
- }
-
- .@{steps-prefix-cls}-item-description {
- padding-bottom: 12px;
- }
- }
-
- > .@{steps-prefix-cls}-item
- > .@{steps-prefix-cls}-item-container
- > .@{steps-prefix-cls}-item-tail {
- position: absolute;
- top: 0;
- left: @steps-vertical-tail-width;
- width: 1px;
- height: 100%;
- padding: @steps-icon-size + 6px 0 6px;
-
- &::after {
- width: 1px;
- height: 100%;
- }
- }
-
- > .@{steps-prefix-cls}-item:not(:last-child)
- > .@{steps-prefix-cls}-item-container
- > .@{steps-prefix-cls}-item-tail {
- display: block;
- }
-
- > .@{steps-prefix-cls}-item
- > .@{steps-prefix-cls}-item-container
- > .@{steps-prefix-cls}-item-content
- > .@{steps-prefix-cls}-item-title {
- &::after {
- display: none;
- }
- }
-
- &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item-container {
- .@{steps-prefix-cls}-item-tail {
- position: absolute;
- top: 0;
- left: @steps-vertical-tail-width-sm;
- padding: @steps-small-icon-size + 6px 0 6px;
- }
- .@{steps-prefix-cls}-item-title {
- line-height: @steps-small-icon-size;
- }
- }
-}
diff --git a/components/style/core/base.less b/components/style/core/base.less
deleted file mode 100644
index a704c55128..0000000000
--- a/components/style/core/base.less
+++ /dev/null
@@ -1,10 +0,0 @@
-// Config global less under antd
-[class^=~'@{ant-prefix}-'],
-[class*=~' @{ant-prefix}-'] {
- // remove the clear button of a text input control in IE10+
- &::-ms-clear,
- input::-ms-clear,
- input::-ms-reveal {
- display: none;
- }
-}
diff --git a/components/style/core/index.less b/components/style/core/index.less
deleted file mode 100644
index 6cfcf75bcb..0000000000
--- a/components/style/core/index.less
+++ /dev/null
@@ -1,5 +0,0 @@
-@import '../mixins/index';
-@import 'base';
-@import 'global';
-@import 'iconfont';
-//@import 'motion';
diff --git a/components/style/core/motion.less b/components/style/core/motion.less
deleted file mode 100644
index 286d50eba2..0000000000
--- a/components/style/core/motion.less
+++ /dev/null
@@ -1,22 +0,0 @@
-// @import '../mixins/motion'; This has moved to theme/xxx inside.
-@import 'motion/fade';
-@import 'motion/move';
-@import 'motion/other';
-@import 'motion/slide';
-@import 'motion/zoom';
-
-// For common/openAnimation
-.ant-motion-collapse-legacy {
- overflow: hidden;
-
- &-active {
- transition: height @animation-duration-base @ease-in-out,
- opacity @animation-duration-base @ease-in-out !important;
- }
-}
-
-.ant-motion-collapse {
- overflow: hidden;
- transition: height @animation-duration-base @ease-in-out,
- opacity @animation-duration-base @ease-in-out !important;
-}
diff --git a/components/style/core/motion/fade.less b/components/style/core/motion/fade.less
deleted file mode 100644
index f4a9513bcb..0000000000
--- a/components/style/core/motion/fade.less
+++ /dev/null
@@ -1,34 +0,0 @@
-.fade-motion(@className, @keyframeName) {
- @name: ~'@{ant-prefix}-@{className}';
- .make-motion(@name, @keyframeName);
- .@{name}-enter,
- .@{name}-appear {
- opacity: 0;
- animation-timing-function: linear;
- }
- .@{name}-leave {
- animation-timing-function: linear;
- }
-}
-
-.fade-motion(fade, antFade);
-
-@keyframes antFadeIn {
- 0% {
- opacity: 0;
- }
-
- 100% {
- opacity: 1;
- }
-}
-
-@keyframes antFadeOut {
- 0% {
- opacity: 1;
- }
-
- 100% {
- opacity: 0;
- }
-}
diff --git a/components/style/core/motion/move.less b/components/style/core/motion/move.less
deleted file mode 100644
index 733f26d701..0000000000
--- a/components/style/core/motion/move.less
+++ /dev/null
@@ -1,129 +0,0 @@
-.move-motion(@className, @keyframeName) {
- @name: ~'@{ant-prefix}-@{className}';
- .make-motion(@name, @keyframeName);
- .@{name}-enter,
- .@{name}-appear {
- opacity: 0;
- animation-timing-function: @ease-out-circ;
- }
- .@{name}-leave {
- animation-timing-function: @ease-in-circ;
- }
-}
-
-.move-motion(move-up, antMoveUp);
-.move-motion(move-down, antMoveDown);
-.move-motion(move-left, antMoveLeft);
-.move-motion(move-right, antMoveRight);
-
-@keyframes antMoveDownIn {
- 0% {
- transform: translateY(100%);
- transform-origin: 0 0;
- opacity: 0;
- }
-
- 100% {
- transform: translateY(0%);
- transform-origin: 0 0;
- opacity: 1;
- }
-}
-
-@keyframes antMoveDownOut {
- 0% {
- transform: translateY(0%);
- transform-origin: 0 0;
- opacity: 1;
- }
-
- 100% {
- transform: translateY(100%);
- transform-origin: 0 0;
- opacity: 0;
- }
-}
-
-@keyframes antMoveLeftIn {
- 0% {
- transform: translateX(-100%);
- transform-origin: 0 0;
- opacity: 0;
- }
-
- 100% {
- transform: translateX(0%);
- transform-origin: 0 0;
- opacity: 1;
- }
-}
-
-@keyframes antMoveLeftOut {
- 0% {
- transform: translateX(0%);
- transform-origin: 0 0;
- opacity: 1;
- }
-
- 100% {
- transform: translateX(-100%);
- transform-origin: 0 0;
- opacity: 0;
- }
-}
-
-@keyframes antMoveRightIn {
- 0% {
- transform: translateX(100%);
- transform-origin: 0 0;
- opacity: 0;
- }
-
- 100% {
- transform: translateX(0%);
- transform-origin: 0 0;
- opacity: 1;
- }
-}
-
-@keyframes antMoveRightOut {
- 0% {
- transform: translateX(0%);
- transform-origin: 0 0;
- opacity: 1;
- }
-
- 100% {
- transform: translateX(100%);
- transform-origin: 0 0;
- opacity: 0;
- }
-}
-
-@keyframes antMoveUpIn {
- 0% {
- transform: translateY(-100%);
- transform-origin: 0 0;
- opacity: 0;
- }
-
- 100% {
- transform: translateY(0%);
- transform-origin: 0 0;
- opacity: 1;
- }
-}
-
-@keyframes antMoveUpOut {
- 0% {
- transform: translateY(0%);
- transform-origin: 0 0;
- opacity: 1;
- }
-
- 100% {
- transform: translateY(-100%);
- transform-origin: 0 0;
- opacity: 0;
- }
-}
diff --git a/components/style/core/motion/other.less b/components/style/core/motion/other.less
deleted file mode 100644
index d1a25494e7..0000000000
--- a/components/style/core/motion/other.less
+++ /dev/null
@@ -1,51 +0,0 @@
-@keyframes loadingCircle {
- 100% {
- transform: rotate(360deg);
- }
-}
-
-@click-animating-true: ~"[@{ant-prefix}-click-animating='true']";
-@click-animating-with-extra-node-true: ~"[@{ant-prefix}-click-animating-without-extra-node='true']";
-
-@{click-animating-true},
-@{click-animating-with-extra-node-true} {
- position: relative;
-}
-
-html {
- --antd-wave-shadow-color: @primary-color;
- --scroll-bar: 0;
-}
-
-@click-animating-with-extra-node-true-after: ~'@{click-animating-with-extra-node-true}::after';
-
-@{click-animating-with-extra-node-true-after},
-.@{ant-prefix}-click-animating-node {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: block;
- 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;
- content: '';
- pointer-events: none;
-}
-
-@keyframes waveEffect {
- 100% {
- box-shadow: 0 0 0 @primary-color;
- box-shadow: 0 0 0 @wave-animation-width var(--antd-wave-shadow-color);
- }
-}
-
-@keyframes fadeEffect {
- 100% {
- opacity: 0;
- }
-}
diff --git a/components/style/core/motion/slide.less b/components/style/core/motion/slide.less
deleted file mode 100644
index 5ddce529f2..0000000000
--- a/components/style/core/motion/slide.less
+++ /dev/null
@@ -1,129 +0,0 @@
-// .slide-motion(@className, @keyframeName) {
-// @name: ~'@{ant-prefix}-@{className}';
-// .make-motion(@name, @keyframeName);
-// .@{name}-enter,
-// .@{name}-appear {
-// opacity: 0;
-// animation-timing-function: @ease-out-quint;
-// }
-// .@{name}-leave {
-// animation-timing-function: @ease-in-quint;
-// }
-// }
-
-// .slide-motion(slide-up, antSlideUp);
-// .slide-motion(slide-down, antSlideDown);
-// .slide-motion(slide-left, antSlideLeft);
-// .slide-motion(slide-right, antSlideRight);
-
-// @keyframes antSlideUpIn {
-// 0% {
-// transform: scaleY(0.8);
-// transform-origin: 0% 0%;
-// opacity: 0;
-// }
-
-// 100% {
-// transform: scaleY(1);
-// transform-origin: 0% 0%;
-// opacity: 1;
-// }
-// }
-
-// @keyframes antSlideUpOut {
-// 0% {
-// transform: scaleY(1);
-// transform-origin: 0% 0%;
-// opacity: 1;
-// }
-
-// 100% {
-// transform: scaleY(0.8);
-// transform-origin: 0% 0%;
-// opacity: 0;
-// }
-// }
-
-// @keyframes antSlideDownIn {
-// 0% {
-// transform: scaleY(0.8);
-// transform-origin: 100% 100%;
-// opacity: 0;
-// }
-
-// 100% {
-// transform: scaleY(1);
-// transform-origin: 100% 100%;
-// opacity: 1;
-// }
-// }
-
-// @keyframes antSlideDownOut {
-// 0% {
-// transform: scaleY(1);
-// transform-origin: 100% 100%;
-// opacity: 1;
-// }
-
-// 100% {
-// transform: scaleY(0.8);
-// transform-origin: 100% 100%;
-// opacity: 0;
-// }
-// }
-
-// @keyframes antSlideLeftIn {
-// 0% {
-// transform: scaleX(0.8);
-// transform-origin: 0% 0%;
-// opacity: 0;
-// }
-
-// 100% {
-// transform: scaleX(1);
-// transform-origin: 0% 0%;
-// opacity: 1;
-// }
-// }
-
-// @keyframes antSlideLeftOut {
-// 0% {
-// transform: scaleX(1);
-// transform-origin: 0% 0%;
-// opacity: 1;
-// }
-
-// 100% {
-// transform: scaleX(0.8);
-// transform-origin: 0% 0%;
-// opacity: 0;
-// }
-// }
-
-// @keyframes antSlideRightIn {
-// 0% {
-// transform: scaleX(0.8);
-// transform-origin: 100% 0%;
-// opacity: 0;
-// }
-
-// 100% {
-// transform: scaleX(1);
-// transform-origin: 100% 0%;
-// opacity: 1;
-// }
-// }
-
-// @keyframes antSlideRightOut {
-// 0% {
-// transform: scaleX(1);
-// transform-origin: 100% 0%;
-// opacity: 1;
-// }
-
-// 100% {
-// transform: scaleX(0.8);
-// transform-origin: 100% 0%;
-// opacity: 0;
-// }
-// }
diff --git a/components/style/core/motion/zoom.less b/components/style/core/motion/zoom.less
deleted file mode 100644
index 72739b7511..0000000000
--- a/components/style/core/motion/zoom.less
+++ /dev/null
@@ -1,179 +0,0 @@
-.zoom-motion(@className, @keyframeName, @duration: @animation-duration-base) {
- @name: ~'@{ant-prefix}-@{className}';
- .make-motion(@name, @keyframeName, @duration);
- .@{name}-enter,
- .@{name}-appear {
- transform: scale(0); // need this by yiminghe
- opacity: 0;
- animation-timing-function: @ease-out-circ;
-
- &-prepare {
- transform: none;
- }
- }
- .@{name}-leave {
- animation-timing-function: @ease-in-out-circ;
- }
-}
-
-// For Modal, Select choosen item
-.zoom-motion(zoom, antZoom);
-// For Popover, Popconfirm, Dropdown
-.zoom-motion(zoom-big, antZoomBig);
-// For Tooltip
-.zoom-motion(zoom-big-fast, antZoomBig, @animation-duration-fast);
-
-.zoom-motion(zoom-up, antZoomUp);
-.zoom-motion(zoom-down, antZoomDown);
-.zoom-motion(zoom-left, antZoomLeft);
-.zoom-motion(zoom-right, antZoomRight);
-
-@keyframes antZoomIn {
- 0% {
- transform: scale(0.2);
- opacity: 0;
- }
-
- 100% {
- transform: scale(1);
- opacity: 1;
- }
-}
-
-@keyframes antZoomOut {
- 0% {
- transform: scale(1);
- }
-
- 100% {
- transform: scale(0.2);
- opacity: 0;
- }
-}
-
-@keyframes antZoomBigIn {
- 0% {
- transform: scale(0.8);
- opacity: 0;
- }
-
- 100% {
- transform: scale(1);
- opacity: 1;
- }
-}
-
-@keyframes antZoomBigOut {
- 0% {
- transform: scale(1);
- }
-
- 100% {
- transform: scale(0.8);
- opacity: 0;
- }
-}
-
-@keyframes antZoomUpIn {
- 0% {
- transform: scale(0.8);
- transform-origin: 50% 0%;
- opacity: 0;
- }
-
- 100% {
- transform: scale(1);
- transform-origin: 50% 0%;
- }
-}
-
-@keyframes antZoomUpOut {
- 0% {
- transform: scale(1);
- transform-origin: 50% 0%;
- }
-
- 100% {
- transform: scale(0.8);
- transform-origin: 50% 0%;
- opacity: 0;
- }
-}
-
-@keyframes antZoomLeftIn {
- 0% {
- transform: scale(0.8);
- transform-origin: 0% 50%;
- opacity: 0;
- }
-
- 100% {
- transform: scale(1);
- transform-origin: 0% 50%;
- }
-}
-
-@keyframes antZoomLeftOut {
- 0% {
- transform: scale(1);
- transform-origin: 0% 50%;
- }
-
- 100% {
- transform: scale(0.8);
- transform-origin: 0% 50%;
- opacity: 0;
- }
-}
-
-@keyframes antZoomRightIn {
- 0% {
- transform: scale(0.8);
- transform-origin: 100% 50%;
- opacity: 0;
- }
-
- 100% {
- transform: scale(1);
- transform-origin: 100% 50%;
- }
-}
-
-@keyframes antZoomRightOut {
- 0% {
- transform: scale(1);
- transform-origin: 100% 50%;
- }
-
- 100% {
- transform: scale(0.8);
- transform-origin: 100% 50%;
- opacity: 0;
- }
-}
-
-@keyframes antZoomDownIn {
- 0% {
- transform: scale(0.8);
- transform-origin: 50% 100%;
- opacity: 0;
- }
-
- 100% {
- transform: scale(1);
- transform-origin: 50% 100%;
- }
-}
-
-@keyframes antZoomDownOut {
- 0% {
- transform: scale(1);
- transform-origin: 50% 100%;
- }
-
- 100% {
- transform: scale(0.8);
- transform-origin: 50% 100%;
- opacity: 0;
- }
-}
diff --git a/components/style/index.less b/components/style/index.less
deleted file mode 100644
index 04efa3b472..0000000000
--- a/components/style/index.less
+++ /dev/null
@@ -1,2 +0,0 @@
-@import './themes/index';
-@import './core/index';
diff --git a/components/style/index.tsx b/components/style/index.tsx
deleted file mode 100644
index d74e52ee9f..0000000000
--- a/components/style/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-import './index.less';
diff --git a/components/style/mixins/customize.less b/components/style/mixins/customize.less
deleted file mode 100644
index 6f6fc18647..0000000000
--- a/components/style/mixins/customize.less
+++ /dev/null
@@ -1,181 +0,0 @@
-// customize dark components background in popover containers(like Modal, Drawer, Card, Popover, Popconfirm, Notification, ...)
-// for dark theme
-.popover-customize-bg(@containerClass, @background: @popover-background, @prefix: @ant-prefix)
- when
- (@theme = dark) {
- @picker-prefix-cls: ~'@{prefix}-picker';
- @slider-prefix-cls: ~'@{prefix}-slider';
- @anchor-prefix-cls: ~'@{prefix}-anchor';
- @collapse-prefix-cls: ~'@{prefix}-collapse';
- @tab-prefix-cls: ~'@{prefix}-tabs';
- @timeline-prefix-cls: ~'@{prefix}-timeline';
- @tree-prefix-cls: ~'@{prefix}-tree';
- @card-prefix-cls: ~'@{prefix}-card';
- @badge-prefix-cls: ~'@{prefix}-badge';
- @transfer-prefix-cls: ~'@{prefix}-transfer';
- @calendar-prefix-cls: ~'@{prefix}-picker-calendar';
- @calendar-picker-prefix-cls: ~'@{prefix}-picker';
- @table-prefix-cls: ~'@{prefix}-table';
-
- @popover-border: @border-width-base @border-style-base @popover-customize-border-color;
-
- .@{containerClass} {
- .@{picker-prefix-cls}-clear,
- .@{slider-prefix-cls}-handle,
- .@{anchor-prefix-cls}-wrapper,
- .@{collapse-prefix-cls}-content,
- .@{timeline-prefix-cls}-item-head,
- .@{card-prefix-cls} {
- background-color: @background;
- }
-
- .@{transfer-prefix-cls} {
- &-list {
- &-header {
- background: @background;
- border-bottom: @popover-border;
- }
- &-content-item:not(.@{transfer-prefix-cls}-list-content-item-disabled):hover {
- background-color: @item-hover-bg;
- }
- }
- }
-
- tr.@{table-prefix-cls}-expanded-row {
- &,
- &:hover {
- > td {
- background: #272727;
- }
- }
- }
- .@{table-prefix-cls}.@{table-prefix-cls}-small {
- thead {
- > tr {
- > th {
- background-color: @background;
- border-bottom: @popover-border;
- }
- }
- }
- }
- .@{table-prefix-cls} {
- background-color: @background;
- .@{table-prefix-cls}-row-expand-icon {
- border: @popover-border;
- }
-
- tfoot {
- > tr {
- > th,
- > td {
- border-bottom: @popover-border;
- }
- }
- }
-
- thead {
- > tr {
- > th {
- background-color: #272727;
- border-bottom: @popover-border;
- }
- }
- }
-
- tbody {
- > tr {
- > td {
- border-bottom: @popover-border;
- &.@{table-prefix-cls}-cell-fix-left,
- &.@{table-prefix-cls}-cell-fix-right {
- background-color: @background;
- }
- }
- &.@{table-prefix-cls}-row:hover {
- > td {
- background: @table-header-sort-active-bg;
- }
- }
- }
- }
- &.@{table-prefix-cls}-bordered {
- .@{table-prefix-cls}-title {
- border: @popover-border;
- }
-
- // ============================= Cell =============================
- thead > tr > th,
- tbody > tr > td,
- tfoot > tr > th,
- tfoot > tr > td {
- border-right: @popover-border;
- }
-
- // Fixed right should provides additional border
- .@{table-prefix-cls}-cell-fix-right-first::after {
- border-right: @popover-border;
- }
-
- // ============================ Header ============================
- table > {
- thead {
- > tr:not(:last-child) > th {
- border-bottom: @border-width-base @border-style-base @border-color-split;
- }
- }
- }
-
- // =========================== Content ============================
- .@{table-prefix-cls}-container {
- border: @popover-border;
- }
-
- // ========================== Expandable ==========================
- .@{table-prefix-cls}-expanded-row-fixed {
- &::after {
- border-right: @popover-border;
- }
- }
-
- .@{table-prefix-cls}-footer {
- border: @popover-border;
- }
- }
- .@{table-prefix-cls}-filter-trigger-container-open {
- background-color: #525252;
- }
- }
-
- .@{calendar-prefix-cls}-full {
- background-color: @background;
- .@{calendar-picker-prefix-cls}-panel {
- background-color: @background;
- .@{calendar-prefix-cls}-date {
- border-top: 2px solid @popover-customize-border-color;
- }
- }
- }
-
- .@{tab-prefix-cls} {
- &.@{tab-prefix-cls}-card .@{tab-prefix-cls}-card-bar .@{tab-prefix-cls}-tab-active {
- background-color: @background;
- border-bottom: @border-width-base solid @background;
- }
- }
-
- .@{badge-prefix-cls} {
- &-count {
- box-shadow: 0 0 0 1px @background;
- }
- }
-
- .@{tree-prefix-cls} {
- &-show-line {
- .@{tree-prefix-cls}-switcher {
- background: @background;
- }
- }
- }
- }
-}
diff --git a/components/style/mixins/iconfont.less b/components/style/mixins/iconfont.less
deleted file mode 100644
index dd32dd73ac..0000000000
--- a/components/style/mixins/iconfont.less
+++ /dev/null
@@ -1,28 +0,0 @@
-.iconfont-mixin() {
- display: inline-block;
- color: @icon-color;
- font-style: normal;
- line-height: 0;
- text-align: center;
- text-transform: none;
- vertical-align: -0.125em; // for SVG icon, see https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
- text-rendering: optimizelegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-
- > * {
- line-height: 1;
- }
-
- svg {
- display: inline-block;
- }
-
- &::before {
- display: none; // dont display old icon.
- }
-
- & &-icon {
- display: block;
- }
-}
diff --git a/components/style/mixins/motion.less b/components/style/mixins/motion.less
deleted file mode 100644
index 1e15350004..0000000000
--- a/components/style/mixins/motion.less
+++ /dev/null
@@ -1,33 +0,0 @@
-.motion-common(@duration: @animation-duration-base) {
- animation-duration: @duration;
- animation-fill-mode: both;
-}
-
-.motion-common-leave(@duration: @animation-duration-base) {
- animation-duration: @duration;
- animation-fill-mode: both;
-}
-
-.make-motion(@className, @keyframeName, @duration: @animation-duration-base) {
- .@{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,
- .@{className}-appear.@{className}-appear-active {
- animation-name: ~'@{keyframeName}In';
- animation-play-state: running;
- }
- .@{className}-leave.@{className}-leave-active {
- animation-name: ~'@{keyframeName}Out';
- animation-play-state: running;
- pointer-events: none;
- }
-}
diff --git a/components/style/mixins/typography.less b/components/style/mixins/typography.less
deleted file mode 100644
index 71a4d39b06..0000000000
--- a/components/style/mixins/typography.less
+++ /dev/null
@@ -1,58 +0,0 @@
-// =============== Common ===============
-.typography-paragraph() {
- margin-bottom: 1em;
-}
-
-.typography-title(@fontSize; @fontWeight; @lineHeight; @headingColor; @headingMarginBottom;) {
- margin-bottom: @headingMarginBottom;
- color: @headingColor;
- font-weight: @fontWeight;
- font-size: @fontSize;
- line-height: @lineHeight;
-}
-
-.typography-title-1() {
- .typography-title(
- @heading-1-size,
- @typography-title-font-weight,
- 1.23,
- @heading-color,
- @typography-title-margin-bottom
- );
-}
-.typography-title-2() {
- .typography-title(
- @heading-2-size,
- @typography-title-font-weight,
- 1.35,
- @heading-color,
- @typography-title-margin-bottom
- );
-}
-.typography-title-3() {
- .typography-title(
- @heading-3-size,
- @typography-title-font-weight,
- 1.35,
- @heading-color,
- @typography-title-margin-bottom
- );
-}
-.typography-title-4() {
- .typography-title(
- @heading-4-size,
- @typography-title-font-weight,
- 1.4,
- @heading-color,
- @typography-title-margin-bottom
- );
-}
-.typography-title-5() {
- .typography-title(
- @heading-5-size,
- @typography-title-font-weight,
- 1.5,
- @heading-color,
- @typography-title-margin-bottom
- );
-}
diff --git a/components/style/themes/compact.less b/components/style/themes/compact.less
deleted file mode 100644
index 36d6bbe053..0000000000
--- a/components/style/themes/compact.less
+++ /dev/null
@@ -1,295 +0,0 @@
-@import './default.less';
-
-@line-height-base: 1.66667;
-@mode: compact;
-@font-size-base: 12px;
-@font-size-lg: @font-size-base + 2px;
-
-// default paddings
-@default-padding-lg: 24px; // containers
-@default-padding-md: 16px; // small containers and buttons
-@default-padding-sm: 12px; // Form controls and items
-@default-padding-xs: 8px; // small items
-@default-padding-xss: 4px; // more small
-
-// vertical paddings
-@padding-lg: 16px; // containers
-@padding-md: 8px; // small containers and buttons
-@padding-sm: 8px; // Form controls and items
-@padding-xs: 4px; // small items
-@padding-xss: 0px; // more small
-
-// vertical padding for all form controls
-@control-padding-horizontal: @padding-sm;
-@control-padding-horizontal-sm: @default-padding-xs;
-
-// vertical margins
-@margin-lg: 16px; // containers
-@margin-md: 8px; // small containers and buttons
-@margin-sm: 8px; // Form controls and items
-@margin-xs: 4px; // small items
-@margin-xss: 0px; // more small
-
-// height rules
-@height-base: 28px;
-@height-lg: 32px;
-@height-sm: 22px;
-
-// Button
-// ---
-@btn-padding-horizontal-base: @default-padding-sm - 1px;
-@btn-padding-horizontal-lg: @btn-padding-horizontal-base;
-@btn-padding-horizontal-sm: @default-padding-xs - 1px;
-@btn-square-only-icon-size-lg: 16px;
-@btn-square-only-icon-size: 14px;
-@btn-square-only-icon-size-sm: 12px;
-
-// Breadcrumb
-// ---
-@breadcrumb-font-size: @font-size-base;
-@breadcrumb-icon-font-size: @font-size-base;
-
-//Dropdown
-@dropdown-line-height: 18px;
-
-// Menu
-@menu-item-padding: 0 12px;
-@menu-horizontal-line-height: 38px;
-@menu-inline-toplevel-item-height: 32px;
-@menu-item-height: 32px;
-@menu-item-vertical-margin: 0px;
-@menu-item-boundary-margin: 0px;
-@menu-icon-margin-right: 8px;
-
-// Checkbox
-@checkbox-size: 14px;
-@checkbox-group-item-margin-right: 6px;
-
-// picker
-@picker-panel-cell-height: 22px;
-@picker-panel-cell-width: 32px;
-@picker-text-height: 32px;
-@picker-time-panel-cell-height: 24px;
-@picker-panel-without-time-cell-height: 48px;
-
-// Form
-// ---
-@form-item-margin-bottom: 16px;
-@form-vertical-label-padding: 0 0 4px;
-
-// Rate
-// ---
-@rate-star-size: 16px;
-
-// Radio
-// ---
-@radio-size: 14px;
-@radio-wrapper-margin-right: 6px;
-
-// Switch
-// ---
-@switch-height: 20px;
-@switch-sm-height: 14px;
-@switch-min-width: 40px;
-@switch-sm-min-width: 24px;
-@switch-inner-margin-min: 4px;
-@switch-inner-margin-max: 22px;
-
-// Slider
-// ---
-@slider-handle-size: 12px;
-@slider-handle-margin-top: -4px;
-
-// Input
-// ---
-@input-padding-vertical-base: round(
- max(
- (round(((@input-height-base - @font-size-base * @line-height-base) / 2) * 10) / 10) -
- @border-width-base,
- 2px
- )
-);
-@input-padding-horizontal-lg: 11px;
-
-// PageHeader
-// ---
-@page-header-padding: 16px;
-@page-header-padding-vertical: 8px;
-@page-header-heading-title: 16px;
-@page-header-heading-sub-title: 12px;
-@page-header-tabs-tab-font-size: 14px;
-
-// Pagination
-// ---
-@pagination-mini-options-size-changer-top: 1px;
-@pagination-item-size-sm: 22px;
-
-// Cascader
-// ----
-@cascader-dropdown-line-height: @dropdown-line-height;
-
-// Select
-// ---
-@select-dropdown-height: @height-base;
-@select-single-item-height-lg: 32px;
-@select-multiple-item-height: @input-height-base - max(@input-padding-vertical-base, 4) * 2; // Normal 24px
-@select-multiple-item-height-lg: 24px;
-@select-multiple-item-spacing-half: 3px;
-
-// Tree
-// ---
-@tree-title-height: 20px;
-
-// Transfer
-// ---
-@transfer-item-padding-vertical: 3px;
-@transfer-list-search-icon-top: 8px;
-@transfer-header-height: 36px;
-
-// Comment
-// ---
-@comment-actions-margin-bottom: 0px;
-@comment-actions-margin-top: @margin-xs;
-@comment-content-detail-p-margin-bottom: 0px;
-
-// Steps
-// ---
-@steps-icon-size: 24px;
-@steps-icon-custom-size: 20px;
-@steps-icon-custom-font-size: 20px;
-@steps-icon-custom-top: 2px;
-@steps-icon-margin: 2px 8px 2px 0;
-@steps-icon-font-size: @font-size-base;
-@steps-dot-top: 4px;
-@steps-icon-top: 0px;
-@steps-small-icon-size: 20px;
-@steps-vertical-icon-width: 12px;
-@steps-vertical-tail-width: 12px;
-@steps-vertical-tail-width-sm: 10px;
-// Collapse
-// ---
-//@collapse-header-padding-extra: 32px;
-@collapse-content-padding: @padding-md @padding-lg;
-
-// List
-// ---
-@list-item-meta-description-font-size: @font-size-sm;
-@list-item-padding-sm: 4px 12px;
-@list-item-padding-lg: 12px 16px;
-
-// Drawer
-// ---
-@drawer-header-padding: 11px @padding-lg;
-@drawer-footer-padding-vertical: @padding-sm;
-@drawer-footer-padding-horizontal: @padding-sm;
-@drawer-header-close-size: 44px;
-
-// Modal
-// --
-@modal-header-padding: 11px @modal-header-padding-horizontal;
-@modal-footer-padding-vertical: @padding-sm;
-@modal-header-close-size: 44px;
-@modal-confirm-body-padding: 24px 24px 16px;
-
-// Message
-// ---
-@message-notice-content-padding: 8px 16px;
-
-// popover
-// --
-@popover-min-height: 28px;
-@popover-padding-horizontal: @default-padding-sm;
-
-// Card
-// ---
-@card-padding-base: 16px;
-@card-head-height: 36px;
-@card-head-font-size: @card-head-font-size-sm;
-@card-head-padding: 8.5px;
-@card-padding-base: 12px;
-@card-padding-base-sm: @card-padding-base;
-@card-head-height-sm: 30px;
-@card-head-padding-sm: 6px;
-@card-actions-li-margin: 4px 0;
-@card-head-tabs-margin-bottom: -9px;
-
-// Table
-// ---
-@table-padding-vertical: 12px;
-@table-padding-horizontal: 8px;
-@table-padding-vertical-md: 8px;
-@table-padding-horizontal-md: 8px;
-@table-padding-vertical-sm: 4px;
-@table-padding-horizontal-sm: 4px;
-@table-selection-column-width: 32px;
-
-// Statistic
-// ---
-@statistic-content-font-size: 20px;
-
-// Alert
-// ---
-@alert-with-description-no-icon-padding-vertical: 7px;
-@alert-with-description-padding-vertical: 11px;
-@alert-icon-top: 7px + @font-size-base * (@line-height-base / 2) - (@font-size-base / 2);
-@alert-with-description-icon-size: 20px;
-
-// Skeleton
-// ---
-@skeleton-paragraph-margin-top: 20px;
-@skeleton-paragraph-li-margin-top: 12px;
-@skeleton-paragraph-li-height: 14px;
-@skeleton-title-height: 14px;
-@skeleton-title-paragraph-margin-top: 20px;
-
-// Descriptions
-@descriptions-title-margin-bottom: 8px;
-@descriptions-default-padding: 12px @padding-lg;
-@descriptions-item-padding-bottom: @padding-xs;
-
-// Avatar
-// ---
-@avatar-size-base: 28px;
-@avatar-size-lg: 32px;
-@avatar-size-sm: 22px;
-@avatar-font-size-base: 16px;
-@avatar-font-size-lg: 20px;
-@avatar-font-size-sm: 12px;
-
-// Badge
-// ---
-@badge-height: 18px;
-
-// Tag
-// ---
-@tag-line-height: 18px;
-
-// Notification
-// ---
-@notification-padding-vertical: 12px;
-@notification-padding-horizontal: 16px;
-
-// Result
-// ---
-@result-title-font-size: 20px;
-@result-icon-font-size: 64px;
-@result-extra-margin: 24px 0 0 0;
-
-// Anchor
-// ---
-@anchor-link-top: 4px;
-@anchor-link-left: 16px;
-@anchor-link-padding: @anchor-link-top 0 @anchor-link-top @anchor-link-left;
-
-// Tabs
-// ---
-@tabs-card-horizontal-padding: 4px @padding-md;
-
-// Progress
-// ---
-@progress-circle-text-font-size: 0.833333em;
-
-// Image
-// ---
-@image-size-base: 48px;
-@image-font-size-base: 24px;
diff --git a/components/style/themes/dark.less b/components/style/themes/dark.less
deleted file mode 100644
index 4cfda904be..0000000000
--- a/components/style/themes/dark.less
+++ /dev/null
@@ -1,457 +0,0 @@
-@import './default.less';
-
-@theme: dark;
-// color palettes
-@blue-1: mix(color(~`colorPalette('@{blue-base}', 8) `), @component-background, 15%);
-@blue-2: mix(color(~`colorPalette('@{blue-base}', 7) `), @component-background, 25%);
-@blue-3: mix(@blue-base, @component-background, 30%);
-@blue-4: mix(@blue-base, @component-background, 45%);
-@blue-5: mix(@blue-base, @component-background, 65%);
-@blue-6: mix(@blue-base, @component-background, 85%);
-@blue-7: mix(color(~`colorPalette('@{blue-base}', 5) `), @component-background, 90%);
-@blue-8: mix(color(~`colorPalette('@{blue-base}', 4) `), @component-background, 95%);
-@blue-9: mix(color(~`colorPalette('@{blue-base}', 3) `), @component-background, 97%);
-@blue-10: mix(color(~`colorPalette('@{blue-base}', 2) `), @component-background, 98%);
-
-@purple-1: mix(color(~`colorPalette('@{purple-base}', 8) `), @component-background, 15%);
-@purple-2: mix(color(~`colorPalette('@{purple-base}', 7) `), @component-background, 25%);
-@purple-3: mix(@purple-base, @component-background, 30%);
-@purple-4: mix(@purple-base, @component-background, 45%);
-@purple-5: mix(@purple-base, @component-background, 65%);
-@purple-6: mix(@purple-base, @component-background, 85%);
-@purple-7: mix(color(~`colorPalette('@{purple-base}', 5) `), @component-background, 90%);
-@purple-8: mix(color(~`colorPalette('@{purple-base}', 4) `), @component-background, 95%);
-@purple-9: mix(color(~`colorPalette('@{purple-base}', 3) `), @component-background, 97%);
-@purple-10: mix(color(~`colorPalette('@{purple-base}', 2) `), @component-background, 98%);
-
-@cyan-1: mix(color(~`colorPalette('@{cyan-base}', 8) `), @component-background, 15%);
-@cyan-2: mix(color(~`colorPalette('@{cyan-base}', 7) `), @component-background, 25%);
-@cyan-3: mix(@cyan-base, @component-background, 30%);
-@cyan-4: mix(@cyan-base, @component-background, 45%);
-@cyan-5: mix(@cyan-base, @component-background, 65%);
-@cyan-6: mix(@cyan-base, @component-background, 85%);
-@cyan-7: mix(color(~`colorPalette('@{cyan-base}', 5) `), @component-background, 90%);
-@cyan-8: mix(color(~`colorPalette('@{cyan-base}', 4) `), @component-background, 95%);
-@cyan-9: mix(color(~`colorPalette('@{cyan-base}', 3) `), @component-background, 97%);
-@cyan-10: mix(color(~`colorPalette('@{cyan-base}', 2) `), @component-background, 98%);
-
-@green-1: mix(color(~`colorPalette('@{green-base}', 8) `), @component-background, 15%);
-@green-2: mix(color(~`colorPalette('@{green-base}', 7) `), @component-background, 25%);
-@green-3: mix(@green-base, @component-background, 30%);
-@green-4: mix(@green-base, @component-background, 45%);
-@green-5: mix(@green-base, @component-background, 65%);
-@green-6: mix(@green-base, @component-background, 85%);
-@green-7: mix(color(~`colorPalette('@{green-base}', 5) `), @component-background, 90%);
-@green-8: mix(color(~`colorPalette('@{green-base}', 4) `), @component-background, 95%);
-@green-9: mix(color(~`colorPalette('@{green-base}', 3) `), @component-background, 97%);
-@green-10: mix(color(~`colorPalette('@{green-base}', 2) `), @component-background, 98%);
-
-@magenta-1: mix(color(~`colorPalette('@{magenta-base}', 8) `), @component-background, 15%);
-@magenta-2: mix(color(~`colorPalette('@{magenta-base}', 7) `), @component-background, 25%);
-@magenta-3: mix(@magenta-base, @component-background, 30%);
-@magenta-4: mix(@magenta-base, @component-background, 45%);
-@magenta-5: mix(@magenta-base, @component-background, 65%);
-@magenta-6: mix(@magenta-base, @component-background, 85%);
-@magenta-7: mix(color(~`colorPalette('@{magenta-base}', 5) `), @component-background, 90%);
-@magenta-8: mix(color(~`colorPalette('@{magenta-base}', 4) `), @component-background, 95%);
-@magenta-9: mix(color(~`colorPalette('@{magenta-base}', 3) `), @component-background, 97%);
-@magenta-10: mix(color(~`colorPalette('@{magenta-base}', 2) `), @component-background, 98%);
-
-@pink-1: mix(color(~`colorPalette('@{pink-base}', 8) `), @component-background, 15%);
-@pink-2: mix(color(~`colorPalette('@{pink-base}', 7) `), @component-background, 25%);
-@pink-3: mix(@pink-base, @component-background, 30%);
-@pink-4: mix(@pink-base, @component-background, 45%);
-@pink-5: mix(@pink-base, @component-background, 65%);
-@pink-6: mix(@pink-base, @component-background, 85%);
-@pink-7: mix(color(~`colorPalette('@{pink-base}', 5) `), @component-background, 90%);
-@pink-8: mix(color(~`colorPalette('@{pink-base}', 4) `), @component-background, 95%);
-@pink-9: mix(color(~`colorPalette('@{pink-base}', 3) `), @component-background, 97%);
-@pink-10: mix(color(~`colorPalette('@{pink-base}', 2) `), @component-background, 98%);
-
-@red-1: mix(color(~`colorPalette('@{red-base}', 8) `), @component-background, 15%);
-@red-2: mix(color(~`colorPalette('@{red-base}', 7) `), @component-background, 25%);
-@red-3: mix(@red-base, @component-background, 30%);
-@red-4: mix(@red-base, @component-background, 45%);
-@red-5: mix(@red-base, @component-background, 65%);
-@red-6: mix(@red-base, @component-background, 85%);
-@red-7: mix(color(~`colorPalette('@{red-base}', 5) `), @component-background, 90%);
-@red-8: mix(color(~`colorPalette('@{red-base}', 4) `), @component-background, 95%);
-@red-9: mix(color(~`colorPalette('@{red-base}', 3) `), @component-background, 97%);
-@red-10: mix(color(~`colorPalette('@{red-base}', 2) `), @component-background, 98%);
-
-@orange-1: mix(color(~`colorPalette('@{orange-base}', 8) `), @component-background, 15%);
-@orange-2: mix(color(~`colorPalette('@{orange-base}', 7) `), @component-background, 25%);
-@orange-3: mix(@orange-base, @component-background, 30%);
-@orange-4: mix(@orange-base, @component-background, 45%);
-@orange-5: mix(@orange-base, @component-background, 65%);
-@orange-6: mix(@orange-base, @component-background, 85%);
-@orange-7: mix(color(~`colorPalette('@{orange-base}', 5) `), @component-background, 90%);
-@orange-8: mix(color(~`colorPalette('@{orange-base}', 4) `), @component-background, 95%);
-@orange-9: mix(color(~`colorPalette('@{orange-base}', 3) `), @component-background, 97%);
-@orange-10: mix(color(~`colorPalette('@{orange-base}', 2) `), @component-background, 98%);
-
-@yellow-1: mix(color(~`colorPalette('@{yellow-base}', 8) `), @component-background, 15%);
-@yellow-2: mix(color(~`colorPalette('@{yellow-base}', 7) `), @component-background, 25%);
-@yellow-3: mix(@yellow-base, @component-background, 30%);
-@yellow-4: mix(@yellow-base, @component-background, 45%);
-@yellow-5: mix(@yellow-base, @component-background, 65%);
-@yellow-6: mix(@yellow-base, @component-background, 85%);
-@yellow-7: mix(color(~`colorPalette('@{yellow-base}', 5) `), @component-background, 90%);
-@yellow-8: mix(color(~`colorPalette('@{yellow-base}', 4) `), @component-background, 95%);
-@yellow-9: mix(color(~`colorPalette('@{yellow-base}', 3) `), @component-background, 97%);
-@yellow-10: mix(color(~`colorPalette('@{yellow-base}', 2) `), @component-background, 98%);
-
-@volcano-1: mix(color(~`colorPalette('@{volcano-base}', 8) `), @component-background, 15%);
-@volcano-2: mix(color(~`colorPalette('@{volcano-base}', 7) `), @component-background, 25%);
-@volcano-3: mix(@volcano-base, @component-background, 30%);
-@volcano-4: mix(@volcano-base, @component-background, 45%);
-@volcano-5: mix(@volcano-base, @component-background, 65%);
-@volcano-6: mix(@volcano-base, @component-background, 85%);
-@volcano-7: mix(color(~`colorPalette('@{volcano-base}', 5) `), @component-background, 90%);
-@volcano-8: mix(color(~`colorPalette('@{volcano-base}', 4) `), @component-background, 95%);
-@volcano-9: mix(color(~`colorPalette('@{volcano-base}', 3) `), @component-background, 97%);
-@volcano-10: mix(color(~`colorPalette('@{volcano-base}', 2) `), @component-background, 98%);
-
-@geekblue-1: mix(color(~`colorPalette('@{geekblue-base}', 8) `), @component-background, 15%);
-@geekblue-2: mix(color(~`colorPalette('@{geekblue-base}', 7) `), @component-background, 25%);
-@geekblue-3: mix(@geekblue-base, @component-background, 30%);
-@geekblue-4: mix(@geekblue-base, @component-background, 45%);
-@geekblue-5: mix(@geekblue-base, @component-background, 65%);
-@geekblue-6: mix(@geekblue-base, @component-background, 85%);
-@geekblue-7: mix(color(~`colorPalette('@{geekblue-base}', 5) `), @component-background, 90%);
-@geekblue-8: mix(color(~`colorPalette('@{geekblue-base}', 4) `), @component-background, 95%);
-@geekblue-9: mix(color(~`colorPalette('@{geekblue-base}', 3) `), @component-background, 97%);
-@geekblue-10: mix(color(~`colorPalette('@{geekblue-base}', 2) `), @component-background, 98%);
-
-@lime-1: mix(color(~`colorPalette('@{lime-base}', 8) `), @component-background, 15%);
-@lime-2: mix(color(~`colorPalette('@{lime-base}', 7) `), @component-background, 25%);
-@lime-3: mix(@lime-base, @component-background, 30%);
-@lime-4: mix(@lime-base, @component-background, 45%);
-@lime-5: mix(@lime-base, @component-background, 65%);
-@lime-6: mix(@lime-base, @component-background, 85%);
-@lime-7: mix(color(~`colorPalette('@{lime-base}', 5) `), @component-background, 90%);
-@lime-8: mix(color(~`colorPalette('@{lime-base}', 4) `), @component-background, 95%);
-@lime-9: mix(color(~`colorPalette('@{lime-base}', 3) `), @component-background, 97%);
-@lime-10: mix(color(~`colorPalette('@{lime-base}', 2) `), @component-background, 98%);
-
-@gold-1: mix(color(~`colorPalette('@{gold-base}', 8) `), @component-background, 15%);
-@gold-2: mix(color(~`colorPalette('@{gold-base}', 7) `), @component-background, 25%);
-@gold-3: mix(@gold-base, @component-background, 30%);
-@gold-4: mix(@gold-base, @component-background, 45%);
-@gold-5: mix(@gold-base, @component-background, 65%);
-@gold-6: mix(@gold-base, @component-background, 85%);
-@gold-7: mix(color(~`colorPalette('@{gold-base}', 5) `), @component-background, 90%);
-@gold-8: mix(color(~`colorPalette('@{gold-base}', 4) `), @component-background, 95%);
-@gold-9: mix(color(~`colorPalette('@{gold-base}', 3) `), @component-background, 97%);
-@gold-10: mix(color(~`colorPalette('@{gold-base}', 2) `), @component-background, 98%);
-
-// Color used by default to control hover and active backgrounds and for
-// alert info backgrounds.
-@primary-1: mix(color(~`colorPalette('@{primary-color}', 8) `), @component-background, 15%);
-@primary-2: mix(color(~`colorPalette('@{primary-color}', 7) `), @component-background, 25%);
-@primary-3: mix(@primary-color, @component-background, 30%);
-@primary-4: mix(@primary-color, @component-background, 45%);
-@primary-5: mix(@primary-color, @component-background, 65%);
-@primary-6: @primary-color;
-@primary-7: mix(color(~`colorPalette('@{primary-color}', 5) `), @component-background, 90%);
-@primary-8: mix(color(~`colorPalette('@{primary-color}', 4) `), @component-background, 95%);
-@primary-9: mix(color(~`colorPalette('@{primary-color}', 3) `), @component-background, 97%);
-@primary-10: mix(color(~`colorPalette('@{primary-color}', 2) `), @component-background, 98%);
-
-// Layer background
-@popover-background: #1f1f1f;
-@popover-customize-border-color: #3a3a3a;
-@body-background: @black;
-@component-background: #141414;
-
-@text-color: fade(@white, 85%);
-@text-color-secondary: fade(@white, 45%);
-@text-color-inverse: @white;
-@icon-color-hover: fade(@white, 75%);
-@heading-color: fade(@white, 85%);
-
-// The background colors for active and hover states for things like
-// list items or table cells.
-@item-active-bg: @primary-1;
-@item-hover-bg: fade(@white, 8%);
-
-// Border color
-@border-color-base: #434343; // base border outline a component
-@border-color-split: #303030; // split border inside a component
-
-@background-color-light: fade(@white, 4%); // background of header and selected item
-@background-color-base: fade(@white, 8%); // Default grey background color
-
-// Disabled states
-@disabled-color: fade(@white, 30%);
-@disabled-bg: @background-color-base;
-@disabled-color-dark: fade(@white, 30%);
-
-// Tree
-// ---
-@tree-bg: transparent;
-
-// List
-// ---
-@list-customize-card-bg: transparent;
-
-// Shadow
-// ---
-@shadow-color: rgba(0, 0, 0, 0.45);
-@shadow-color-inverse: @component-background;
-@box-shadow-base: @shadow-2;
-@shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.32), 0 -9px 28px 0 rgba(0, 0, 0, 0.2),
- 0 -12px 48px 16px rgba(0, 0, 0, 0.12);
-@shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.32), 0 9px 28px 0 rgba(0, 0, 0, 0.2),
- 0 12px 48px 16px rgba(0, 0, 0, 0.12);
-@shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.32), 9px 0 28px 0 rgba(0, 0, 0, 0.2),
- 12px 0 48px 16px rgba(0, 0, 0, 0.12);
-@shadow-2: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32),
- 0 9px 28px 8px rgba(0, 0, 0, 0.2);
-
-// Buttons
-// ---
-@btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
-@btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
-@btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-
-@btn-default-bg: transparent;
-
-@btn-default-ghost-color: @text-color;
-@btn-default-ghost-border: fade(@white, 25%);
-
-@btn-text-hover-bg: rgba(255, 255, 255, 0.03);
-
-// Checkbox
-// ---
-@checkbox-check-bg: transparent;
-
-// Descriptions
-// ---
-@descriptions-bg: @background-color-light;
-
-// Divider
-// ---
-@divider-color: rgba(255, 255, 255, 12%);
-
-// Modal
-// ---
-@modal-header-bg: @popover-background;
-@modal-header-border-color-split: @border-color-split;
-@modal-content-bg: @popover-background;
-@modal-footer-border-color-split: @border-color-split;
-
-// Radio
-// ---
-@radio-solid-checked-color: @white;
-@radio-dot-disabled-color: fade(@white, 20%);
-
-// Radio buttons
-// ---
-@radio-disabled-button-checked-bg: fade(@white, 20%);
-@radio-disabled-button-checked-color: @disabled-color;
-
-// Layout
-// ---
-@layout-body-background: @body-background;
-@layout-header-background: @popover-background;
-@layout-trigger-background: #262626;
-
-// Input
-// ---
-@input-bg: transparent;
-@input-placeholder-color: fade(@white, 30%);
-@input-icon-color: fade(@white, 30%);
-@input-number-handler-active-bg: @item-hover-bg;
-@input-icon-hover-color: fade(@white, 85%);
-
-// Select
-// ---
-@select-background: transparent;
-@select-dropdown-bg: @popover-background;
-@select-clear-background: @component-background;
-@select-selection-item-bg: fade(@white, 8);
-@select-selection-item-border-color: @border-color-split;
-@select-multiple-disabled-background: @component-background;
-@select-multiple-item-disabled-color: #595959;
-@select-multiple-item-disabled-border-color: @popover-background;
-
-// Cascader
-// ---
-@cascader-bg: transparent;
-@cascader-menu-bg: @popover-background;
-@cascader-menu-border-color-split: @border-color-split;
-
-// Tooltip
-// ---
-// Tooltip background color
-@tooltip-bg: #434343;
-
-// Menu
-// ---
-// dark theme
-@menu-dark-inline-submenu-bg: @component-background;
-@menu-dark-bg: @popover-background;
-@menu-popup-bg: @popover-background;
-
-// Message
-// ---
-@message-notice-content-bg: @popover-background;
-
-// Notification
-@notification-bg: @popover-background;
-
-// LINK
-@link-hover-color: @primary-5;
-@link-active-color: @primary-7;
-
-// Table
-// --
-@table-header-bg: #1d1d1d;
-@table-body-sort-bg: fade(@white, 1%);
-@table-row-hover-bg: #262626;
-@table-header-cell-split-color: fade(@white, 8%);
-@table-header-sort-bg: #262626;
-@table-header-filter-active-bg: #434343;
-@table-header-sort-active-bg: #303030;
-@table-fixed-header-sort-active-bg: #222;
-@table-filter-btns-bg: @popover-background;
-@table-expanded-row-bg: @table-header-bg;
-@table-filter-dropdown-bg: @popover-background;
-@table-expand-icon-bg: transparent;
-
-// Tag
-// ---
-@info-color-deprecated-bg: @primary-1;
-@info-color-deprecated-border: @primary-3;
-@success-color-deprecated-bg: @green-1;
-@success-color-deprecated-border: @green-3;
-@warning-color-deprecated-bg: @orange-1;
-@warning-color-deprecated-border: @orange-3;
-@error-color-deprecated-bg: @red-1;
-@error-color-deprecated-border: @red-3;
-
-// TimePicker
-// ---
-@picker-basic-cell-hover-with-range-color: darken(@primary-color, 35%);
-@picker-basic-cell-disabled-bg: #303030;
-@picker-border-color: @border-color-split;
-@picker-bg: transparent;
-@picker-date-hover-range-border-color: darken(@primary-color, 20%);
-
-// Dropdown
-// ---
-@dropdown-menu-bg: @popover-background;
-@dropdown-menu-submenu-disabled-bg: transparent;
-
-// Steps
-// ---
-@steps-nav-arrow-color: fade(@white, 20%);
-@steps-background: transparent;
-
-// Avatar
-// ---
-@avatar-bg: fade(@white, 30%);
-
-// Progress
-// ---
-@progress-steps-item-bg: fade(@white, 8%);
-
-// Calendar
-// ---
-@calendar-bg: @popover-background;
-@calendar-input-bg: @calendar-bg;
-@calendar-border-color: transparent;
-@calendar-full-bg: @component-background;
-
-// Badge
-// ---
-@badge-text-color: @white;
-
-// Popover
-@popover-bg: @popover-background;
-
-// Drawer
-@drawer-bg: @popover-background;
-
-// Card
-// ---
-@card-actions-background: @component-background;
-@card-skeleton-bg: #303030;
-@card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.64), 0 3px 6px 0 rgba(0, 0, 0, 0.48),
- 0 5px 12px 4px rgba(0, 0, 0, 0.36);
-
-// Transfer
-// ---
-@transfer-item-hover-bg: #262626;
-
-// Comment
-// ---
-@comment-bg: transparent;
-@comment-author-time-color: fade(@white, 30%);
-@comment-action-hover-color: fade(@white, 65%);
-
-// Rate
-// ---
-@rate-star-bg: fade(@white, 12%);
-
-// Switch
-// ---
-@switch-bg: @white;
-
-// Pagination
-// ---
-@pagination-item-bg: transparent;
-@pagination-item-bg-active: transparent;
-@pagination-item-link-bg: transparent;
-@pagination-item-disabled-bg-active: fade(@white, 25%);
-@pagination-item-disabled-color-active: @black;
-@pagination-item-input-bg: @pagination-item-bg;
-
-// PageHeader
-// ---
-@page-header-back-color: @icon-color;
-@page-header-ghost-bg: transparent;
-
-// Slider
-// ---
-@slider-rail-background-color: #262626;
-@slider-rail-background-color-hover: @border-color-base;
-@slider-dot-border-color: @border-color-split;
-@slider-dot-border-color-active: @primary-4;
-
-// Skeleton
-// ---
-@skeleton-to-color: fade(@white, 16%);
-
-// Alert
-// ---
-@alert-success-border-color: @green-3;
-@alert-success-bg-color: @green-1;
-@alert-success-icon-color: @success-color;
-@alert-info-border-color: @primary-3;
-@alert-info-bg-color: @primary-1;
-@alert-info-icon-color: @info-color;
-@alert-warning-border-color: @gold-3;
-@alert-warning-bg-color: @gold-1;
-@alert-warning-icon-color: @warning-color;
-@alert-error-border-color: @red-3;
-@alert-error-bg-color: @red-1;
-@alert-error-icon-color: @error-color;
-
-// Timeline
-// ---
-@timeline-color: @border-color-split;
-@timeline-dot-color: @primary-color;
-
-// Mentions
-// ---
-@mentions-dropdown-bg: @popover-background;
-
-// Segmented
-// ---
-@segmented-bg: fade(@black, 25%);
-@segmented-hover-bg: fade(@black, 45%);
-@segmented-selected-bg: #333333;
-@segmented-label-color: fade(@white, 65%);
-@segmented-label-hover-color: fade(@white, 85%);
diff --git a/components/switch/style/index.less b/components/switch/style/index.less
deleted file mode 100644
index 17286e9400..0000000000
--- a/components/switch/style/index.less
+++ /dev/null
@@ -1,155 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @switch-prefix-cls: ~'@{ant-prefix}-switch';
-// @switch-duration: 0.2s;
-
-// @switch-pin-size: @switch-height - 4px;
-// @switch-sm-pin-size: @switch-sm-height - 4px;
-
-// .@{switch-prefix-cls} {
-// .reset-component();
-
-// position: relative;
-// display: inline-block;
-// box-sizing: border-box;
-// min-width: @switch-min-width;
-// height: @switch-height;
-// line-height: @switch-height;
-// vertical-align: middle;
-// background-image: linear-gradient(to right, @disabled-color, @disabled-color),
-// linear-gradient(to right, @component-background, @component-background);
-// border: 0;
-// border-radius: 100px;
-// cursor: pointer;
-// transition: all @switch-duration;
-// user-select: none;
-
-// &:focus {
-// outline: 0;
-// box-shadow: 0 0 0 2px fade(@disabled-color, 10%);
-// }
-
-// &-checked:focus {
-// box-shadow: 0 0 0 2px @primary-1;
-// }
-
-// &:focus:hover {
-// box-shadow: none;
-// }
-
-// &-checked {
-// background: @switch-color;
-// }
-
-// &-loading,
-// &-disabled {
-// cursor: not-allowed;
-// opacity: @switch-disabled-opacity;
-
-// * {
-// box-shadow: none;
-// cursor: not-allowed;
-// }
-// }
-
-// // ========================= Inner ==========================
-// &-inner {
-// display: block;
-// margin: 0 @switch-inner-margin-min 0 @switch-inner-margin-max;
-// color: @text-color-inverse;
-// font-size: @font-size-sm;
-// transition: margin @switch-duration;
-// }
-
-// &-checked &-inner {
-// margin: 0 @switch-inner-margin-max 0 @switch-inner-margin-min;
-// }
-
-// // ========================= Handle =========================
-// &-handle {
-// position: absolute;
-// top: @switch-padding;
-// left: @switch-padding;
-// width: @switch-pin-size;
-// height: @switch-pin-size;
-// transition: all @switch-duration ease-in-out;
-
-// &::before {
-// position: absolute;
-// top: 0;
-// right: 0;
-// bottom: 0;
-// left: 0;
-// background-color: @switch-bg;
-// border-radius: (@switch-pin-size / 2);
-// box-shadow: 0 2px 4px 0 @switch-shadow-color;
-// transition: all @switch-duration ease-in-out;
-// content: '';
-// }
-// }
-
-// &-checked &-handle {
-// left: calc(100% - @switch-pin-size - @switch-padding);
-// }
-
-// &:not(&-disabled):active {
-// .@{switch-prefix-cls}-handle::before {
-// right: -30%;
-// left: 0;
-// }
-
-// &.@{switch-prefix-cls}-checked {
-// .@{switch-prefix-cls}-handle::before {
-// right: 0;
-// left: -30%;
-// }
-// }
-// }
-
-// // ======================== Loading =========================
-// &-loading-icon.@{iconfont-css-prefix} {
-// position: relative;
-// top: ((@switch-pin-size - @font-size-base) / 2);
-// color: rgba(0, 0, 0, 0.65);
-// vertical-align: top;
-// }
-
-// &-checked &-loading-icon {
-// color: @switch-color;
-// }
-
-// // ========================== Size ==========================
-// &-small {
-// min-width: @switch-sm-min-width;
-// height: @switch-sm-height;
-// line-height: @switch-sm-height;
-
-// .@{switch-prefix-cls}-inner {
-// margin: 0 @switch-sm-inner-margin-min 0 @switch-sm-inner-margin-max;
-// font-size: @font-size-sm;
-// }
-
-// .@{switch-prefix-cls}-handle {
-// width: @switch-sm-pin-size;
-// height: @switch-sm-pin-size;
-// }
-
-// .@{switch-prefix-cls}-loading-icon {
-// top: ((@switch-sm-pin-size - 9px) / 2);
-// font-size: 9px;
-// }
-
-// &.@{switch-prefix-cls}-checked {
-// .@{switch-prefix-cls}-inner {
-// margin: 0 @switch-sm-inner-margin-max 0 @switch-sm-inner-margin-min;
-// }
-
-// .@{switch-prefix-cls}-handle {
-// left: calc(100% - @switch-sm-pin-size - @switch-padding);
-// }
-// }
-// }
-// }
-
-// @import './rtl';
diff --git a/components/switch/style/index.tsx b/components/switch/style/index.tsx
index 2dcb7c2e6f..a1706ca3dc 100644
--- a/components/switch/style/index.tsx
+++ b/components/switch/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import { TinyColor } from '@ctrl/tinycolor';
import type { FullToken, GenerateStyle } from '../../theme';
diff --git a/components/switch/style/rtl.less b/components/switch/style/rtl.less
deleted file mode 100644
index 7a7de94bba..0000000000
--- a/components/switch/style/rtl.less
+++ /dev/null
@@ -1,52 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@switch-prefix-cls: ~'@{ant-prefix}-switch';
-
-@switch-pin-size: @switch-height - 4px;
-@switch-sm-pin-size: @switch-sm-height - 4px;
-
-.@{switch-prefix-cls}-rtl {
- direction: rtl;
-
- .@{switch-prefix-cls}-inner {
- margin: 0 @switch-inner-margin-max 0 @switch-inner-margin-min;
- }
-
- .@{switch-prefix-cls}-handle {
- right: @switch-padding;
- left: auto;
- }
-
- &:not(&-disabled):active {
- .@{switch-prefix-cls}-handle::before {
- right: 0;
- left: -30%;
- }
-
- &.@{switch-prefix-cls}-checked {
- .@{switch-prefix-cls}-handle::before {
- right: -30%;
- left: 0;
- }
- }
- }
-
- &.@{switch-prefix-cls}-checked {
- .@{switch-prefix-cls}-inner {
- margin: 0 @switch-inner-margin-min 0 @switch-inner-margin-max;
- }
-
- .@{switch-prefix-cls}-handle {
- right: calc(100% - @switch-pin-size - @switch-padding);
- }
- }
-
- &.@{switch-prefix-cls}-small {
- &.@{switch-prefix-cls}-checked {
- .@{switch-prefix-cls}-handle {
- right: calc(100% - @switch-sm-pin-size - @switch-padding);
- }
- }
- }
-}
diff --git a/components/table/style/bordered.less b/components/table/style/bordered.less
deleted file mode 100644
index 295c0c847b..0000000000
--- a/components/table/style/bordered.less
+++ /dev/null
@@ -1,136 +0,0 @@
-// @import './size';
-// @import (reference) '../../style/themes/index';
-// @table-prefix-cls: ~'@{ant-prefix}-table';
-
-// @table-border: @border-width-base @border-style-base @table-border-color;
-
-// .@{table-prefix-cls}.@{table-prefix-cls}-bordered {
-// // ============================ Title =============================
-// > .@{table-prefix-cls}-title {
-// border: @table-border;
-// border-bottom: 0;
-// }
-
-// > .@{table-prefix-cls}-container {
-// // ============================ Content ============================
-// border-left: @table-border;
-
-// > .@{table-prefix-cls}-content,
-// > .@{table-prefix-cls}-header,
-// > .@{table-prefix-cls}-body,
-// > .@{table-prefix-cls}-summary {
-// > table {
-// // ============================= Cell =============================
-// > thead > tr > th,
-// > tbody > tr > td,
-// > tfoot > tr > th,
-// > tfoot > tr > td {
-// border-right: @table-border;
-// }
-// // ============================ Header ============================
-// > thead {
-// > tr:not(:last-child) > th {
-// border-bottom: @border-width-base @border-style-base @table-border-color;
-// }
-
-// > tr > th {
-// &::before {
-// background-color: transparent !important;
-// }
-// }
-// }
-
-// // Fixed right should provides additional border
-// > thead > tr,
-// > tbody > tr,
-// > tfoot > tr {
-// > .@{table-prefix-cls}-cell-fix-right-first::after {
-// border-right: @table-border;
-// }
-// }
-// }
-
-// // ========================== Expandable ==========================
-// > table > tbody > tr > td {
-// > .@{table-prefix-cls}-expanded-row-fixed {
-// margin: -@table-padding-vertical (-@table-padding-horizontal - @border-width-base);
-
-// &::after {
-// position: absolute;
-// top: 0;
-// right: @border-width-base;
-// bottom: 0;
-// border-right: @table-border;
-// content: '';
-// }
-// }
-// }
-// }
-
-// > .@{table-prefix-cls}-content,
-// > .@{table-prefix-cls}-header {
-// > table {
-// border-top: @table-border;
-// }
-// }
-// }
-
-// &.@{table-prefix-cls}-scroll-horizontal {
-// > .@{table-prefix-cls}-container > .@{table-prefix-cls}-body {
-// > table > tbody {
-// > tr.@{table-prefix-cls}-expanded-row,
-// > tr.@{table-prefix-cls}-placeholder {
-// > td {
-// border-right: 0;
-// }
-// }
-// }
-// }
-// }
-
-// // Size related
-// &.@{table-prefix-cls}-middle {
-// > .@{table-prefix-cls}-container {
-// > .@{table-prefix-cls}-content,
-// > .@{table-prefix-cls}-body {
-// > table > tbody > tr > td {
-// > .@{table-prefix-cls}-expanded-row-fixed {
-// margin: -@table-padding-vertical-md (-@table-padding-horizontal-md - @border-width-base);
-// }
-// }
-// }
-// }
-// }
-
-// &.@{table-prefix-cls}-small {
-// > .@{table-prefix-cls}-container {
-// > .@{table-prefix-cls}-content,
-// > .@{table-prefix-cls}-body {
-// > table > tbody > tr > td {
-// > .@{table-prefix-cls}-expanded-row-fixed {
-// margin: -@table-padding-vertical-sm (-@table-padding-horizontal-sm - @border-width-base);
-// }
-// }
-// }
-// }
-// }
-
-// // ============================ Footer ============================
-// > .@{table-prefix-cls}-footer {
-// border: @table-border;
-// border-top: 0;
-// }
-// }
-
-// .@{table-prefix-cls}-cell {
-// // ============================ Nested ============================
-// .@{table-prefix-cls}-container:first-child {
-// // :first-child to avoid the case when bordered and title is set
-// border-top: 0;
-// }
-
-// // https://github.com/ant-design/ant-design/issues/35577
-// &-scrollbar:not([rowspan]) {
-// box-shadow: 0 @border-width-base 0 @border-width-base @table-header-bg;
-// }
-// }
diff --git a/components/table/style/index.less b/components/table/style/index.less
deleted file mode 100644
index 45750388d4..0000000000
--- a/components/table/style/index.less
+++ /dev/null
@@ -1,755 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-// @import './size';
-// @import './bordered';
-
-// @table-prefix-cls: ~'@{ant-prefix}-table';
-// @tree-prefix-cls: ~'@{ant-prefix}-tree';
-// @dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
-// @descriptions-prefix-cls: ~'@{ant-prefix}-descriptions';
-// @table-header-icon-color: #bfbfbf;
-// @table-header-icon-color-hover: darken(@table-header-icon-color, 10%);
-// @table-sticky-zindex: calc(@zindex-table-fixed + 1);
-// @table-sticky-scroll-bar-active-bg: fade(@table-sticky-scroll-bar-bg, 80%);
-// @table-filter-dropdown-max-height: 264px;
-// @table-expand-column-width: 48px;
-
-// .@{table-prefix-cls}-wrapper {
-// clear: both;
-// max-width: 100%;
-// .clearfix();
-// }
-
-// .@{table-prefix-cls} {
-// .reset-component();
-// position: relative;
-// font-size: @table-font-size;
-// background: @table-bg;
-// border-radius: @table-border-radius-base;
-
-// // https://github.com/ant-design/ant-design/issues/17611
-// table {
-// width: 100%;
-// text-align: left;
-// border-radius: @table-border-radius-base @table-border-radius-base 0 0;
-// border-collapse: separate;
-// border-spacing: 0;
-// }
-
-// // ============================= Cell =============================
-// &-thead > tr > th,
-// &-tbody > tr > td,
-// tfoot > tr > th,
-// tfoot > tr > td {
-// position: relative;
-// padding: @table-padding-vertical @table-padding-horizontal;
-// overflow-wrap: break-word;
-// }
-
-// &-cell-ellipsis {
-// overflow: hidden;
-// white-space: nowrap;
-// text-overflow: ellipsis;
-// word-break: keep-all;
-
-// // Fixed first or last should special process
-// &.@{table-prefix-cls}-cell-fix-left-last,
-// &.@{table-prefix-cls}-cell-fix-right-first {
-// overflow: visible;
-
-// .@{table-prefix-cls}-cell-content {
-// display: block;
-// overflow: hidden;
-// text-overflow: ellipsis;
-// }
-// }
-
-// .@{table-prefix-cls}-column-title {
-// overflow: hidden;
-// text-overflow: ellipsis;
-// word-break: keep-all;
-// }
-// }
-
-// // ============================ Title =============================
-// &-title {
-// padding: @table-padding-vertical @table-padding-horizontal;
-// }
-
-// // ============================ Footer ============================
-// &-footer {
-// padding: @table-padding-vertical @table-padding-horizontal;
-// color: @table-footer-color;
-// background: @table-footer-bg;
-// }
-
-// // ============================ Header ============================
-// &-thead {
-// > tr {
-// > th {
-// position: relative;
-// color: @table-header-color;
-// font-weight: 500;
-// text-align: left;
-// background: @table-header-bg;
-// border-bottom: @border-width-base @border-style-base @table-border-color;
-// transition: background 0.3s ease;
-
-// &[colspan]:not([colspan='1']) {
-// text-align: center;
-// }
-
-// &:not(:last-child):not(.@{table-prefix-cls}-selection-column):not(.@{table-prefix-cls}-row-expand-icon-cell):not([colspan])::before {
-// position: absolute;
-// top: 50%;
-// right: 0;
-// width: 1px;
-// height: 1.6em;
-// background-color: @table-header-cell-split-color;
-// transform: translateY(-50%);
-// transition: background-color 0.3s;
-// content: '';
-// }
-// }
-// }
-
-// > tr:not(:last-child) > th {
-// &[colspan] {
-// border-bottom: 0;
-// }
-// }
-// }
-
-// // ============================= Body =============================
-// &-tbody {
-// > tr {
-// > td {
-// border-bottom: @border-width-base @border-style-base @table-border-color;
-// transition: background 0.3s;
-
-// // ========================= Nest Table ===========================
-// > .@{table-prefix-cls}-wrapper:only-child,
-// > .@{table-prefix-cls}-expanded-row-fixed > .@{table-prefix-cls}-wrapper:only-child {
-// .@{table-prefix-cls} {
-// margin: -@table-padding-vertical -@table-padding-horizontal -@table-padding-vertical (@table-expand-column-width -
-// @table-padding-horizontal);
-
-// &-tbody > tr:last-child > td {
-// border-bottom: 0;
-
-// &:first-child,
-// &:last-child {
-// border-radius: 0;
-// }
-// }
-// }
-// }
-// }
-
-// &.@{table-prefix-cls}-row:hover > td,
-// > td.@{table-prefix-cls}-cell-row-hover {
-// background: @table-row-hover-bg;
-// }
-
-// &.@{table-prefix-cls}-row-selected {
-// > td {
-// background: @table-selected-row-bg;
-// border-color: rgba(0, 0, 0, 0.03);
-// }
-
-// &:hover {
-// > td {
-// background: @table-selected-row-hover-bg;
-// }
-// }
-// }
-// }
-// }
-
-// // =========================== Summary ============================
-// &-summary {
-// position: relative;
-// z-index: @zindex-table-fixed;
-// background: @table-bg;
-
-// div& {
-// box-shadow: 0 -@border-width-base 0 @table-border-color;
-// }
-
-// > tr {
-// > th,
-// > td {
-// border-bottom: @border-width-base @border-style-base @table-border-color;
-// }
-// }
-// }
-
-// // ========================== Pagination ==========================
-// &-pagination.@{ant-prefix}-pagination {
-// margin: 16px 0;
-// }
-
-// &-pagination {
-// display: flex;
-// flex-wrap: wrap;
-// row-gap: @padding-xs;
-
-// > * {
-// flex: none;
-// }
-
-// &-left {
-// justify-content: flex-start;
-// }
-
-// &-center {
-// justify-content: center;
-// }
-
-// &-right {
-// justify-content: flex-end;
-// }
-// }
-
-// // ================================================================
-// // = Function =
-// // ================================================================
-
-// // ============================ Sorter ============================
-// &-thead th.@{table-prefix-cls}-column-has-sorters {
-// outline: none;
-// cursor: pointer;
-// transition: all 0.3s;
-
-// &:hover {
-// background: @table-header-sort-active-bg;
-
-// &::before {
-// background-color: transparent !important;
-// }
-// }
-
-// &:focus-visible {
-// color: @primary-color;
-// }
-
-// // https://github.com/ant-design/ant-design/issues/30969
-// &.@{table-prefix-cls}-cell-fix-left:hover,
-// &.@{table-prefix-cls}-cell-fix-right:hover {
-// background: @table-fixed-header-sort-active-bg;
-// }
-// }
-
-// &-thead th.@{table-prefix-cls}-column-sort {
-// background: @table-header-sort-bg;
-
-// &::before {
-// background-color: transparent !important;
-// }
-// }
-
-// td&-column-sort {
-// background: @table-body-sort-bg;
-// }
-
-// &-column-title {
-// position: relative;
-// z-index: 1;
-// flex: 1;
-// }
-
-// &-column-sorters {
-// display: flex;
-// flex: auto;
-// align-items: center;
-// justify-content: space-between;
-
-// &::after {
-// position: absolute;
-// top: 0;
-// right: 0;
-// bottom: 0;
-// left: 0;
-// width: 100%;
-// height: 100%;
-// content: '';
-// }
-// }
-
-// &-column-sorter {
-// margin-left: 4px;
-// color: @table-header-icon-color;
-// font-size: 0;
-// transition: color 0.3s;
-
-// &-inner {
-// display: inline-flex;
-// flex-direction: column;
-// align-items: center;
-// }
-
-// &-up,
-// &-down {
-// font-size: 11px;
-
-// &.active {
-// color: @primary-color;
-// }
-// }
-
-// &-up + &-down {
-// margin-top: -0.3em;
-// }
-// }
-
-// &-column-sorters:hover &-column-sorter {
-// color: darken(@table-header-icon-color, 10%);
-// }
-
-// // ============================ Filter ============================
-// &-filter-column {
-// display: flex;
-// justify-content: space-between;
-// }
-
-// &-filter-trigger {
-// position: relative;
-// display: flex;
-// align-items: center;
-// margin: -4px (-@table-padding-horizontal / 2) -4px 4px;
-// padding: 0 4px;
-// color: @table-header-icon-color;
-// font-size: @font-size-sm;
-// border-radius: @border-radius-base;
-// cursor: pointer;
-// transition: all 0.3s;
-
-// &:hover {
-// color: @text-color-secondary;
-// background: @table-header-filter-active-bg;
-// }
-
-// &.active {
-// color: @primary-color;
-// }
-// }
-
-// // Dropdown
-// &-filter-dropdown {
-// .reset-component();
-
-// min-width: 120px;
-// background-color: @table-filter-dropdown-bg;
-// border-radius: @border-radius-base;
-// box-shadow: @box-shadow-base;
-
-// // Reset menu
-// .@{dropdown-prefix-cls}-menu {
-// // https://github.com/ant-design/ant-design/issues/4916
-// // https://github.com/ant-design/ant-design/issues/19542
-// max-height: @table-filter-dropdown-max-height;
-// overflow-x: hidden;
-// border: 0;
-// box-shadow: none;
-
-// &:empty::after {
-// display: block;
-// padding: 8px 0;
-// color: @disabled-color;
-// font-size: @font-size-sm;
-// text-align: center;
-// content: 'Not Found';
-// }
-// }
-
-// &-tree {
-// padding: 8px 8px 0;
-
-// .@{tree-prefix-cls}-treenode .@{tree-prefix-cls}-node-content-wrapper:hover {
-// background-color: @tree-node-hover-bg;
-// }
-
-// .@{tree-prefix-cls}-treenode-checkbox-checked .@{tree-prefix-cls}-node-content-wrapper {
-// &,
-// &:hover {
-// background-color: @tree-node-selected-bg;
-// }
-// }
-// }
-
-// &-search {
-// padding: 8px;
-// border-bottom: @border-width-base @border-color-split @border-style-base;
-
-// &-input {
-// input {
-// min-width: 140px;
-// }
-// .@{iconfont-css-prefix} {
-// color: @disabled-color;
-// }
-// }
-// }
-
-// &-checkall {
-// width: 100%;
-// margin-bottom: 4px;
-// margin-left: 4px;
-// }
-
-// &-submenu > ul {
-// max-height: calc(100vh - 130px);
-// overflow-x: hidden;
-// overflow-y: auto;
-// }
-
-// // Checkbox
-// &,
-// &-submenu {
-// .@{ant-prefix}-checkbox-wrapper + span {
-// padding-left: 8px;
-// }
-// }
-
-// // Operation
-// &-btns {
-// display: flex;
-// justify-content: space-between;
-// padding: 7px 8px;
-// overflow: hidden;
-// background-color: @table-filter-btns-bg;
-// border-top: @border-width-base @border-style-base @table-border-color;
-// }
-// }
-
-// // ========================== Selections ==========================
-// &-selection-col {
-// width: @table-selection-column-width;
-// }
-
-// &-bordered &-selection-col {
-// width: @table-selection-column-width + 18px;
-// }
-
-// table tr th&-selection-column,
-// table tr td&-selection-column {
-// padding-right: @padding-xs;
-// padding-left: @padding-xs;
-// text-align: center;
-
-// .@{ant-prefix}-radio-wrapper {
-// margin-right: 0;
-// }
-// }
-
-// table tr th&-selection-column&-cell-fix-left {
-// z-index: 3;
-// }
-
-// table tr th&-selection-column::after {
-// background-color: transparent !important;
-// }
-
-// &-selection {
-// position: relative;
-// display: inline-flex;
-// flex-direction: column;
-
-// &-extra {
-// position: absolute;
-// top: 0;
-// z-index: 1;
-// cursor: pointer;
-// transition: all 0.3s;
-// margin-inline-start: 100%;
-// padding-inline-start: (@table-padding-horizontal / 4);
-
-// .@{iconfont-css-prefix} {
-// color: @table-header-icon-color;
-// font-size: 10px;
-
-// &:hover {
-// color: @table-header-icon-color-hover;
-// }
-// }
-// }
-// }
-
-// // ========================== Expandable ==========================
-// &-expand-icon-col {
-// width: @table-expand-column-width;
-// }
-
-// &-row-expand-icon-cell {
-// text-align: center;
-// }
-
-// &-row-indent {
-// float: left;
-// height: 1px;
-// }
-
-// &-row-expand-icon {
-// .operation-unit();
-// position: relative;
-// display: inline-flex;
-// box-sizing: border-box;
-// width: @expand-icon-size;
-// height: @expand-icon-size;
-// padding: 0;
-// color: inherit;
-// line-height: ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2)) * 2 + @border-width-base *
-// 3;
-// vertical-align: -3px;
-// background: @table-expand-icon-bg;
-// border: @border-width-base @border-style-base @table-border-color;
-// border-radius: @border-radius-base;
-// outline: none;
-// transform: scale((unit(@checkbox-size) / unit(@expand-icon-size)));
-// transition: all 0.3s;
-// user-select: none;
-// @expand-icon-size: ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2)) * 2 +
-// @border-width-base * 3;
-
-// &:focus,
-// &:hover,
-// &:active {
-// border-color: currentcolor;
-// }
-
-// &::before,
-// &::after {
-// position: absolute;
-// background: currentcolor;
-// transition: transform 0.3s ease-out;
-// content: '';
-// }
-
-// &::before {
-// top: ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2));
-// right: 3px;
-// left: 3px;
-// height: @border-width-base;
-// }
-
-// &::after {
-// top: 3px;
-// bottom: 3px;
-// left: ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2));
-// width: @border-width-base;
-// transform: rotate(90deg);
-// }
-
-// // Motion effect
-// &-collapsed::before {
-// transform: rotate(-180deg);
-// }
-
-// &-collapsed::after {
-// transform: rotate(0deg);
-// }
-
-// &-spaced {
-// &::before,
-// &::after {
-// display: none;
-// content: none;
-// }
-// background: transparent;
-// border: 0;
-// visibility: hidden;
-// }
-
-// .@{table-prefix-cls}-row-indent + & {
-// margin-top: ((@font-size-base * @line-height-base - @border-width-base * 3) / 2) -
-// ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2));
-// margin-right: @padding-xs;
-// }
-// }
-
-// tr&-expanded-row {
-// &,
-// &:hover {
-// > td {
-// background: @table-expanded-row-bg;
-// }
-// }
-
-// // https://github.com/ant-design/ant-design/issues/25573
-// .@{descriptions-prefix-cls}-view {
-// display: flex;
-
-// table {
-// flex: auto;
-// width: auto;
-// }
-// }
-// }
-
-// // With fixed
-// .@{table-prefix-cls}-expanded-row-fixed {
-// position: relative;
-// margin: -@table-padding-vertical -@table-padding-horizontal;
-// padding: @table-padding-vertical @table-padding-horizontal;
-// }
-
-// // ========================= Placeholder ==========================
-// &-tbody > tr&-placeholder {
-// text-align: center;
-// .@{table-prefix-cls}-empty & {
-// color: @disabled-color;
-// }
-
-// &:hover {
-// > td {
-// background: @component-background;
-// }
-// }
-// }
-
-// // ============================ Fixed =============================
-// &-cell-fix-left,
-// &-cell-fix-right {
-// position: sticky !important;
-// z-index: @zindex-table-fixed;
-// background: @table-bg;
-// }
-
-// &-cell-fix-left-first::after,
-// &-cell-fix-left-last::after {
-// position: absolute;
-// top: 0;
-// right: 0;
-// bottom: -1px;
-// width: 30px;
-// transform: translateX(100%);
-// transition: box-shadow 0.3s;
-// content: '';
-// pointer-events: none;
-// }
-
-// &-cell-fix-right-first::after,
-// &-cell-fix-right-last::after {
-// position: absolute;
-// top: 0;
-// bottom: -1px;
-// left: 0;
-// width: 30px;
-// transform: translateX(-100%);
-// transition: box-shadow 0.3s;
-// content: '';
-// pointer-events: none;
-// }
-
-// .@{table-prefix-cls}-container {
-// &::before,
-// &::after {
-// position: absolute;
-// top: 0;
-// bottom: 0;
-// z-index: 1;
-// width: 30px;
-// transition: box-shadow 0.3s;
-// content: '';
-// pointer-events: none;
-// }
-
-// &::before {
-// left: 0;
-// }
-
-// &::after {
-// right: 0;
-// }
-// }
-
-// &-ping-left {
-// &:not(.@{table-prefix-cls}-has-fix-left) .@{table-prefix-cls}-container {
-// position: relative;
-
-// &::before {
-// box-shadow: inset 10px 0 8px -8px darken(@shadow-color, 5%);
-// }
-// }
-
-// .@{table-prefix-cls}-cell-fix-left-first::after,
-// .@{table-prefix-cls}-cell-fix-left-last::after {
-// box-shadow: inset 10px 0 8px -8px darken(@shadow-color, 5%);
-// }
-
-// .@{table-prefix-cls}-cell-fix-left-last::before {
-// background-color: transparent !important;
-// }
-// }
-
-// &-ping-right {
-// &:not(.@{table-prefix-cls}-has-fix-right) .@{table-prefix-cls}-container {
-// position: relative;
-
-// &::after {
-// box-shadow: inset -10px 0 8px -8px darken(@shadow-color, 5%);
-// }
-// }
-
-// .@{table-prefix-cls}-cell-fix-right-first::after,
-// .@{table-prefix-cls}-cell-fix-right-last::after {
-// box-shadow: inset -10px 0 8px -8px darken(@shadow-color, 5%);
-// }
-// }
-
-// &-sticky {
-// &-holder {
-// position: sticky;
-// z-index: @table-sticky-zindex;
-// background: @component-background;
-// }
-
-// &-scroll {
-// position: sticky;
-// bottom: 0;
-// z-index: @table-sticky-zindex;
-// display: flex;
-// align-items: center;
-// background: lighten(@table-border-color, 80%);
-// border-top: 1px solid @table-border-color;
-// opacity: 0.6;
-
-// &:hover {
-// transform-origin: center bottom;
-// }
-
-// &-bar {
-// height: 8px;
-// background-color: @table-sticky-scroll-bar-bg;
-// border-radius: @table-sticky-scroll-bar-radius;
-
-// &:hover {
-// background-color: @table-sticky-scroll-bar-active-bg;
-// }
-
-// &-active {
-// background-color: @table-sticky-scroll-bar-active-bg;
-// }
-// }
-// }
-// }
-// }
-
-// @media all and (-ms-high-contrast: none) {
-// .@{table-prefix-cls} {
-// &-ping-left {
-// .@{table-prefix-cls}-cell-fix-left-last::after {
-// box-shadow: none !important;
-// }
-// }
-
-// &-ping-right {
-// .@{table-prefix-cls}-cell-fix-right-first::after {
-// box-shadow: none !important;
-// }
-// }
-// }
-// }
-
-// @import './radius';
-// @import './rtl';
diff --git a/components/table/style/index.tsx b/components/table/style/index.tsx
index bc441fecfb..8517a17f52 100644
--- a/components/table/style/index.tsx
+++ b/components/table/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import { TinyColor } from '@ctrl/tinycolor';
import type { FullToken, GenerateStyle } from '../../theme';
diff --git a/components/table/style/radius.less b/components/table/style/radius.less
deleted file mode 100644
index 07a62b5d89..0000000000
--- a/components/table/style/radius.less
+++ /dev/null
@@ -1,45 +0,0 @@
-// // ================================================================
-// // = Border Radio =
-// // ================================================================
-// .@{table-prefix-cls} {
-// /* title + table */
-// &-title {
-// border-radius: @table-border-radius-base @table-border-radius-base 0 0;
-// }
-
-// &-title + &-container {
-// border-top-left-radius: 0;
-// border-top-right-radius: 0;
-
-// table > thead > tr:first-child {
-// th:first-child {
-// border-radius: 0;
-// }
-
-// th:last-child {
-// border-radius: 0;
-// }
-// }
-// }
-
-// /* table */
-// &-container {
-// border-top-left-radius: @table-border-radius-base;
-// border-top-right-radius: @table-border-radius-base;
-
-// table > thead > tr:first-child {
-// th:first-child {
-// border-top-left-radius: @table-border-radius-base;
-// }
-
-// th:last-child {
-// border-top-right-radius: @table-border-radius-base;
-// }
-// }
-// }
-
-// /* table + footer */
-// &-footer {
-// border-radius: 0 0 @table-border-radius-base @table-border-radius-base;
-// }
-// }
diff --git a/components/table/style/rtl.less b/components/table/style/rtl.less
deleted file mode 100644
index ad3c7d74b9..0000000000
--- a/components/table/style/rtl.less
+++ /dev/null
@@ -1,168 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @table-prefix-cls: ~'@{ant-prefix}-table';
-// @table-wrapepr-cls: ~'@{table-prefix-cls}-wrapper';
-// @table-wrapepr-rtl-cls: ~'@{table-prefix-cls}-wrapper-rtl';
-
-// .@{table-prefix-cls}-wrapper {
-// &-rtl {
-// direction: rtl;
-// }
-// }
-
-// .@{table-prefix-cls} {
-// &-rtl {
-// direction: rtl;
-// }
-
-// table {
-// .@{table-wrapepr-rtl-cls} & {
-// text-align: right;
-// }
-// }
-
-// // ============================ Header ============================
-// &-thead {
-// > tr {
-// > th {
-// &[colspan]:not([colspan='1']) {
-// .@{table-wrapepr-rtl-cls} & {
-// text-align: center;
-// }
-// }
-
-// &:not(:last-child):not(.@{table-prefix-cls}-selection-column):not(.@{table-prefix-cls}-row-expand-icon-cell):not([colspan])::before {
-// .@{table-wrapepr-rtl-cls} & {
-// right: auto;
-// left: 0;
-// }
-// }
-
-// .@{table-wrapepr-rtl-cls} & {
-// text-align: right;
-// }
-// }
-// }
-// }
-
-// // ============================= Body =============================
-// &-tbody {
-// > tr {
-// // ========================= Nest Table ===========================
-// .@{table-prefix-cls}-wrapper:only-child {
-// .@{table-prefix-cls}.@{table-prefix-cls}-rtl {
-// margin: -@table-padding-vertical (@table-padding-horizontal + ceil(@font-size-sm * 1.4)) -@table-padding-vertical -@table-padding-horizontal;
-// }
-// }
-// }
-// }
-
-// // ========================== Pagination ==========================
-// &-pagination {
-// &-left {
-// .@{table-wrapepr-cls}.@{table-wrapepr-rtl-cls} & {
-// justify-content: flex-end;
-// }
-// }
-
-// &-right {
-// .@{table-wrapepr-cls}.@{table-wrapepr-rtl-cls} & {
-// justify-content: flex-start;
-// }
-// }
-// }
-
-// // ================================================================
-// // = Function =
-// // ================================================================
-
-// // ============================ Sorter ============================
-// &-column-sorter {
-// .@{table-wrapepr-rtl-cls} & {
-// margin-right: 4px;
-// margin-left: 0;
-// }
-// }
-
-// // ============================ Filter ============================
-// &-filter-column-title {
-// .@{table-wrapepr-rtl-cls} & {
-// padding: @table-padding-vertical @table-padding-horizontal @table-padding-vertical 2.3em;
-// }
-// }
-
-// &-thead tr th.@{table-prefix-cls}-column-has-sorters {
-// .@{table-prefix-cls}-filter-column-title {
-// .@{table-prefix-cls}-rtl & {
-// padding: 0 0 0 2.3em;
-// }
-// }
-// }
-
-// &-filter-trigger {
-// .@{table-wrapepr-rtl-cls} & {
-// margin: -4px 4px -4px (-@table-padding-horizontal / 2);
-// }
-// }
-
-// // Dropdown
-// &-filter-dropdown {
-// // Checkbox
-// &,
-// &-submenu {
-// .@{ant-prefix}-checkbox-wrapper + span {
-// .@{ant-prefix}-dropdown-rtl &,
-// .@{ant-prefix}-dropdown-menu-submenu-rtl& {
-// padding-right: 8px;
-// padding-left: 0;
-// }
-// }
-// }
-// }
-
-// // ========================== Selections ==========================
-// &-selection {
-// .@{table-wrapepr-rtl-cls} & {
-// text-align: center;
-// }
-// }
-
-// // ========================== Expandable ==========================
-// &-row-indent {
-// .@{table-wrapepr-rtl-cls} & {
-// float: right;
-// }
-// }
-
-// &-row-expand-icon {
-// .@{table-wrapepr-rtl-cls} & {
-// float: right;
-// }
-
-// .@{table-prefix-cls}-row-indent + & {
-// .@{table-wrapepr-rtl-cls} & {
-// margin-right: 0;
-// margin-left: @padding-xs;
-// }
-// }
-
-// &::after {
-// .@{table-wrapepr-rtl-cls} & {
-// transform: rotate(-90deg);
-// }
-// }
-
-// &-collapsed::before {
-// .@{table-wrapepr-rtl-cls} & {
-// transform: rotate(180deg);
-// }
-// }
-
-// &-collapsed::after {
-// .@{table-wrapepr-rtl-cls} & {
-// transform: rotate(0deg);
-// }
-// }
-// }
-// }
diff --git a/components/table/style/size.less b/components/table/style/size.less
deleted file mode 100644
index fd7f9e4d51..0000000000
--- a/components/table/style/size.less
+++ /dev/null
@@ -1,51 +0,0 @@
-// @import (reference) '../../style/themes/index';
-
-// @table-prefix-cls: ~'@{ant-prefix}-table';
-
-// .table-size(@size, @padding-vertical, @padding-horizontal, @font-size) {
-// .@{table-prefix-cls}.@{table-prefix-cls}-@{size} {
-// font-size: @font-size;
-
-// .@{table-prefix-cls}-title,
-// .@{table-prefix-cls}-footer,
-// .@{table-prefix-cls}-thead > tr > th,
-// .@{table-prefix-cls}-tbody > tr > td,
-// tfoot > tr > th,
-// tfoot > tr > td {
-// padding: @padding-vertical @padding-horizontal;
-// }
-
-// .@{table-prefix-cls}-filter-trigger {
-// margin-right: -(@padding-horizontal / 2);
-// }
-
-// .@{table-prefix-cls}-expanded-row-fixed {
-// margin: -@padding-vertical -@padding-horizontal;
-// }
-
-// .@{table-prefix-cls}-tbody {
-// // ========================= Nest Table ===========================
-// .@{table-prefix-cls}-wrapper:only-child {
-// .@{table-prefix-cls} {
-// margin: -@padding-vertical -@padding-horizontal -@padding-vertical (@table-expand-column-width -
-// @padding-horizontal);
-// }
-// }
-// }
-
-// // https://github.com/ant-design/ant-design/issues/35167
-// .@{table-prefix-cls}-selection-column {
-// padding-inline-start: (@padding-horizontal / 4);
-// }
-// }
-// }
-
-// // ================================================================
-// // = Middle =
-// // ================================================================
-// .table-size(~'middle', @table-padding-vertical-md, @table-padding-horizontal-md, @table-font-size-md);
-
-// // ================================================================
-// // = Small =
-// // ================================================================
-// .table-size(~'small', @table-padding-vertical-sm, @table-padding-horizontal-sm, @table-font-size-sm);
diff --git a/components/tabs/style/card.less b/components/tabs/style/card.less
deleted file mode 100644
index 167f83730f..0000000000
--- a/components/tabs/style/card.less
+++ /dev/null
@@ -1,98 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @tab-prefix-cls: ~'@{ant-prefix}-tabs';
-
-// .@{tab-prefix-cls}-card {
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// .@{tab-prefix-cls}-tab {
-// margin: 0;
-// padding: @tabs-card-horizontal-padding;
-// background: @tabs-card-head-background;
-// border: @border-width-base @border-style-base @border-color-split;
-// transition: all @animation-duration-slow @ease-in-out;
-
-// &-active {
-// color: @tabs-card-active-color;
-// background: @component-background;
-// }
-// }
-
-// .@{tab-prefix-cls}-ink-bar {
-// visibility: hidden;
-// }
-// }
-
-// // ========================== Top & Bottom ==========================
-// &.@{tab-prefix-cls}-top,
-// &.@{tab-prefix-cls}-bottom {
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
-// margin-left: @tabs-card-gutter;
-// }
-// }
-// }
-
-// &.@{tab-prefix-cls}-top {
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// .@{tab-prefix-cls}-tab {
-// border-radius: @border-radius-base @border-radius-base 0 0;
-
-// &-active {
-// border-bottom-color: @component-background;
-// }
-// }
-// }
-// }
-// &.@{tab-prefix-cls}-bottom {
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// .@{tab-prefix-cls}-tab {
-// border-radius: 0 0 @border-radius-base @border-radius-base;
-
-// &-active {
-// border-top-color: @component-background;
-// }
-// }
-// }
-// }
-
-// // ========================== Left & Right ==========================
-// &.@{tab-prefix-cls}-left,
-// &.@{tab-prefix-cls}-right {
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
-// margin-top: @tabs-card-gutter;
-// }
-// }
-// }
-
-// &.@{tab-prefix-cls}-left {
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// .@{tab-prefix-cls}-tab {
-// border-radius: @border-radius-base 0 0 @border-radius-base;
-
-// &-active {
-// border-right-color: @component-background;
-// }
-// }
-// }
-// }
-// &.@{tab-prefix-cls}-right {
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// .@{tab-prefix-cls}-tab {
-// border-radius: 0 @border-radius-base @border-radius-base 0;
-
-// &-active {
-// border-left-color: @component-background;
-// }
-// }
-// }
-// }
-// }
diff --git a/components/tabs/style/dropdown.less b/components/tabs/style/dropdown.less
deleted file mode 100644
index 56b418b105..0000000000
--- a/components/tabs/style/dropdown.less
+++ /dev/null
@@ -1,82 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @tab-prefix-cls: ~'@{ant-prefix}-tabs';
-
-// .@{tab-prefix-cls}-dropdown {
-// .reset-component();
-
-// position: absolute;
-// top: -9999px;
-// left: -9999px;
-// z-index: @zindex-dropdown;
-// display: block;
-
-// &-hidden {
-// display: none;
-// }
-
-// &-menu {
-// max-height: 200px;
-// margin: 0;
-// padding: @dropdown-edge-child-vertical-padding 0;
-// overflow-x: hidden;
-// overflow-y: auto;
-// text-align: left;
-// list-style-type: none;
-// background-color: @dropdown-menu-bg;
-// background-clip: padding-box;
-// border-radius: @border-radius-base;
-// outline: none;
-// box-shadow: @box-shadow-base;
-
-// &-item {
-// display: flex;
-// align-items: center;
-// min-width: 120px;
-// margin: 0;
-// padding: @dropdown-vertical-padding @control-padding-horizontal;
-// overflow: hidden;
-// color: @text-color;
-// font-weight: normal;
-// font-size: @dropdown-font-size;
-// line-height: @dropdown-line-height;
-// white-space: nowrap;
-// text-overflow: ellipsis;
-// cursor: pointer;
-// transition: all 0.3s;
-
-// > span {
-// flex: 1;
-// white-space: nowrap;
-// }
-
-// &-remove {
-// flex: none;
-// margin-left: @margin-sm;
-// color: @text-color-secondary;
-// font-size: @font-size-sm;
-// background: transparent;
-// border: 0;
-// cursor: pointer;
-
-// &:hover {
-// color: @tabs-hover-color;
-// }
-// }
-
-// &:hover {
-// background: @item-hover-bg;
-// }
-
-// &-disabled {
-// &,
-// &:hover {
-// color: @disabled-color;
-// background: transparent;
-// cursor: not-allowed;
-// }
-// }
-// }
-// }
-// }
diff --git a/components/tabs/style/index.less b/components/tabs/style/index.less
deleted file mode 100644
index 3194da7af4..0000000000
--- a/components/tabs/style/index.less
+++ /dev/null
@@ -1,223 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-// @import './size';
-// @import './rtl';
-// @import './position';
-// @import './dropdown';
-// @import './card';
-
-// @tab-prefix-cls: ~'@{ant-prefix}-tabs';
-
-// .@{tab-prefix-cls} {
-// .reset-component();
-
-// display: flex;
-
-// // ========================== Navigation ==========================
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// position: relative;
-// display: flex;
-// flex: none;
-// align-items: center;
-
-// .@{tab-prefix-cls}-nav-wrap {
-// position: relative;
-// display: inline-block;
-// display: flex;
-// flex: auto;
-// align-self: stretch;
-// overflow: hidden;
-// white-space: nowrap;
-// transform: translate(0); // Fix chrome render bug
-
-// // >>>>> Ping shadow
-// &::before,
-// &::after {
-// position: absolute;
-// z-index: 1;
-// opacity: 0;
-// transition: opacity @animation-duration-slow;
-// content: '';
-// pointer-events: none;
-// }
-// }
-
-// .@{tab-prefix-cls}-nav-list {
-// position: relative;
-// display: flex;
-// transition: transform @animation-duration-slow;
-// }
-
-// // >>>>>>>> Operations
-// .@{tab-prefix-cls}-nav-operations {
-// display: flex;
-// align-self: stretch;
-
-// &-hidden {
-// position: absolute;
-// visibility: hidden;
-// pointer-events: none;
-// }
-// }
-
-// .@{tab-prefix-cls}-nav-more {
-// position: relative;
-// padding: @tabs-card-horizontal-padding;
-// background: transparent;
-// border: 0;
-
-// &::after {
-// position: absolute;
-// right: 0;
-// bottom: 0;
-// left: 0;
-// height: 5px;
-// transform: translateY(100%);
-// content: '';
-// }
-// }
-
-// .@{tab-prefix-cls}-nav-add {
-// min-width: @tabs-card-height;
-// margin-left: @tabs-card-gutter;
-// padding: 0 @padding-xs;
-// background: @tabs-card-head-background;
-// border: @border-width-base @border-style-base @border-color-split;
-// border-radius: @border-radius-base @border-radius-base 0 0;
-// outline: none;
-// cursor: pointer;
-// transition: all @animation-duration-slow @ease-in-out;
-
-// &:hover {
-// color: @tabs-hover-color;
-// }
-
-// &:active,
-// &:focus {
-// color: @tabs-active-color;
-// }
-// }
-// }
-
-// &-extra-content {
-// flex: none;
-// }
-
-// &-centered {
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// .@{tab-prefix-cls}-nav-wrap {
-// &:not([class*='@{tab-prefix-cls}-nav-wrap-ping']) {
-// justify-content: center;
-// }
-// }
-// }
-// }
-
-// // ============================ InkBar ============================
-// &-ink-bar {
-// position: absolute;
-// background: @tabs-ink-bar-color;
-// pointer-events: none;
-// }
-
-// // ============================= Tabs =============================
-// &-tab {
-// position: relative;
-// display: inline-flex;
-// align-items: center;
-// padding: @tabs-horizontal-padding;
-// font-size: @tabs-title-font-size;
-// background: transparent;
-// border: 0;
-// outline: none;
-// cursor: pointer;
-
-// &-btn,
-// &-remove {
-// &:focus,
-// &:active {
-// color: @tabs-active-color;
-// }
-// }
-
-// &-btn {
-// outline: none;
-// transition: all 0.3s;
-// }
-
-// &-remove {
-// flex: none;
-// margin-right: -@margin-xss;
-// margin-left: @margin-xs;
-// color: @text-color-secondary;
-// font-size: @font-size-sm;
-// background: transparent;
-// border: none;
-// outline: none;
-// cursor: pointer;
-// transition: all @animation-duration-slow;
-
-// &:hover {
-// color: @heading-color;
-// }
-// }
-
-// &:hover {
-// color: @tabs-hover-color;
-// }
-
-// &&-active &-btn {
-// color: @tabs-highlight-color;
-// text-shadow: 0 0 0.25px currentcolor;
-// }
-
-// &&-disabled {
-// color: @disabled-color;
-// cursor: not-allowed;
-// }
-
-// &&-disabled &-btn,
-// &&-disabled &-remove {
-// &:focus,
-// &:active {
-// color: @disabled-color;
-// }
-// }
-
-// & &-remove .@{iconfont-css-prefix} {
-// margin: 0;
-// }
-
-// .@{iconfont-css-prefix} {
-// margin-right: @margin-sm;
-// }
-// }
-
-// &-tab + &-tab {
-// margin: @tabs-horizontal-margin;
-// }
-
-// // =========================== TabPanes ===========================
-// &-content {
-// &-holder {
-// flex: auto;
-// min-width: 0;
-// min-height: 0;
-// }
-
-// display: flex;
-// width: 100%;
-
-// &-animated {
-// transition: margin @animation-duration-slow;
-// }
-// }
-
-// &-tabpane {
-// flex: none;
-// width: 100%;
-// outline: none;
-// }
-// }
diff --git a/components/tabs/style/index.tsx b/components/tabs/style/index.tsx
index edea229b30..8c15c39607 100644
--- a/components/tabs/style/index.tsx
+++ b/components/tabs/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken, resetComponent } from '../../theme';
diff --git a/components/tabs/style/position.less b/components/tabs/style/position.less
deleted file mode 100644
index 5a8b729ae5..0000000000
--- a/components/tabs/style/position.less
+++ /dev/null
@@ -1,198 +0,0 @@
-// @import '../../style/themes/index';
-// @tab-prefix-cls: ~'@{ant-prefix}-tabs';
-
-// .@{tab-prefix-cls} {
-// // ========================== Top & Bottom ==========================
-// &-top,
-// &-bottom {
-// flex-direction: column;
-
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// margin: @tabs-bar-margin;
-
-// &::before {
-// position: absolute;
-// right: 0;
-// left: 0;
-// border-bottom: @border-width-base @border-style-base @border-color-split;
-// content: '';
-// }
-
-// .@{tab-prefix-cls}-ink-bar {
-// height: 2px;
-
-// &-animated {
-// transition: width @animation-duration-slow, left @animation-duration-slow,
-// right @animation-duration-slow;
-// }
-// }
-
-// .@{tab-prefix-cls}-nav-wrap {
-// &::before,
-// &::after {
-// top: 0;
-// bottom: 0;
-// width: 30px;
-// }
-
-// &::before {
-// left: 0;
-// box-shadow: inset 10px 0 8px -8px fade(@shadow-color, 8%);
-// }
-
-// &::after {
-// right: 0;
-// box-shadow: inset -10px 0 8px -8px fade(@shadow-color, 8%);
-// }
-
-// &.@{tab-prefix-cls}-nav-wrap-ping-left::before {
-// opacity: 1;
-// }
-// &.@{tab-prefix-cls}-nav-wrap-ping-right::after {
-// opacity: 1;
-// }
-// }
-// }
-// }
-
-// &-top {
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// &::before {
-// bottom: 0;
-// }
-
-// .@{tab-prefix-cls}-ink-bar {
-// bottom: 0;
-// }
-// }
-// }
-
-// &-bottom {
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// order: 1;
-// margin-top: @margin-md;
-// margin-bottom: 0;
-
-// &::before {
-// top: 0;
-// }
-
-// .@{tab-prefix-cls}-ink-bar {
-// top: 0;
-// }
-// }
-
-// > .@{tab-prefix-cls}-content-holder,
-// > div > .@{tab-prefix-cls}-content-holder {
-// order: 0;
-// }
-// }
-
-// // ========================== Left & Right ==========================
-// &-left,
-// &-right {
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// flex-direction: column;
-// min-width: 50px;
-
-// // >>>>>>>>>>> Tab
-// .@{tab-prefix-cls}-tab {
-// padding: @tabs-vertical-padding;
-// text-align: center;
-// }
-
-// .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
-// margin: @tabs-vertical-margin;
-// }
-
-// // >>>>>>>>>>> Nav
-// .@{tab-prefix-cls}-nav-wrap {
-// flex-direction: column;
-
-// &::before,
-// &::after {
-// right: 0;
-// left: 0;
-// height: 30px;
-// }
-
-// &::before {
-// top: 0;
-// box-shadow: inset 0 10px 8px -8px fade(@shadow-color, 8%);
-// }
-
-// &::after {
-// bottom: 0;
-// box-shadow: inset 0 -10px 8px -8px fade(@shadow-color, 8%);
-// }
-
-// &.@{tab-prefix-cls}-nav-wrap-ping-top::before {
-// opacity: 1;
-// }
-// &.@{tab-prefix-cls}-nav-wrap-ping-bottom::after {
-// opacity: 1;
-// }
-// }
-
-// // >>>>>>>>>>> Ink Bar
-// .@{tab-prefix-cls}-ink-bar {
-// width: 2px;
-
-// &-animated {
-// transition: height @animation-duration-slow, top @animation-duration-slow;
-// }
-// }
-
-// .@{tab-prefix-cls}-nav-list,
-// .@{tab-prefix-cls}-nav-operations {
-// flex: 1 0 auto; // fix safari scroll problem
-// flex-direction: column;
-// }
-// }
-// }
-
-// &-left {
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// .@{tab-prefix-cls}-ink-bar {
-// right: 0;
-// }
-// }
-
-// > .@{tab-prefix-cls}-content-holder,
-// > div > .@{tab-prefix-cls}-content-holder {
-// margin-left: -@border-width-base;
-// border-left: @border-width-base @border-style-base @border-color-split;
-
-// > .@{tab-prefix-cls}-content > .@{tab-prefix-cls}-tabpane {
-// padding-left: @padding-lg;
-// }
-// }
-// }
-
-// &-right {
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// order: 1;
-
-// .@{tab-prefix-cls}-ink-bar {
-// left: 0;
-// }
-// }
-
-// > .@{tab-prefix-cls}-content-holder,
-// > div > .@{tab-prefix-cls}-content-holder {
-// order: 0;
-// margin-right: -@border-width-base;
-// border-right: @border-width-base @border-style-base @border-color-split;
-
-// > .@{tab-prefix-cls}-content > .@{tab-prefix-cls}-tabpane {
-// padding-right: @padding-lg;
-// }
-// }
-// }
-// }
diff --git a/components/tabs/style/rtl.less b/components/tabs/style/rtl.less
deleted file mode 100644
index ed6ddb852a..0000000000
--- a/components/tabs/style/rtl.less
+++ /dev/null
@@ -1,86 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @tab-prefix-cls: ~'@{ant-prefix}-tabs';
-
-// .@{tab-prefix-cls} {
-// &-rtl {
-// direction: rtl;
-
-// .@{tab-prefix-cls}-nav {
-// .@{tab-prefix-cls}-tab {
-// margin: @tabs-horizontal-margin-rtl;
-
-// &:last-of-type {
-// margin-left: 0;
-// }
-
-// .@{iconfont-css-prefix} {
-// margin-right: 0;
-// margin-left: @margin-sm;
-// }
-
-// .@{tab-prefix-cls}-tab-remove {
-// margin-right: @margin-xs;
-// margin-left: -@margin-xss;
-
-// .@{iconfont-css-prefix} {
-// margin: 0;
-// }
-// }
-// }
-// }
-
-// &.@{tab-prefix-cls}-left {
-// > .@{tab-prefix-cls}-nav {
-// order: 1;
-// }
-// > .@{tab-prefix-cls}-content-holder {
-// order: 0;
-// }
-// }
-
-// &.@{tab-prefix-cls}-right {
-// > .@{tab-prefix-cls}-nav {
-// order: 0;
-// }
-// > .@{tab-prefix-cls}-content-holder {
-// order: 1;
-// }
-// }
-// }
-
-// // ====================== Card ======================
-// &-card {
-// &.@{tab-prefix-cls}-top,
-// &.@{tab-prefix-cls}-bottom {
-// > .@{tab-prefix-cls}-nav,
-// > div > .@{tab-prefix-cls}-nav {
-// .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
-// .@{tab-prefix-cls}-rtl& {
-// margin-right: @tabs-card-gutter;
-// margin-left: 0;
-// }
-// }
-// .@{tab-prefix-cls}-nav-add {
-// .@{tab-prefix-cls}-rtl& {
-// margin-right: @tabs-card-gutter;
-// margin-left: 0;
-// }
-// }
-// }
-// }
-// }
-// }
-
-// .@{tab-prefix-cls}-dropdown {
-// &-rtl {
-// direction: rtl;
-// }
-
-// &-menu-item {
-// .@{tab-prefix-cls}-dropdown-rtl & {
-// text-align: right;
-// }
-// }
-// }
diff --git a/components/tabs/style/size.less b/components/tabs/style/size.less
deleted file mode 100644
index c94fc81f8a..0000000000
--- a/components/tabs/style/size.less
+++ /dev/null
@@ -1,42 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @tab-prefix-cls: ~'@{ant-prefix}-tabs';
-
-// .@{tab-prefix-cls} {
-// &-small {
-// > .@{tab-prefix-cls}-nav {
-// .@{tab-prefix-cls}-tab {
-// padding: @tabs-horizontal-padding-sm;
-// font-size: @tabs-title-font-size-sm;
-// }
-// }
-// }
-
-// &-large {
-// > .@{tab-prefix-cls}-nav {
-// .@{tab-prefix-cls}-tab {
-// padding: @tabs-horizontal-padding-lg;
-// font-size: @tabs-title-font-size-lg;
-// }
-// }
-// }
-
-// &-card {
-// &.@{tab-prefix-cls}-small {
-// > .@{tab-prefix-cls}-nav {
-// .@{tab-prefix-cls}-tab {
-// padding: @tabs-card-horizontal-padding-sm;
-// }
-// }
-// }
-
-// &.@{tab-prefix-cls}-large {
-// > .@{tab-prefix-cls}-nav {
-// .@{tab-prefix-cls}-tab {
-// padding: @tabs-card-horizontal-padding-lg;
-// }
-// }
-// }
-// }
-// }
diff --git a/components/tag/style/index.less b/components/tag/style/index.less
deleted file mode 100644
index 7965580834..0000000000
--- a/components/tag/style/index.less
+++ /dev/null
@@ -1,129 +0,0 @@
-// @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;
-// padding: 0 7px;
-// font-size: @tag-font-size;
-// line-height: @tag-line-height;
-// white-space: nowrap;
-// background: @tag-default-bg;
-// border: @border-width-base @border-style-base @border-color-base;
-// border-radius: @border-radius-base;
-// opacity: 1;
-// transition: all 0.3s;
-
-// &,
-// a,
-// a:hover {
-// color: @tag-default-color;
-// }
-
-// > a:first-child:last-child {
-// display: inline-block;
-// margin: 0 -8px;
-// padding: 0 8px;
-// }
-
-// &-close-icon {
-// margin-left: 3px;
-// color: @text-color-secondary;
-// font-size: 10px;
-// cursor: pointer;
-// transition: all 0.3s;
-
-// &:hover {
-// color: @heading-color;
-// }
-// }
-
-// &-has-color {
-// border-color: transparent;
-// &,
-// a,
-// a:hover,
-// .@{iconfont-css-prefix}-close,
-// .@{iconfont-css-prefix}-close:hover {
-// color: @text-color-inverse;
-// }
-// }
-
-// &-checkable {
-// background-color: transparent;
-// border-color: transparent;
-// cursor: pointer;
-
-// &:not(&-checked):hover {
-// color: @primary-color;
-// }
-
-// &:active,
-// &-checked {
-// color: @text-color-inverse;
-// }
-
-// &-checked {
-// background-color: @primary-6;
-// }
-
-// &:active {
-// background-color: @primary-7;
-// }
-// }
-
-// &-hidden {
-// display: none;
-// }
-
-// // mixin to iterate over colors and create CSS class for each one
-// .make-color-classes(@i: length(@preset-colors)) when (@i > 0) {
-// .make-color-classes(@i - 1);
-// @color: extract(@preset-colors, @i);
-// @lightColor: '@{color}-1';
-// @lightBorderColor: '@{color}-3';
-// @darkColor: '@{color}-6';
-// @textColor: '@{color}-7';
-// &-@{color} {
-// color: @@textColor;
-// background: @@lightColor;
-// border-color: @@lightBorderColor;
-// }
-// &-@{color}-inverse {
-// color: @text-color-inverse;
-// background: @@darkColor;
-// border-color: @@darkColor;
-// }
-// }
-
-// .make-status-color-classes(@status, @cssVariableType) {
-// @bgColor: '@{cssVariableType}-color-deprecated-bg';
-// @borderColor: '@{cssVariableType}-color-deprecated-border';
-// @textColor: '@{cssVariableType}-color';
-// &-@{status} {
-// color: @@textColor;
-// background: @@bgColor;
-// border-color: @@borderColor;
-// }
-// }
-
-// .make-color-classes();
-
-// .make-status-color-classes(success, success);
-// .make-status-color-classes(processing, info);
-// .make-status-color-classes(error, error);
-// .make-status-color-classes(warning, warning);
-
-// // To ensure that a space will be placed between character and `Icon`.
-// > .@{iconfont-css-prefix} + span,
-// > span + .@{iconfont-css-prefix} {
-// margin-left: 7px;
-// }
-// }
-
-// @import './rtl';
diff --git a/components/tag/style/index.tsx b/components/tag/style/index.tsx
index a8d7c4bf81..d8dda5f958 100644
--- a/components/tag/style/index.tsx
+++ b/components/tag/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSInterpolation, CSSObject } from '@ant-design/cssinjs';
import type { FullToken, PresetColorType } from '../../theme';
import { genComponentStyleHook, mergeToken, PresetColors, resetComponent } from '../../theme';
diff --git a/components/tag/style/rtl.less b/components/tag/style/rtl.less
deleted file mode 100644
index af7d0dfc50..0000000000
--- a/components/tag/style/rtl.less
+++ /dev/null
@@ -1,28 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@tag-prefix-cls: ~'@{ant-prefix}-tag';
-
-.@{tag-prefix-cls} {
- &&-rtl {
- margin-right: 0;
- margin-left: 8px;
- direction: rtl;
- text-align: right;
- }
-
- &-close-icon {
- .@{tag-prefix-cls}-rtl & {
- margin-right: 3px;
- margin-left: 0;
- }
- }
-
- > .@{iconfont-css-prefix} + span,
- > span + .@{iconfont-css-prefix} {
- .@{tag-prefix-cls}-rtl& {
- margin-right: 7px;
- margin-left: 0;
- }
- }
-}
diff --git a/components/time-picker/style/index.less b/components/time-picker/style/index.less
deleted file mode 100644
index af7ae24a92..0000000000
--- a/components/time-picker/style/index.less
+++ /dev/null
@@ -1,3 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-@import '../../input/style/mixin';
diff --git a/components/time-picker/style/index.tsx b/components/time-picker/style/index.tsx
deleted file mode 100644
index b2534aab0b..0000000000
--- a/components/time-picker/style/index.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import '../../style/index.less';
-import './index.less';
-
-// style dependencies
-import '../../date-picker/style';
diff --git a/components/timeline/style/index.less b/components/timeline/style/index.less
deleted file mode 100644
index 24e789fd99..0000000000
--- a/components/timeline/style/index.less
+++ /dev/null
@@ -1,185 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @timeline-prefix-cls: ~'@{ant-prefix}-timeline';
-
-// .@{timeline-prefix-cls} {
-// .reset-component();
-
-// margin: 0;
-// padding: 0;
-// list-style: none;
-
-// &-item {
-// position: relative;
-// margin: 0;
-// padding-bottom: @timeline-item-padding-bottom;
-// font-size: @font-size-base;
-// list-style: none;
-
-// &-tail {
-// position: absolute;
-// top: 10px;
-// left: 4px;
-// height: calc(100% - 10px);
-// border-left: @timeline-width solid @timeline-color;
-// }
-
-// &-pending &-head {
-// font-size: @font-size-sm;
-// background-color: transparent;
-// }
-
-// &-pending &-tail {
-// display: none;
-// }
-
-// &-head {
-// position: absolute;
-// width: 10px;
-// height: 10px;
-// background-color: @timeline-dot-bg;
-// border: @timeline-dot-border-width solid transparent;
-// border-radius: 100px;
-
-// &-blue {
-// color: @primary-color;
-// border-color: @primary-color;
-// }
-
-// &-red {
-// color: @error-color;
-// border-color: @error-color;
-// }
-
-// &-green {
-// color: @success-color;
-// border-color: @success-color;
-// }
-
-// &-gray {
-// color: @disabled-color;
-// border-color: @disabled-color;
-// }
-// }
-
-// &-head-custom {
-// position: absolute;
-// top: 5.5px;
-// left: 5px;
-// width: auto;
-// height: auto;
-// margin-top: 0;
-// padding: 3px 1px;
-// line-height: 1;
-// text-align: center;
-// border: 0;
-// border-radius: 0;
-// transform: translate(-50%, -50%);
-// }
-
-// &-content {
-// position: relative;
-// top: -(@font-size-base * @line-height-base - @font-size-base) + 1px;
-// margin: 0 0 0 @margin-lg + 2px;
-// word-break: break-word;
-// }
-
-// &-last {
-// > .@{timeline-prefix-cls}-item-tail {
-// display: none;
-// }
-// > .@{timeline-prefix-cls}-item-content {
-// min-height: 48px;
-// }
-// }
-// }
-
-// &.@{timeline-prefix-cls}-alternate,
-// &.@{timeline-prefix-cls}-right,
-// &.@{timeline-prefix-cls}-label {
-// .@{timeline-prefix-cls}-item {
-// &-tail,
-// &-head,
-// &-head-custom {
-// left: 50%;
-// }
-
-// &-head {
-// margin-left: -4px;
-
-// &-custom {
-// margin-left: 1px;
-// }
-// }
-
-// &-left {
-// .@{timeline-prefix-cls}-item-content {
-// left: calc(50% - 4px);
-// width: calc(50% - 14px);
-// text-align: left;
-// }
-// }
-
-// &-right {
-// .@{timeline-prefix-cls}-item-content {
-// width: calc(50% - 12px);
-// margin: 0;
-// text-align: right;
-// }
-// }
-// }
-// }
-
-// &.@{timeline-prefix-cls}-right {
-// .@{timeline-prefix-cls}-item-right {
-// .@{timeline-prefix-cls}-item-tail,
-// .@{timeline-prefix-cls}-item-head,
-// .@{timeline-prefix-cls}-item-head-custom {
-// left: calc(100% - 4px - @timeline-width);
-// }
-// .@{timeline-prefix-cls}-item-content {
-// width: calc(100% - 18px);
-// }
-// }
-// }
-
-// &&-pending &-item-last &-item-tail {
-// display: block;
-// height: calc(100% - 14px);
-// border-left: 2px dotted @timeline-color;
-// }
-
-// &&-reverse &-item-last &-item-tail {
-// display: none;
-// }
-
-// &&-reverse &-item-pending {
-// .@{timeline-prefix-cls}-item-tail {
-// top: 15px;
-// display: block;
-// height: calc(100% - 15px);
-// border-left: 2px dotted @timeline-color;
-// }
-// .@{timeline-prefix-cls}-item-content {
-// min-height: 48px;
-// }
-// }
-// &.@{timeline-prefix-cls}-label {
-// .@{timeline-prefix-cls}-item-label {
-// position: absolute;
-// top: -(@font-size-base * @line-height-base - @font-size-base) + 1px;
-// width: calc(50% - 12px);
-// text-align: right;
-// }
-// .@{timeline-prefix-cls}-item-right {
-// .@{timeline-prefix-cls}-item-label {
-// left: calc(50% + 14px);
-// width: calc(50% - 14px);
-// text-align: left;
-// }
-// }
-// }
-// }
-
-// @import './rtl';
diff --git a/components/timeline/style/index.tsx b/components/timeline/style/index.tsx
index 3d7dea9813..0665729e67 100644
--- a/components/timeline/style/index.tsx
+++ b/components/timeline/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken, resetComponent } from '../../theme';
diff --git a/components/timeline/style/rtl.less b/components/timeline/style/rtl.less
deleted file mode 100644
index 011f5aa3b6..0000000000
--- a/components/timeline/style/rtl.less
+++ /dev/null
@@ -1,135 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@timeline-prefix-cls: ~'@{ant-prefix}-timeline';
-
-.@{timeline-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
-
- &-item {
- &-tail {
- .@{timeline-prefix-cls}-rtl & {
- right: 4px;
- left: auto;
- border-right: @timeline-width solid @timeline-color;
- border-left: none;
- }
- }
-
- &-head-custom {
- .@{timeline-prefix-cls}-rtl & {
- right: 5px;
- left: auto;
- transform: translate(50%, -50%);
- }
- }
-
- &-content {
- .@{timeline-prefix-cls}-rtl & {
- margin: 0 18px 0 0;
- }
- }
- }
-
- &.@{timeline-prefix-cls}-alternate,
- &.@{timeline-prefix-cls}-right,
- &.@{timeline-prefix-cls}-label {
- .@{timeline-prefix-cls}-item {
- &-tail,
- &-head,
- &-head-custom {
- .@{timeline-prefix-cls}-rtl& {
- right: 50%;
- left: auto;
- }
- }
-
- &-head {
- .@{timeline-prefix-cls}-rtl& {
- margin-right: -4px;
- margin-left: 0;
- }
-
- &-custom {
- .@{timeline-prefix-cls}-rtl& {
- margin-right: 1px;
- margin-left: 0;
- }
- }
- }
-
- &-left {
- .@{timeline-prefix-cls}-item-content {
- .@{timeline-prefix-cls}-rtl& {
- right: calc(50% - 4px);
- left: auto;
- text-align: right;
- }
- }
- }
-
- &-right {
- .@{timeline-prefix-cls}-item-content {
- .@{timeline-prefix-cls}-rtl& {
- text-align: left;
- }
- }
- }
- }
- }
-
- &.@{timeline-prefix-cls}-right {
- .@{timeline-prefix-cls}-item-right {
- .@{timeline-prefix-cls}-item-tail,
- .@{timeline-prefix-cls}-item-head,
- .@{timeline-prefix-cls}-item-head-custom {
- .@{timeline-prefix-cls}-rtl& {
- right: 0;
- left: auto;
- }
- }
-
- .@{timeline-prefix-cls}-item-content {
- .@{timeline-prefix-cls}-rtl& {
- width: 100%;
- margin-right: 18px;
- text-align: right;
- }
- }
- }
- }
-
- &&-pending &-item-last &-item-tail {
- .@{timeline-prefix-cls}-rtl& {
- border-right: 2px dotted @timeline-color;
- border-left: none;
- }
- }
-
- &&-reverse &-item-pending {
- .@{timeline-prefix-cls}-item-tail {
- .@{timeline-prefix-cls}-rtl& {
- border-right: 2px dotted @timeline-color;
- border-left: none;
- }
- }
- }
-
- &.@{timeline-prefix-cls}-label {
- .@{timeline-prefix-cls}-item-label {
- .@{timeline-prefix-cls}-rtl& {
- text-align: left;
- }
- }
- .@{timeline-prefix-cls}-item-right {
- .@{timeline-prefix-cls}-item-label {
- .@{timeline-prefix-cls}-rtl& {
- right: calc(50% + 14px);
- text-align: right;
- }
- }
- }
- }
-}
diff --git a/components/tooltip/style/index.less b/components/tooltip/style/index.less
deleted file mode 100644
index 4d01ace21a..0000000000
--- a/components/tooltip/style/index.less
+++ /dev/null
@@ -1,211 +0,0 @@
-// .@{tooltip-prefix-cls} {
-// .reset-component();
-//
-// position: absolute;
-// z-index: @zindex-tooltip;
-// display: block;
-// width: max-content;
-// width: intrinsic;
-// max-width: @tooltip-max-width;
-// visibility: visible;
-//
-// &-content {
-// position: relative;
-// }
-//
-// &-hidden {
-// display: none;
-// }
-//
-// &-placement-top,
-// &-placement-topLeft,
-// &-placement-topRight {
-// padding-bottom: @tooltip-distance;
-// }
-//
-// &-placement-right,
-// &-placement-rightTop,
-// &-placement-rightBottom {
-// padding-left: @tooltip-distance;
-// }
-//
-// &-placement-bottom,
-// &-placement-bottomLeft,
-// &-placement-bottomRight {
-// padding-top: @tooltip-distance;
-// }
-//
-// &-placement-left,
-// &-placement-leftTop,
-// &-placement-leftBottom {
-// padding-right: @tooltip-distance;
-// }
-//
-// // Wrapper for the tooltip content
-// &-inner {
-// min-width: 30px;
-// min-height: 32px;
-// padding: 6px 8px;
-// color: @tooltip-color;
-// text-align: left;
-// text-decoration: none;
-// word-wrap: break-word;
-// background-color: @tooltip-bg;
-// border-radius: @tooltip-border-radius;
-// box-shadow: @box-shadow-base;
-// }
-//
-// // Arrows
-// &-arrow {
-// position: absolute;
-// z-index: 2;
-// display: block;
-// width: @tooltip-arrow-rotate-width;
-// height: @tooltip-arrow-rotate-width;
-// overflow: hidden;
-// background: transparent;
-// pointer-events: none;
-//
-// &-content {
-// // Use linear gradient to mix box shadow of tooltip inner
-// --antd-arrow-background-color: linear-gradient(
-// to right bottom,
-// fadeout(@tooltip-bg, 10%),
-// @tooltip-bg
-// );
-//
-// position: absolute;
-// top: 0;
-// right: 0;
-// bottom: 0;
-// left: 0;
-// display: block;
-// width: @tooltip-arrow-width;
-// height: @tooltip-arrow-width;
-// margin: auto;
-// background-color: transparent;
-// content: '';
-// pointer-events: auto;
-// .roundedArrow(@tooltip-arrow-width, 5px);
-// }
-// }
-//
-// &-placement-top &-arrow,
-// &-placement-topLeft &-arrow,
-// &-placement-topRight &-arrow {
-// bottom: 0;
-// transform: translateY(100%);
-//
-// &-content {
-// box-shadow: @tooltip-arrow-shadow-width @tooltip-arrow-shadow-width 7px fade(@black, 7%);
-// transform: translateY((-@tooltip-arrow-rotate-width / 2)) rotate(45deg);
-// }
-// }
-//
-// &-placement-top &-arrow {
-// left: 50%;
-// transform: translateY(100%) translateX(-50%);
-// }
-//
-// &-placement-topLeft &-arrow {
-// left: @tooltip-arrow-offset-horizontal;
-// }
-//
-// &-placement-topRight &-arrow {
-// right: @tooltip-arrow-offset-horizontal;
-// }
-//
-// &-placement-right &-arrow,
-// &-placement-rightTop &-arrow,
-// &-placement-rightBottom &-arrow {
-// left: 0;
-// transform: translateX(-100%);
-//
-// &-content {
-// box-shadow: -@tooltip-arrow-shadow-width @tooltip-arrow-shadow-width 7px fade(@black, 7%);
-// transform: translateX((@tooltip-arrow-rotate-width / 2)) rotate(135deg);
-// }
-// }
-//
-// &-placement-right &-arrow {
-// top: 50%;
-// transform: translateX(-100%) translateY(-50%);
-// }
-//
-// &-placement-rightTop &-arrow {
-// top: @tooltip-arrow-offset-vertical;
-// }
-//
-// &-placement-rightBottom &-arrow {
-// bottom: @tooltip-arrow-offset-vertical;
-// }
-//
-// &-placement-left &-arrow,
-// &-placement-leftTop &-arrow,
-// &-placement-leftBottom &-arrow {
-// right: 0;
-// transform: translateX(100%);
-//
-// &-content {
-// box-shadow: @tooltip-arrow-shadow-width -@tooltip-arrow-shadow-width 7px fade(@black, 7%);
-// transform: translateX((-@tooltip-arrow-rotate-width / 2)) rotate(315deg);
-// }
-// }
-//
-// &-placement-left &-arrow {
-// top: 50%;
-// transform: translateX(100%) translateY(-50%);
-// }
-//
-// &-placement-leftTop &-arrow {
-// top: @tooltip-arrow-offset-vertical;
-// }
-//
-// &-placement-leftBottom &-arrow {
-// bottom: @tooltip-arrow-offset-vertical;
-// }
-//
-// &-placement-bottom &-arrow,
-// &-placement-bottomLeft &-arrow,
-// &-placement-bottomRight &-arrow {
-// top: 0;
-// transform: translateY(-100%);
-//
-// &-content {
-// box-shadow: -@tooltip-arrow-shadow-width -@tooltip-arrow-shadow-width 7px fade(@black, 7%);
-// transform: translateY((@tooltip-arrow-rotate-width / 2)) rotate(225deg);
-// }
-// }
-//
-// &-placement-bottom &-arrow {
-// left: 50%;
-// transform: translateY(-100%) translateX(-50%);
-// }
-//
-// &-placement-bottomLeft &-arrow {
-// left: @tooltip-arrow-offset-horizontal;
-// }
-//
-// &-placement-bottomRight &-arrow {
-// right: @tooltip-arrow-offset-horizontal;
-// }
-// }
-//
-// .generator-tooltip-preset-color(@i: length(@preset-colors)) when (@i > 0) {
-// .generator-tooltip-preset-color(@i - 1);
-// @color: extract(@preset-colors, @i);
-// @lightColor: '@{color}-6';
-// .@{tooltip-prefix-cls}-@{color} {
-// .@{tooltip-prefix-cls}-inner {
-// background-color: @@lightColor;
-// }
-// .@{tooltip-prefix-cls}-arrow {
-// &-content::before {
-// background: @@lightColor;
-// }
-// }
-// }
-// }
-// .generator-tooltip-preset-color();
-//
-// @import './rtl';
diff --git a/components/tooltip/style/index.tsx b/components/tooltip/style/index.tsx
index d0c90425ab..a8a1196370 100644
--- a/components/tooltip/style/index.tsx
+++ b/components/tooltip/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import { initZoomMotion } from '../../style/motion';
import type {
diff --git a/components/tooltip/style/rtl.less b/components/tooltip/style/rtl.less
deleted file mode 100644
index 77d09a3f8d..0000000000
--- a/components/tooltip/style/rtl.less
+++ /dev/null
@@ -1,14 +0,0 @@
-@tooltip-prefix-cls: ~'@{ant-prefix}-tooltip';
-
-// Base class
-.@{tooltip-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
- // Wrapper for the tooltip content
- &-inner {
- .@{tooltip-prefix-cls}-rtl & {
- text-align: right;
- }
- }
-}
diff --git a/components/transfer/style/customize.less b/components/transfer/style/customize.less
deleted file mode 100644
index 7568d1535c..0000000000
--- a/components/transfer/style/customize.less
+++ /dev/null
@@ -1,52 +0,0 @@
-// @import '../../style/themes/index';
-
-// @transfer-prefix-cls: ~'@{ant-prefix}-transfer';
-
-// @table-prefix-cls: ~'@{ant-prefix}-table';
-// @input-prefix-cls: ~'@{ant-prefix}-input';
-
-// .@{transfer-prefix-cls}-customize-list {
-// .@{transfer-prefix-cls}-list {
-// flex: 1 1 50%;
-// width: auto;
-// height: auto;
-// min-height: @transfer-list-height;
-// }
-
-// // =================== Hook Components ===================
-// .@{table-prefix-cls}-wrapper {
-// .@{table-prefix-cls}-small {
-// border: 0;
-// border-radius: 0;
-
-// .@{table-prefix-cls}-selection-column {
-// width: 40px;
-// min-width: 40px;
-// }
-
-// > .@{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;
-// }
-// }
-// .@{input-prefix-cls} {
-// &[disabled] {
-// background-color: transparent;
-// }
-// }
-// }
diff --git a/components/transfer/style/index.less b/components/transfer/style/index.less
deleted file mode 100644
index 8ef886aa38..0000000000
--- a/components/transfer/style/index.less
+++ /dev/null
@@ -1,221 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-// @import '../../checkbox/style/mixin';
-// @import './customize';
-// @import './status';
-
-// @transfer-prefix-cls: ~'@{ant-prefix}-transfer';
-
-// @transfer-header-vertical-padding: ceil(
-// ((@transfer-header-height - 1px - @font-size-base * @line-height-base) / 2)
-// );
-
-// .@{transfer-prefix-cls} {
-// .reset-component();
-
-// position: relative;
-// display: flex;
-// align-items: stretch;
-
-// &-disabled {
-// .@{transfer-prefix-cls}-list {
-// background: @transfer-disabled-bg;
-// }
-// }
-
-// &-list {
-// display: flex;
-// flex-direction: column;
-// width: 180px;
-// height: @transfer-list-height;
-// border: @border-width-base @border-style-base @border-color-base;
-// border-radius: @border-radius-base;
-
-// &-with-pagination {
-// width: 250px;
-// height: auto;
-// }
-
-// &-search {
-// .anticon-search {
-// color: @disabled-color;
-// }
-// }
-
-// &-header {
-// display: flex;
-// flex: none;
-// align-items: center;
-// height: @transfer-header-height;
-// // 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;
-// color: @text-color;
-// background: @component-background;
-// border-bottom: @border-width-base @border-style-base @border-color-split;
-// border-radius: @border-radius-base @border-radius-base 0 0;
-
-// > *:not(:last-child) {
-// margin-right: 4px;
-// }
-
-// > * {
-// flex: none;
-// }
-
-// &-title {
-// flex: auto;
-// overflow: hidden;
-// white-space: nowrap;
-// text-align: right;
-// text-overflow: ellipsis;
-// }
-
-// &-dropdown {
-// font-size: 10px;
-// transform: translateY(10%);
-// cursor: pointer;
-
-// &[disabled] {
-// cursor: not-allowed;
-// }
-// }
-// }
-
-// &-body {
-// display: flex;
-// flex: auto;
-// flex-direction: column;
-// overflow: hidden;
-// font-size: @font-size-base;
-
-// &-search-wrapper {
-// position: relative;
-// flex: none;
-// padding: @padding-sm;
-// }
-// }
-
-// &-content {
-// flex: auto;
-// margin: 0;
-// padding: 0;
-// overflow: auto;
-// list-style: none;
-
-// &-item {
-// display: flex;
-// align-items: center;
-// min-height: @transfer-item-height;
-// padding: @transfer-item-padding-vertical @control-padding-horizontal;
-// line-height: @transfer-item-height - 2 * @transfer-item-padding-vertical;
-// transition: all 0.3s;
-
-// > *:not(:last-child) {
-// margin-right: 8px;
-// }
-
-// > * {
-// flex: none;
-// }
-
-// &-text {
-// flex: auto;
-// overflow: hidden;
-// white-space: nowrap;
-// text-overflow: ellipsis;
-// }
-
-// &-remove {
-// .operation-unit();
-// position: relative;
-// color: @border-color-base;
-
-// &::after {
-// position: absolute;
-// top: -@transfer-item-padding-vertical;
-// right: -50%;
-// bottom: -@transfer-item-padding-vertical;
-// left: -50%;
-// content: '';
-// }
-
-// &:hover {
-// color: @link-hover-color;
-// }
-// }
-// }
-
-// &-item:not(&-item-disabled) {
-// &:hover {
-// background-color: @transfer-item-hover-bg;
-// cursor: pointer;
-// }
-
-// &.@{transfer-prefix-cls}-list-content-item-checked:hover {
-// background-color: @transfer-item-selected-hover-bg;
-// }
-// }
-
-// // Do not change hover style when `oneWay` mode
-// &-show-remove &-item:not(&-item-disabled):hover {
-// background: transparent;
-// cursor: default;
-// }
-
-// &-item-checked {
-// background-color: @item-active-bg;
-// }
-
-// &-item-disabled {
-// color: @btn-disable-color;
-// cursor: not-allowed;
-// }
-// }
-
-// &-pagination {
-// padding: @padding-xs 0;
-// text-align: right;
-// border-top: @border-width-base @border-style-base @border-color-split;
-// }
-
-// &-body-not-found {
-// flex: none;
-// width: 100%;
-// margin: auto 0;
-// color: @disabled-color;
-// text-align: center;
-// }
-
-// &-footer {
-// border-top: @border-width-base @border-style-base @border-color-split;
-// }
-// }
-
-// &-operation {
-// display: flex;
-// flex: none;
-// flex-direction: column;
-// align-self: center;
-// margin: 0 8px;
-// vertical-align: middle;
-
-// .@{ant-prefix}-btn {
-// display: block;
-
-// &:first-child {
-// margin-bottom: 4px;
-// }
-
-// .@{iconfont-css-prefix} {
-// font-size: 12px;
-// }
-// }
-// }
-
-// .@{ant-prefix}-empty-image {
-// max-height: (@transfer-header-height / 2) - 22;
-// }
-// }
-
-// @import './rtl';
diff --git a/components/transfer/style/index.tsx b/components/transfer/style/index.tsx
index 981ee7ee39..093b4ca477 100644
--- a/components/transfer/style/index.tsx
+++ b/components/transfer/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle } from '../../theme';
diff --git a/components/transfer/style/rtl.less b/components/transfer/style/rtl.less
deleted file mode 100644
index fce3266c1e..0000000000
--- a/components/transfer/style/rtl.less
+++ /dev/null
@@ -1,71 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-// @import '../../checkbox/style/mixin';
-
-// @transfer-prefix-cls: ~'@{ant-prefix}-transfer';
-
-// .@{transfer-prefix-cls} {
-// &-rtl {
-// direction: rtl;
-// }
-
-// &-list {
-// &-search {
-// .@{transfer-prefix-cls}-rtl & {
-// padding-right: @control-padding-horizontal-sm;
-// padding-left: 24px;
-// }
-
-// &-action {
-// .@{transfer-prefix-cls}-rtl & {
-// right: auto;
-// left: 12px;
-// }
-// }
-// }
-
-// &-header {
-// > *:not(:last-child) {
-// .@{transfer-prefix-cls}-rtl & {
-// margin-right: 0;
-// margin-left: 4px;
-// }
-// }
-
-// .@{transfer-prefix-cls}-rtl & {
-// right: 0;
-// left: auto;
-// }
-
-// &-title {
-// .@{transfer-prefix-cls}-rtl & {
-// text-align: left;
-// }
-// }
-// }
-
-// &-content {
-// &-item {
-// > *:not(:last-child) {
-// .@{transfer-prefix-cls}-rtl & {
-// margin-right: 0;
-// margin-left: 8px;
-// }
-// }
-// }
-// }
-
-// &-pagination {
-// .@{transfer-prefix-cls}-rtl & {
-// text-align: left;
-// }
-// }
-
-// &-footer {
-// .@{transfer-prefix-cls}-rtl & {
-// right: 0;
-// left: auto;
-// }
-// }
-// }
-// }
diff --git a/components/transfer/style/status.less b/components/transfer/style/status.less
deleted file mode 100644
index ea5a356656..0000000000
--- a/components/transfer/style/status.less
+++ /dev/null
@@ -1,31 +0,0 @@
-// @import '../../input/style/mixin';
-
-// @transfer-prefix-cls: ~'@{ant-prefix}-transfer';
-
-// .transfer-status-color(@color) {
-// .@{transfer-prefix-cls}-list {
-// border-color: @color;
-
-// &-search:not([disabled]) {
-// border-color: @input-border-color;
-
-// &:hover {
-// .hover();
-// }
-
-// &:focus {
-// .active();
-// }
-// }
-// }
-// }
-
-// .@{transfer-prefix-cls} {
-// &-status-error {
-// .transfer-status-color(@error-color);
-// }
-
-// &-status-warning {
-// .transfer-status-color(@warning-color);
-// }
-// }
diff --git a/components/tree-select/style/index.less b/components/tree-select/style/index.less
deleted file mode 100644
index 7c42c2abed..0000000000
--- a/components/tree-select/style/index.less
+++ /dev/null
@@ -1,57 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-// @import '../../tree/style/mixin';
-// @import '../../checkbox/style/mixin';
-
-// @tree-select-prefix-cls: ~'@{ant-prefix}-tree-select';
-// @select-tree-prefix-cls: ~'@{ant-prefix}-select-tree';
-
-// .antCheckboxFn(@checkbox-prefix-cls: ~'@{select-tree-prefix-cls}-checkbox');
-
-// .@{tree-select-prefix-cls} {
-// // ======================= Dropdown =======================
-// &-dropdown {
-// padding: @padding-xs (@padding-xs / 2);
-
-// &-rtl {
-// direction: rtl;
-// }
-// // ======================== Tree ========================
-// .@{select-tree-prefix-cls} {
-// border-radius: 0;
-
-// &-list-holder-inner {
-// align-items: stretch;
-
-// .@{select-tree-prefix-cls}-treenode {
-// .@{select-tree-prefix-cls}-node-content-wrapper {
-// flex: auto;
-// }
-// }
-// }
-// }
-// }
-// }
-
-// .@{select-tree-prefix-cls} {
-// .antTreeFn(@select-tree-prefix-cls);
-
-// // change switcher icon rotation in rtl direction
-// & &-switcher {
-// &_close {
-// .@{select-tree-prefix-cls}-switcher-icon {
-// svg {
-// .@{tree-select-prefix-cls}-dropdown-rtl & {
-// transform: rotate(90deg);
-// }
-// }
-// }
-// }
-
-// &-loading-icon {
-// .@{tree-select-prefix-cls}-dropdown-rtl & {
-// transform: scaleY(-1);
-// }
-// }
-// }
-// }
diff --git a/components/tree-select/style/index.tsx b/components/tree-select/style/index.tsx
index 75e2f60b7e..751f587ac7 100644
--- a/components/tree-select/style/index.tsx
+++ b/components/tree-select/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import { getStyle as getCheckboxStyle } from '../../checkbox/style';
import type { AliasToken, FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken } from '../../theme';
diff --git a/components/tree/style/directory.less b/components/tree/style/directory.less
deleted file mode 100644
index 51baf617ce..0000000000
--- a/components/tree/style/directory.less
+++ /dev/null
@@ -1,72 +0,0 @@
-@import '../../style/themes/index';
-
-@tree-prefix-cls: ~'@{ant-prefix}-tree';
-
-.@{tree-prefix-cls}.@{tree-prefix-cls}-directory {
- // ================== TreeNode ==================
- .@{tree-prefix-cls}-treenode {
- position: relative;
-
- // Hover color
- &::before {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 4px;
- left: 0;
- transition: background-color 0.3s;
- content: '';
- pointer-events: none;
- }
-
- &:hover {
- &::before {
- background: @item-hover-bg;
- }
- }
-
- // Elements
- > * {
- z-index: 1;
- }
-
- // >>> Switcher
- .@{tree-prefix-cls}-switcher {
- transition: color 0.3s;
- }
-
- // >>> Title
- .@{tree-prefix-cls}-node-content-wrapper {
- border-radius: 0;
- user-select: none;
-
- &:hover {
- background: transparent;
- }
-
- &.@{tree-prefix-cls}-node-selected {
- color: @tree-directory-selected-color;
- background: transparent;
- }
- }
-
- // ============= Selected =============
- &-selected {
- &:hover::before,
- &::before {
- background: @tree-directory-selected-bg;
- }
-
- // >>> Switcher
- .@{tree-prefix-cls}-switcher {
- color: @tree-directory-selected-color;
- }
-
- // >>> Title
- .@{tree-prefix-cls}-node-content-wrapper {
- color: @tree-directory-selected-color;
- background: transparent;
- }
- }
- }
-}
diff --git a/components/tree/style/index.less b/components/tree/style/index.less
deleted file mode 100644
index 0c9454d224..0000000000
--- a/components/tree/style/index.less
+++ /dev/null
@@ -1,16 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-// @import '../../checkbox/style/mixin';
-// @import './mixin';
-// @import './directory';
-
-// @tree-prefix-cls: ~'@{ant-prefix}-tree';
-// @tree-node-prefix-cls: ~'@{tree-prefix-cls}-treenode';
-
-// .antCheckboxFn(@checkbox-prefix-cls: ~'@{ant-prefix}-tree-checkbox');
-
-// .@{tree-prefix-cls} {
-// .antTreeFn(@tree-prefix-cls);
-// }
-
-// @import './rtl';
diff --git a/components/tree/style/mixin.less b/components/tree/style/mixin.less
deleted file mode 100644
index 3a502753cd..0000000000
--- a/components/tree/style/mixin.less
+++ /dev/null
@@ -1,322 +0,0 @@
-@import '../../style/mixins/index';
-
-@tree-prefix-cls: ~'@{ant-prefix}-tree';
-@select-tree-prefix-cls: ~'@{ant-prefix}-select-tree';
-@tree-motion: ~'@{ant-prefix}-motion-collapse';
-@tree-node-padding: (@padding-xs / 2);
-@tree-node-hightlight-color: inherit;
-
-.antTreeSwitcherIcon(@type: 'tree-default-open-icon') {
- .@{tree-prefix-cls}-switcher-icon,
- .@{select-tree-prefix-cls}-switcher-icon {
- display: inline-block;
- font-size: 10px;
- vertical-align: baseline;
-
- svg {
- transition: transform 0.3s;
- }
- }
-}
-
-.drop-indicator() {
- .@{tree-prefix-cls}-drop-indicator {
- position: absolute;
- // it should displayed over the following node
- z-index: 1;
- height: 2px;
- background-color: @primary-color;
- border-radius: 1px;
- pointer-events: none;
-
- &::after {
- position: absolute;
- top: -3px;
- left: -6px;
- width: 8px;
- height: 8px;
- background-color: transparent;
- border: 2px solid @primary-color;
- border-radius: 50%;
- content: '';
- }
- }
-}
-
-.antTreeFn(@custom-tree-prefix-cls) {
- @custom-tree-node-prefix-cls: ~'@{custom-tree-prefix-cls}-treenode';
- .reset-component();
- background: @tree-bg;
- border-radius: @border-radius-base;
- transition: background-color 0.3s;
-
- &-focused:not(:hover):not(&-active-focused) {
- background: @primary-1;
- }
-
- // =================== Virtual List ===================
- &-list-holder-inner {
- align-items: flex-start;
- }
-
- &.@{custom-tree-prefix-cls}-block-node {
- .@{custom-tree-prefix-cls}-list-holder-inner {
- align-items: stretch;
-
- // >>> Title
- .@{custom-tree-prefix-cls}-node-content-wrapper {
- flex: auto;
- }
-
- // >>> Drag
- .@{custom-tree-node-prefix-cls}.dragging {
- position: relative;
-
- &::after {
- position: absolute;
- top: 0;
- right: 0;
- bottom: @tree-node-padding;
- left: 0;
- border: 1px solid @primary-color;
- opacity: 0;
- animation: ant-tree-node-fx-do-not-use 0.3s;
- animation-play-state: running;
- animation-fill-mode: forwards;
- content: '';
- pointer-events: none;
- }
- }
- }
- }
-
- // ===================== TreeNode =====================
- .@{custom-tree-node-prefix-cls} {
- display: flex;
- align-items: flex-start;
- padding: 0 0 @tree-node-padding 0;
- outline: none;
- // Disabled
- &-disabled {
- // >>> Title
- .@{custom-tree-prefix-cls}-node-content-wrapper {
- color: @disabled-color;
- cursor: not-allowed;
-
- &:hover {
- background: transparent;
- }
- }
- }
-
- &-active .@{custom-tree-prefix-cls}-node-content-wrapper {
- background: @tree-node-hover-bg;
- }
-
- &:not(&-disabled).filter-node .@{custom-tree-prefix-cls}-title {
- color: @tree-node-hightlight-color;
- font-weight: 500;
- }
- }
-
- // >>> Indent
- &-indent {
- align-self: stretch;
- white-space: nowrap;
- user-select: none;
-
- &-unit {
- display: inline-block;
- width: @tree-title-height;
- }
- }
-
- // >>> Drag Handler
- &-draggable-icon {
- width: @tree-title-height;
- line-height: @tree-title-height;
- text-align: center;
- opacity: 0.2;
- transition: opacity @animation-duration-slow;
-
- .@{custom-tree-node-prefix-cls}:hover & {
- opacity: 0.45;
- }
- }
-
- // >>> Switcher
- &-switcher {
- .antTreeSwitcherIcon();
- position: relative;
- flex: none;
- align-self: stretch;
- width: @tree-title-height;
- margin: 0;
- line-height: @tree-title-height;
- text-align: center;
- cursor: pointer;
- user-select: none;
-
- &-noop {
- cursor: default;
- }
-
- &_close {
- .@{custom-tree-prefix-cls}-switcher-icon {
- svg {
- transform: rotate(-90deg);
- }
- }
- }
-
- &-loading-icon {
- color: @primary-color;
- }
-
- &-leaf-line {
- position: relative;
- z-index: 1;
- display: inline-block;
- width: 100%;
- height: 100%;
- // https://github.com/ant-design/ant-design/issues/31884
- &::before {
- position: absolute;
- top: 0;
- right: 12px;
- bottom: -@tree-node-padding;
- margin-left: -1px;
- border-right: 1px solid @normal-color;
- content: ' ';
- }
-
- &::after {
- position: absolute;
- width: @tree-title-height - 14px;
- height: @tree-title-height - 10px;
- border-bottom: 1px solid @normal-color;
- content: ' ';
- }
- }
- }
-
- // >>> Checkbox
- &-checkbox {
- top: initial;
- margin: ((@tree-title-height - @checkbox-size) / 2) 8px 0 0;
- }
-
- // >>> Title
- & &-node-content-wrapper {
- position: relative;
- z-index: auto;
- min-height: @tree-title-height;
- margin: 0;
- padding: 0 4px;
- color: inherit;
- line-height: @tree-title-height;
- background: transparent;
- border-radius: @border-radius-base;
- cursor: pointer;
- transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
-
- &:hover {
- background-color: @tree-node-hover-bg;
- }
-
- &.@{custom-tree-prefix-cls}-node-selected {
- background-color: @tree-node-selected-bg;
- }
-
- // Icon
- .@{custom-tree-prefix-cls}-iconEle {
- display: inline-block;
- width: @tree-title-height;
- height: @tree-title-height;
- line-height: @tree-title-height;
- text-align: center;
- vertical-align: top;
-
- &:empty {
- display: none;
- }
- }
- }
-
- // https://github.com/ant-design/ant-design/issues/28217
- &-unselectable &-node-content-wrapper:hover {
- background-color: transparent;
- }
-
- // ==================== Draggable =====================
- &-node-content-wrapper {
- line-height: @tree-title-height;
- user-select: none;
-
- .drop-indicator();
- }
-
- .@{custom-tree-node-prefix-cls}.drop-container {
- > [draggable] {
- box-shadow: 0 0 0 2px @primary-color;
- }
- }
-
- // ==================== Show Line =====================
- &-show-line {
- // ================ Indent lines ================
- .@{custom-tree-prefix-cls}-indent {
- &-unit {
- position: relative;
- height: 100%;
-
- &::before {
- position: absolute;
- top: 0;
- right: (@tree-title-height / 2);
- bottom: -@tree-node-padding;
- border-right: 1px solid @border-color-base;
- content: '';
- }
-
- &-end {
- &::before {
- display: none;
- }
- }
- }
- }
-
- // ============== Cover Background ==============
- .@{custom-tree-prefix-cls}-switcher {
- background: @component-background;
-
- &-line-icon {
- // https://github.com/ant-design/ant-design/issues/32813
- vertical-align: -0.15em;
- }
- }
- }
-
- .@{custom-tree-node-prefix-cls}-leaf-last {
- .@{custom-tree-prefix-cls}-switcher {
- &-leaf-line {
- &::before {
- top: auto !important;
- bottom: auto !important;
- height: @tree-title-height - 10px !important;
- }
- }
- }
- }
-}
-
-@keyframes ant-tree-node-fx-do-not-use {
- 0% {
- opacity: 0;
- }
-
- 100% {
- opacity: 1;
- }
-}
diff --git a/components/tree/style/rtl.less b/components/tree/style/rtl.less
deleted file mode 100644
index 7604ef60eb..0000000000
--- a/components/tree/style/rtl.less
+++ /dev/null
@@ -1,72 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-@import '../../checkbox/style/mixin';
-
-@tree-prefix-cls: ~'@{ant-prefix}-tree';
-@select-tree-prefix-cls: ~'@{ant-prefix}-select-tree';
-@tree-node-prefix-cls: ~'@{tree-prefix-cls}-treenode';
-
-.@{tree-prefix-cls} {
- &-rtl {
- direction: rtl;
- .@{tree-prefix-cls}-node-content-wrapper[draggable='true'] {
- .@{tree-prefix-cls}-drop-indicator {
- &::after {
- right: -6px;
- left: unset;
- }
- }
- }
- }
-
- // ===================== TreeNode =====================
- .@{tree-node-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
- }
-
- // >>> Switcher
- &-switcher {
- &_close {
- .@{tree-prefix-cls}-switcher-icon {
- svg {
- .@{tree-prefix-cls}-rtl & {
- transform: rotate(90deg);
- }
- }
- }
- }
- }
- // ==================== Show Line =====================
- &-show-line {
- // ================ Indent lines ================
- .@{tree-prefix-cls}-indent {
- &-unit {
- &::before {
- .@{tree-prefix-cls}-rtl& {
- right: auto;
- left: -(@tree-title-height / 2) - 1px;
- border-right: none;
- border-left: 1px solid @border-color-base;
- }
- }
- }
- }
- }
- // >>> Checkbox
- &-checkbox {
- .@{tree-prefix-cls}-rtl & {
- margin: ((@tree-title-height - @checkbox-size) / 2) 0 0 8px;
- }
- }
-}
-
-.@{select-tree-prefix-cls} {
- // >>> Checkbox
- &-checkbox {
- .@{tree-prefix-cls}-select-dropdown-rtl & {
- margin: ((@tree-title-height - @checkbox-size) / 2) 0 0 8px;
- }
- }
-}
diff --git a/components/typography/style/index.less b/components/typography/style/index.less
deleted file mode 100644
index bd49a52409..0000000000
--- a/components/typography/style/index.less
+++ /dev/null
@@ -1,314 +0,0 @@
-//@import '../../style/themes/index';
-//@import '../../style/mixins/index';
-//
-//@typography-prefix-cls: ~'@{ant-prefix}-typography';
-//
-//// =============== Basic ===============
-//.@{typography-prefix-cls} {
-// color: @text-color;
-// overflow-wrap: break-word;
-//
-// &&-secondary {
-// color: @text-color-secondary;
-// }
-//
-// &&-success {
-// color: @success-color;
-// }
-//
-// &&-warning {
-// color: @warning-color;
-// }
-//
-// &&-danger {
-// color: @error-color;
-//
-// a&:active,
-// a&:focus {
-// color: @error-color-active;
-// }
-//
-// a&:hover {
-// color: @error-color-hover;
-// }
-// }
-//
-// &&-disabled {
-// color: @disabled-color;
-// cursor: not-allowed;
-// user-select: none;
-// }
-//
-// // Tag
-// div&,
-// p {
-// .typography-paragraph();
-// }
-//
-// h1&,
-// div&-h1,
-// div&-h1 > textarea,
-// h1 {
-// .typography-title-1();
-// }
-//
-// h2&,
-// div&-h2,
-// div&-h2 > textarea,
-// h2 {
-// .typography-title-2();
-// }
-//
-// h3&,
-// div&-h3,
-// div&-h3 > textarea,
-// h3 {
-// .typography-title-3();
-// }
-//
-// h4&,
-// div&-h4,
-// div&-h4 > textarea,
-// h4 {
-// .typography-title-4();
-// }
-//
-// h5&,
-// div&-h5,
-// div&-h5 > textarea,
-// h5 {
-// .typography-title-5();
-// }
-//
-// h1&,
-// h2&,
-// h3&,
-// h4&,
-// h5& {
-// .@{typography-prefix-cls} + & {
-// margin-top: @typography-title-margin-top;
-// }
-// }
-//
-// div,
-// ul,
-// li,
-// p,
-// h1,
-// h2,
-// h3,
-// h4,
-// h5 {
-// + h1,
-// + h2,
-// + h3,
-// + h4,
-// + h5 {
-// margin-top: @typography-title-margin-top;
-// }
-// }
-//
-// a&-ellipsis,
-// span&-ellipsis {
-// display: inline-block;
-// max-width: 100%;
-// }
-//
-// a&,
-// a {
-// .operation-unit();
-// text-decoration: @link-decoration;
-//
-// &:active,
-// &:hover {
-// text-decoration: @link-hover-decoration;
-// }
-//
-// &[disabled],
-// &.@{typography-prefix-cls}-disabled {
-// color: @disabled-color;
-// cursor: not-allowed;
-//
-// &:active,
-// &:hover {
-// color: @disabled-color;
-// }
-//
-// &:active {
-// pointer-events: none;
-// }
-// }
-// }
-//
-// code {
-// margin: 0 0.2em;
-// padding: 0.2em 0.4em 0.1em;
-// font-size: 85%;
-// background: rgba(150, 150, 150, 0.1);
-// border: 1px solid rgba(100, 100, 100, 0.2);
-// border-radius: 3px;
-// }
-//
-// kbd {
-// margin: 0 0.2em;
-// padding: 0.15em 0.4em 0.1em;
-// font-size: 90%;
-// background: rgba(150, 150, 150, 0.06);
-// border: 1px solid rgba(100, 100, 100, 0.2);
-// border-bottom-width: 2px;
-// border-radius: 3px;
-// }
-//
-// mark {
-// padding: 0;
-// background-color: @gold-3;
-// }
-//
-// u,
-// ins {
-// text-decoration: underline;
-// text-decoration-skip-ink: auto;
-// }
-//
-// s,
-// del {
-// text-decoration: line-through;
-// }
-//
-// strong {
-// font-weight: 600;
-// }
-//
-// // Operation
-// &-expand,
-// &-edit,
-// &-copy {
-// .operation-unit();
-//
-// margin-left: 4px;
-// }
-//
-// &-copy-success {
-// &,
-// &:hover,
-// &:focus {
-// color: @success-color;
-// }
-// }
-//
-// // Text input area
-// &-edit-content {
-// position: relative;
-//
-// div& {
-// left: -@input-padding-horizontal - 1px;
-// margin-top: -@input-padding-vertical-base - 1px;
-// margin-bottom: calc(1em - @input-padding-vertical-base - 1px);
-// }
-//
-// &-confirm {
-// position: absolute;
-// right: 10px;
-// bottom: 8px;
-// color: @text-color-secondary;
-// // default style
-// font-weight: normal;
-// font-size: @font-size-base;
-// font-style: normal;
-// pointer-events: none;
-// }
-//
-// // Fix Editable Textarea flash in Firefox
-// textarea {
-// // https://stackoverflow.com/a/7695964/3040605
-// height: 1em;
-// margin: 0 !important;
-// /* stylelint-disable-next-line property-no-vendor-prefix */
-// -moz-transition: none;
-// }
-// }
-//
-// // list
-// ul,
-// ol {
-// margin: 0 0 1em;
-// padding: 0;
-//
-// li {
-// margin: 0 0 0 20px;
-// padding: 0 0 0 4px;
-// }
-// }
-//
-// ul {
-// list-style-type: circle;
-//
-// ul {
-// list-style-type: disc;
-// }
-// }
-//
-// ol {
-// list-style-type: decimal;
-// }
-//
-// // pre & block
-// pre,
-// blockquote {
-// margin: 1em 0;
-// }
-//
-// pre {
-// padding: 0.4em 0.6em;
-// white-space: pre-wrap;
-// word-wrap: break-word;
-// background: rgba(150, 150, 150, 0.1);
-// border: 1px solid rgba(100, 100, 100, 0.2);
-// border-radius: 3px;
-//
-// // Compatible for marked
-// code {
-// display: inline;
-// margin: 0;
-// padding: 0;
-// font-size: inherit;
-// font-family: inherit;
-// background: transparent;
-// border: 0;
-// }
-// }
-//
-// blockquote {
-// padding: 0 0 0 0.6em;
-// border-left: 4px solid rgba(100, 100, 100, 0.2);
-// opacity: 0.85;
-// }
-//
-// // ============ Ellipsis ============
-// &-single-line {
-// white-space: nowrap;
-// }
-//
-// &-ellipsis-single-line {
-// overflow: hidden;
-// text-overflow: ellipsis;
-//
-// // https://blog.csdn.net/iefreer/article/details/50421025
-// a&,
-// span& {
-// vertical-align: bottom;
-// }
-// }
-//
-// &-ellipsis-multiple-line {
-// /* stylelint-disable-next-line value-no-vendor-prefix */
-// display: -webkit-box;
-// overflow: hidden;
-// -webkit-line-clamp: 3;
-//
-// /*! autoprefixer: ignore next */
-// -webkit-box-orient: vertical;
-// }
-//}
-//
-//@import './rtl';
diff --git a/components/typography/style/index.tsx b/components/typography/style/index.tsx
index c7fa69a038..b4d706fb4e 100644
--- a/components/typography/style/index.tsx
+++ b/components/typography/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, operationUnit } from '../../theme';
import {
diff --git a/components/typography/style/rtl.less b/components/typography/style/rtl.less
deleted file mode 100644
index 70ec260735..0000000000
--- a/components/typography/style/rtl.less
+++ /dev/null
@@ -1,54 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @typography-prefix-cls: ~'@{ant-prefix}-typography';
-
-// .@{typography-prefix-cls} {
-// &-rtl {
-// direction: rtl;
-// }
-
-// // Operation
-// &-expand,
-// &-edit,
-// &-copy {
-// .@{typography-prefix-cls}-rtl & {
-// margin-right: 4px;
-// margin-left: 0;
-// }
-// }
-
-// &-expand {
-// .@{typography-prefix-cls}-rtl & {
-// float: left;
-// }
-// }
-
-// // Text input area
-// &-edit-content {
-// div& {
-// &.@{typography-prefix-cls}-rtl {
-// right: -@input-padding-horizontal - 1px;
-// left: auto;
-// }
-// }
-
-// &-confirm {
-// .@{typography-prefix-cls}-rtl & {
-// right: auto;
-// left: 10px;
-// }
-// }
-// }
-
-// // list
-// ul,
-// ol {
-// li {
-// .@{typography-prefix-cls}-rtl& {
-// margin: 0 20px 0 0;
-// padding: 0 4px 0 0;
-// }
-// }
-// }
-// }
diff --git a/components/upload/style/index.less b/components/upload/style/index.less
deleted file mode 100644
index ba35be32a4..0000000000
--- a/components/upload/style/index.less
+++ /dev/null
@@ -1,563 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @upload-prefix-cls: ~'@{ant-prefix}-upload';
-// @upload-item: ~'@{ant-prefix}-upload-list-item';
-// @upload-picture-card-size: 104px;
-// @upload-picture-card-border-style: @border-style-base;
-
-// .@{upload-prefix-cls} {
-// .reset-component();
-
-// outline: 0;
-
-// p {
-// margin: 0;
-// }
-
-// &-btn {
-// display: block;
-// width: 100%;
-// outline: none;
-// }
-
-// input[type='file'] {
-// cursor: pointer;
-// }
-
-// &&-select {
-// display: inline-block;
-// }
-
-// &&-disabled {
-// cursor: not-allowed;
-// }
-
-// &&-select-picture-card {
-// width: @upload-picture-card-size;
-// height: @upload-picture-card-size;
-// margin-right: 8px;
-// margin-bottom: 8px;
-// text-align: center;
-// vertical-align: top;
-// background-color: @background-color-light;
-// border: @border-width-base dashed @border-color-base;
-// border-radius: @border-radius-base;
-// cursor: pointer;
-// transition: border-color 0.3s;
-
-// > .@{upload-prefix-cls} {
-// display: flex;
-// align-items: center;
-// justify-content: center;
-// height: 100%;
-// text-align: center;
-// }
-
-// &:hover {
-// border-color: @primary-color;
-// .@{upload-prefix-cls}-disabled& {
-// border-color: @border-color-base;
-// }
-// }
-// }
-
-// &&-drag {
-// position: relative;
-// width: 100%;
-// height: 100%;
-// text-align: center;
-// background: @background-color-light;
-// border: @border-width-base dashed @border-color-base;
-// border-radius: @border-radius-base;
-// cursor: pointer;
-// transition: border-color 0.3s;
-
-// .@{upload-prefix-cls} {
-// padding: @padding-md 0;
-// }
-
-// &.@{upload-prefix-cls}-drag-hover:not(.@{upload-prefix-cls}-disabled) {
-// border-color: @primary-7;
-// }
-
-// &.@{upload-prefix-cls}-disabled {
-// cursor: not-allowed;
-// }
-
-// .@{upload-prefix-cls}-btn {
-// display: table;
-// height: 100%;
-// }
-
-// .@{upload-prefix-cls}-drag-container {
-// display: table-cell;
-// vertical-align: middle;
-// }
-
-// &:not(.@{upload-prefix-cls}-disabled):hover {
-// border-color: @primary-5;
-// }
-
-// p.@{upload-prefix-cls}-drag-icon {
-// .@{iconfont-css-prefix} {
-// color: @primary-5;
-// font-size: 48px;
-// }
-
-// margin-bottom: 20px;
-// }
-// p.@{upload-prefix-cls}-text {
-// margin: 0 0 4px;
-// color: @heading-color;
-// font-size: @font-size-lg;
-// }
-// p.@{upload-prefix-cls}-hint {
-// color: @text-color-secondary;
-// font-size: @font-size-base;
-// }
-
-// .@{iconfont-css-prefix}-plus {
-// color: @disabled-color;
-// font-size: 30px;
-// transition: all 0.3s;
-
-// &:hover {
-// color: @text-color-secondary;
-// }
-// }
-// &:hover .@{iconfont-css-prefix}-plus {
-// color: @text-color-secondary;
-// }
-// }
-
-// &-picture-card-wrapper {
-// .clearfix();
-
-// display: inline-block;
-// width: 100%;
-// }
-// }
-
-// .@{upload-prefix-cls}-list {
-// .reset-component();
-// .clearfix();
-// line-height: @line-height-base;
-
-// // ============================ Item ============================
-// &-item {
-// position: relative;
-// height: @line-height-base * @font-size-base;
-// margin-top: @margin-xs;
-// font-size: @font-size-base;
-
-// &-name {
-// display: inline-block;
-// width: 100%;
-// padding-left: @font-size-base + 8px;
-// overflow: hidden;
-// line-height: @line-height-base;
-// white-space: nowrap;
-// text-overflow: ellipsis;
-// }
-
-// &-card-actions {
-// position: absolute;
-// right: 0;
-
-// &-btn {
-// opacity: 0;
-// }
-
-// &-btn.@{ant-prefix}-btn-sm {
-// height: @line-height-base * @font-size-base;
-// line-height: 1;
-// vertical-align: top;
-// }
-
-// &.picture {
-// top: 22px;
-// line-height: 0;
-// }
-
-// &-btn:focus,
-// &.picture &-btn {
-// opacity: 1;
-// }
-
-// .@{iconfont-css-prefix} {
-// color: @upload-actions-color;
-// transition: all 0.3s;
-// }
-
-// &:hover .@{iconfont-css-prefix} {
-// color: @text-color;
-// }
-// }
-
-// &-info {
-// height: 100%;
-// transition: background-color 0.3s;
-
-// > span {
-// display: block;
-// width: 100%;
-// height: 100%;
-// }
-
-// .@{iconfont-css-prefix}-loading,
-// .@{upload-prefix-cls}-text-icon {
-// .@{iconfont-css-prefix} {
-// position: absolute;
-// top: (@font-size-base / 2) - 2px;
-// color: @text-color-secondary;
-// font-size: @font-size-base;
-// }
-// }
-// }
-
-// &:hover &-info {
-// background-color: @item-hover-bg;
-// }
-
-// &:hover &-card-actions-btn {
-// opacity: 1;
-// }
-
-// &-error,
-// &-error .@{upload-prefix-cls}-text-icon > .@{iconfont-css-prefix},
-// &-error &-name {
-// color: @error-color;
-// }
-
-// &-error &-card-actions {
-// .@{iconfont-css-prefix} {
-// color: @error-color;
-// }
-
-// &-btn {
-// opacity: 1;
-// }
-// }
-
-// &-progress {
-// position: absolute;
-// bottom: -12px;
-// width: 100%;
-// padding-left: @font-size-base + 12px;
-// font-size: @font-size-base;
-// line-height: 0;
-// }
-// }
-
-// // =================== Picture & Picture Card ===================
-// &-picture,
-// &-picture-card {
-// .@{upload-item} {
-// position: relative;
-// height: 66px;
-// padding: @padding-xs;
-// border: @border-width-base @upload-picture-card-border-style @border-color-base;
-// border-radius: @border-radius-base;
-
-// &:hover {
-// background: transparent;
-// }
-
-// &-error {
-// border-color: @error-color;
-// }
-// }
-
-// .@{upload-item}-info {
-// padding: 0;
-// }
-
-// .@{upload-item}:hover .@{upload-item}-info {
-// background: transparent;
-// }
-
-// .@{upload-item}-uploading {
-// border-style: dashed;
-// }
-
-// .@{upload-item}-thumbnail {
-// width: 48px;
-// height: 48px;
-// line-height: 60px;
-// text-align: center;
-// opacity: 0.8;
-
-// .@{iconfont-css-prefix} {
-// font-size: 26px;
-// }
-// }
-
-// // Adjust the color of the error icon : https://github.com/ant-design/ant-design/pull/24160
-// .@{upload-item}-error .@{upload-item}-thumbnail {
-// .@{iconfont-css-prefix} {
-// svg path {
-// &[fill='#e6f7ff'] {
-// fill: @error-color-deprecated-bg;
-// }
-
-// &[fill='#1890ff'] {
-// fill: @error-color;
-// }
-// }
-// }
-// }
-
-// .@{upload-item}-icon {
-// position: absolute;
-// top: 50%;
-// left: 50%;
-// font-size: 26px;
-// transform: translate(-50%, -50%);
-
-// .@{iconfont-css-prefix} {
-// font-size: 26px;
-// }
-// }
-
-// .@{upload-item}-image {
-// max-width: 100%;
-// }
-
-// .@{upload-item}-thumbnail img {
-// display: block;
-// width: 48px;
-// height: 48px;
-// overflow: hidden;
-// }
-
-// .@{upload-item}-name {
-// display: inline-block;
-// box-sizing: border-box;
-// max-width: 100%;
-// margin: 0 0 0 8px;
-// padding-right: 8px;
-// padding-left: 48px;
-// overflow: hidden;
-// line-height: 44px;
-// white-space: nowrap;
-// text-overflow: ellipsis;
-// transition: all 0.3s;
-// }
-
-// .@{upload-item}-uploading .@{upload-item}-name {
-// margin-bottom: 12px;
-// }
-
-// .@{upload-item}-progress {
-// bottom: 14px;
-// width: ~'calc(100% - 24px)';
-// margin-top: 0;
-// padding-left: 56px;
-// }
-// }
-
-// // ======================== Picture Card ========================
-// &-picture-card {
-// &-container {
-// display: inline-block;
-// width: @upload-picture-card-size;
-// height: @upload-picture-card-size;
-// margin: 0 @margin-xs @margin-xs 0;
-// vertical-align: top;
-// }
-
-// .@{upload-item} {
-// height: 100%;
-// margin: 0;
-// }
-
-// .@{upload-item}-info {
-// position: relative;
-// height: 100%;
-// overflow: hidden;
-
-// &::before {
-// position: absolute;
-// z-index: 1;
-// width: 100%;
-// height: 100%;
-// background-color: fade(@black, 50%);
-// opacity: 0;
-// transition: all 0.3s;
-// content: ' ';
-// }
-// }
-
-// .@{upload-item}:hover .@{upload-item}-info::before {
-// opacity: 1;
-// }
-
-// .@{upload-item}-actions {
-// position: absolute;
-// top: 50%;
-// left: 50%;
-// z-index: 10;
-// white-space: nowrap;
-// transform: translate(-50%, -50%);
-// opacity: 0;
-// transition: all 0.3s;
-
-// .@{iconfont-css-prefix}-eye,
-// .@{iconfont-css-prefix}-download,
-// .@{iconfont-css-prefix}-delete {
-// z-index: 10;
-// width: 16px;
-// margin: 0 4px;
-// color: @text-color-dark;
-// font-size: 16px;
-// cursor: pointer;
-// transition: all 0.3s;
-
-// &:hover {
-// color: @text-color-inverse;
-// }
-// }
-// }
-
-// .@{upload-item}-info:hover + .@{upload-item}-actions,
-// .@{upload-item}-actions:hover {
-// opacity: 1;
-// }
-
-// .@{upload-item}-thumbnail,
-// .@{upload-item}-thumbnail img {
-// position: static;
-// display: block;
-// width: 100%;
-// height: 100%;
-// object-fit: contain;
-// }
-
-// .@{upload-item}-name {
-// display: none;
-// margin: 8px 0 0;
-// padding: 0;
-// line-height: @line-height-base;
-// text-align: center;
-// }
-
-// .@{upload-item}-file + .@{upload-item}-name {
-// position: absolute;
-// bottom: 10px;
-// display: block;
-// }
-
-// .@{upload-item}-uploading {
-// &.@{upload-item} {
-// background-color: @background-color-light;
-// }
-
-// .@{upload-item}-info {
-// height: auto;
-
-// &::before,
-// .@{iconfont-css-prefix}-eye,
-// .@{iconfont-css-prefix}-delete {
-// display: none;
-// }
-// }
-// }
-
-// .@{upload-item}-progress {
-// bottom: 32px;
-// width: calc(100% - 14px);
-// padding-left: 0;
-// }
-// }
-
-// // ======================= Picture & Text =======================
-// &-text,
-// &-picture {
-// &-container {
-// transition: opacity @animation-duration-slow, height @animation-duration-slow;
-
-// &::before {
-// display: table;
-// width: 0;
-// height: 0;
-// content: '';
-// }
-
-// // Don't know why span here, just stretch it
-// .@{upload-prefix-cls}-span {
-// display: block;
-// flex: auto;
-// }
-// }
-
-// // text & picture no need this additional element.
-// // But it used for picture-card, let's keep it.
-// .@{upload-prefix-cls}-span {
-// display: flex;
-// align-items: center;
-
-// > * {
-// flex: none;
-// }
-// }
-
-// .@{upload-item}-name {
-// flex: auto;
-// margin: 0;
-// padding: 0 @padding-xs;
-// }
-
-// .@{upload-item}-card-actions {
-// position: static;
-// }
-// }
-
-// // ============================ Text ============================
-// &-text {
-// .@{upload-prefix-cls}-text-icon {
-// .@{iconfont-css-prefix} {
-// position: static;
-// }
-// }
-// }
-
-// // =========================== Motion ===========================
-// .@{upload-prefix-cls}-animate-inline-appear,
-// .@{upload-prefix-cls}-animate-inline-enter,
-// .@{upload-prefix-cls}-animate-inline-leave {
-// animation-duration: @animation-duration-slow;
-// animation-timing-function: @ease-in-out-circ;
-// }
-
-// .@{upload-prefix-cls}-animate-inline-appear,
-// .@{upload-prefix-cls}-animate-inline-enter {
-// animation-name: uploadAnimateInlineIn;
-// }
-
-// .@{upload-prefix-cls}-animate-inline-leave {
-// animation-name: uploadAnimateInlineOut;
-// }
-// }
-
-// @keyframes uploadAnimateInlineIn {
-// from {
-// width: 0;
-// height: 0;
-// margin: 0;
-// padding: 0;
-// opacity: 0;
-// }
-// }
-
-// @keyframes uploadAnimateInlineOut {
-// to {
-// width: 0;
-// height: 0;
-// margin: 0;
-// padding: 0;
-// opacity: 0;
-// }
-// }
-
-// @import './rtl';
diff --git a/components/upload/style/index.tsx b/components/upload/style/index.tsx
index b997a5a709..1a6813c2e8 100644
--- a/components/upload/style/index.tsx
+++ b/components/upload/style/index.tsx
@@ -1,4 +1,3 @@
-// deps-lint-skip-all
import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken, resetComponent } from '../../theme';
import genDraggerStyle from './dragger';
diff --git a/components/upload/style/rtl.less b/components/upload/style/rtl.less
deleted file mode 100644
index 14ccf81b18..0000000000
--- a/components/upload/style/rtl.less
+++ /dev/null
@@ -1,165 +0,0 @@
-// @import '../../style/themes/index';
-// @import '../../style/mixins/index';
-
-// @upload-prefix-cls: ~'@{ant-prefix}-upload';
-// @upload-item: ~'@{ant-prefix}-upload-list-item';
-
-// .@{upload-prefix-cls} {
-// &-rtl {
-// direction: rtl;
-// }
-
-// &&-select-picture-card {
-// .@{upload-prefix-cls}-rtl& {
-// margin-right: auto;
-// margin-left: 8px;
-// }
-// }
-// }
-
-// .@{upload-prefix-cls}-list {
-// &-rtl {
-// direction: rtl;
-// }
-
-// &-item-list-type-text {
-// &:hover {
-// .@{upload-prefix-cls}-list-item-name-icon-count-1 {
-// .@{upload-prefix-cls}-list-rtl & {
-// padding-right: 22px;
-// padding-left: 14px;
-// }
-// }
-// .@{upload-prefix-cls}-list-item-name-icon-count-2 {
-// .@{upload-prefix-cls}-list-rtl & {
-// padding-right: 22px;
-// padding-left: 28px;
-// }
-// }
-// }
-// }
-
-// &-item {
-// &-name {
-// .@{upload-prefix-cls}-list-rtl & {
-// padding-right: @font-size-base + 8px;
-// padding-left: 0;
-// }
-// }
-
-// &-name-icon-count-1 {
-// .@{upload-prefix-cls}-list-rtl & {
-// padding-left: 14px;
-// }
-// }
-
-// &-card-actions {
-// .@{upload-prefix-cls}-list-rtl & {
-// right: auto;
-// left: 0;
-// }
-// .@{iconfont-css-prefix} {
-// .@{upload-prefix-cls}-list-rtl & {
-// padding-right: 0;
-// padding-left: 5px;
-// }
-// }
-// }
-
-// &-info {
-// .@{upload-prefix-cls}-list-rtl & {
-// padding: 0 4px 0 12px;
-// }
-// }
-
-// &-error &-card-actions {
-// .@{iconfont-css-prefix} {
-// .@{upload-prefix-cls}-list-rtl & {
-// padding-right: 0;
-// padding-left: 5px;
-// }
-// }
-// }
-
-// &-progress {
-// .@{upload-prefix-cls}-list-rtl & {
-// padding-right: @font-size-base + 12px;
-// padding-left: 0;
-// }
-// }
-// }
-
-// &-picture,
-// &-picture-card {
-// .@{upload-item}-info {
-// padding: 0;
-// }
-
-// .@{upload-item}-thumbnail {
-// .@{upload-prefix-cls}-list-rtl& {
-// right: 8px;
-// left: auto;
-// }
-// }
-
-// .@{upload-item}-icon {
-// .@{upload-prefix-cls}-list-rtl& {
-// right: 50%;
-// left: auto;
-// transform: translate(50%, -50%);
-// }
-// }
-
-// .@{upload-item}-name {
-// .@{upload-prefix-cls}-list-rtl& {
-// margin: 0 8px 0 0;
-// padding-right: 48px;
-// padding-left: 8px;
-// }
-// }
-
-// .@{upload-item}-name-icon-count-1 {
-// .@{upload-prefix-cls}-list-rtl& {
-// padding-right: 48px;
-// padding-left: 18px;
-// }
-// }
-
-// .@{upload-item}-name-icon-count-2 {
-// .@{upload-prefix-cls}-list-rtl& {
-// padding-right: 48px;
-// padding-left: 36px;
-// }
-// }
-
-// .@{upload-item}-progress {
-// .@{upload-prefix-cls}-list-rtl& {
-// padding-right: 0;
-// padding-left: 0;
-// }
-// }
-// }
-
-// &-picture-card {
-// &-container {
-// .@{upload-prefix-cls}-list-rtl & {
-// margin: 0 0 @margin-xs @margin-xs;
-// }
-// }
-
-// .@{upload-item}-actions {
-// .@{upload-prefix-cls}-list-rtl& {
-// right: 50%;
-// left: auto;
-// transform: translate(50%, -50%);
-// }
-// }
-
-// .@{upload-item}-file + .@{upload-item}-name {
-// .@{upload-prefix-cls}-list-rtl& {
-// margin: 8px 0 0;
-// padding: 0;
-// }
-// }
-// }
-// }
diff --git a/components/version/style/index.tsx b/components/version/style/index.tsx
deleted file mode 100644
index 74a2dcee34..0000000000
--- a/components/version/style/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-// empty file prevent babel-plugin-import error
-import '../../style/index.less';
diff --git a/package.json b/package.json
index b7582b7d68..b653d75a01 100644
--- a/package.json
+++ b/package.json
@@ -67,26 +67,21 @@
"dist": "antd-tools run dist",
"dist:esbuild": "ESBUILD=true npm run dist",
"dist:esbuild-no-dup-check": "ESBUILD=true NO_DUP_CHECK=true npm run dist",
- "lint": "npm run tsc && npm run lint:script && npm run lint:demo && npm run lint:style && npm run lint:deps && npm run lint:md",
+ "lint": "npm run tsc && npm run lint:script && npm run lint:demo && npm run lint:md",
"lint-fix": "npm run lint-fix:script && npm run lint-fix:demo && npm run lint-fix:style",
"lint-fix:demo": "npm run lint:demo -- --fix",
"lint-fix:script": "npm run lint:script -- --fix",
- "lint-fix:style": "npm run lint:style -- --fix",
"lint:demo": "eslint components/*/demo/*.md",
"lint:deps": "antd-tools run deps-lint",
"lint:md": "remark . -f -q",
"lint:script": "eslint . --ext .js,.jsx,.ts,.tsx",
- "lint:style": "stylelint '{site,components}/**/*.less'",
"pre-publish": "npm run test-all -- --skip-build",
"prettier": "prettier -c --write **/*",
"pretty-quick": "pretty-quick",
"pub": "npm run version && antd-tools run pub-experimental",
"prepublishOnly": "node scripts/collect-token-statistic.js && antd-tools run guard",
"postpublish": "node ./scripts/post-script.js",
- "site:theme": "npm run site:theme-dark && npm run site:theme-compact",
- "site:theme-dark": "cross-env ESBUILD=1 ANT_THEME=dark bisheng build -c ./site/bisheng.config.js",
- "site:theme-compact": "cross-env ESBUILD=1 ANT_THEME=compact bisheng build -c ./site/bisheng.config.js",
- "site": "npm run site:theme && cross-env NODE_ICU_DATA=node_modules/full-icu ESBUILD=1 bisheng build --ssr -c ./site/bisheng.config.js",
+ "site": "cross-env NODE_ICU_DATA=node_modules/full-icu ESBUILD=1 bisheng build --ssr -c ./site/bisheng.config.js",
"site-tmp": "cross-env NODE_ICU_DATA=node_modules/full-icu ESBUILD=1 bisheng build --ssr -c ./site/bisheng.config.js",
"sort": "npx sort-package-json",
"sort-api": "antd-tools run sort-api-table",
@@ -311,22 +306,6 @@
{
"path": "./dist/antd.min.js",
"maxSize": "370 kB"
- },
- {
- "path": "./dist/antd.min.css",
- "maxSize": "66 kB"
- },
- {
- "path": "./dist/antd.dark.min.css",
- "maxSize": "67 kB"
- },
- {
- "path": "./dist/antd.compact.min.css",
- "maxSize": "66 kB"
- },
- {
- "path": "./dist/antd.variable.min.css",
- "maxSize": "67 kB"
}
],
"tnpm": {
diff --git a/scripts/collect-token-statistic.js b/scripts/collect-token-statistic.js
index 06a13143b0..9957300557 100644
--- a/scripts/collect-token-statistic.js
+++ b/scripts/collect-token-statistic.js
@@ -16,7 +16,7 @@ const EmptyElement = React.createElement('div');
const styleFiles = glob.sync(
path.join(
process.cwd(),
- 'components/!(version|config-provider|icon|locale-provider|auto-complete|col|row|page-header|comment|time-picker|)/style/index.tsx',
+ 'components/!(version|config-provider|icon|locale-provider|auto-complete|col|row|time-picker|)/style/index.tsx',
),
);
diff --git a/site/antd.js b/site/antd.js
index 5fec928619..d831021e6f 100644
--- a/site/antd.js
+++ b/site/antd.js
@@ -24,6 +24,6 @@ req.keys().forEach(mod => {
});
// Need import for the additional core style
-exports.styleCore = require('../components/style/core/index.less');
+exports.styleCore = require('../components/style/reset.css');
module.exports = require('../components');
diff --git a/site/theme/static/index.less b/site/theme/static/index.less
index 2fcc812487..73c890f2b0 100644
--- a/site/theme/static/index.less
+++ b/site/theme/static/index.less
@@ -1,4 +1,4 @@
-@import '../../../components/style/themes/index.less';
+@import '../style/themes/index.less';
@import './reset.less';
@import './common.less';
diff --git a/components/style/color/bezierEasing.less b/site/theme/style/color/bezierEasing.less
similarity index 100%
rename from components/style/color/bezierEasing.less
rename to site/theme/style/color/bezierEasing.less
diff --git a/components/style/color/colorPalette.less b/site/theme/style/color/colorPalette.less
similarity index 98%
rename from components/style/color/colorPalette.less
rename to site/theme/style/color/colorPalette.less
index e662c072a1..9e2e129431 100644
--- a/components/style/color/colorPalette.less
+++ b/site/theme/style/color/colorPalette.less
@@ -1,4 +1,4 @@
-/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
@import "bezierEasing";
@import "tinyColor";
diff --git a/components/style/color/colors.less b/site/theme/style/color/colors.less
similarity index 100%
rename from components/style/color/colors.less
rename to site/theme/style/color/colors.less
diff --git a/components/style/color/tinyColor.less b/site/theme/style/color/tinyColor.less
similarity index 100%
rename from components/style/color/tinyColor.less
rename to site/theme/style/color/tinyColor.less
diff --git a/components/style/compact.less b/site/theme/style/compact.less
similarity index 100%
rename from components/style/compact.less
rename to site/theme/style/compact.less
diff --git a/components/style/core/global.less b/site/theme/style/core/global.less
similarity index 100%
rename from components/style/core/global.less
rename to site/theme/style/core/global.less
diff --git a/components/style/core/iconfont.less b/site/theme/style/core/iconfont.less
similarity index 100%
rename from components/style/core/iconfont.less
rename to site/theme/style/core/iconfont.less
diff --git a/site/theme/style/core/index.less b/site/theme/style/core/index.less
new file mode 100644
index 0000000000..d2be2092da
--- /dev/null
+++ b/site/theme/style/core/index.less
@@ -0,0 +1,3 @@
+@import '../mixins/index';
+@import '../themes/index';
+@import 'global';
diff --git a/components/style/dark.less b/site/theme/style/dark.less
similarity index 100%
rename from components/style/dark.less
rename to site/theme/style/dark.less
diff --git a/components/style/default.less b/site/theme/style/default.less
similarity index 100%
rename from components/style/default.less
rename to site/theme/style/default.less
diff --git a/site/theme/style/index.less b/site/theme/style/index.less
new file mode 100644
index 0000000000..2a2b00d858
--- /dev/null
+++ b/site/theme/style/index.less
@@ -0,0 +1 @@
+@import './core/index';
diff --git a/components/config-provider/style/index.tsx b/site/theme/style/index.tsx
similarity index 100%
rename from components/config-provider/style/index.tsx
rename to site/theme/style/index.tsx
diff --git a/components/style/mixins/box.less b/site/theme/style/mixins/box.less
similarity index 100%
rename from components/style/mixins/box.less
rename to site/theme/style/mixins/box.less
diff --git a/components/style/mixins/clearfix.less b/site/theme/style/mixins/clearfix.less
similarity index 100%
rename from components/style/mixins/clearfix.less
rename to site/theme/style/mixins/clearfix.less
diff --git a/components/style/mixins/compatibility.less b/site/theme/style/mixins/compatibility.less
similarity index 100%
rename from components/style/mixins/compatibility.less
rename to site/theme/style/mixins/compatibility.less
diff --git a/components/style/mixins/index.less b/site/theme/style/mixins/index.less
similarity index 50%
rename from components/style/mixins/index.less
rename to site/theme/style/mixins/index.less
index 1da375ec4c..3f1a0ce71c 100644
--- a/components/style/mixins/index.less
+++ b/site/theme/style/mixins/index.less
@@ -1,14 +1,7 @@
// Mixins
// --------------------------------------------------
@import 'size';
-@import 'compatibility';
@import 'clearfix';
-@import 'iconfont';
-@import 'typography';
-@import 'customize';
@import 'box';
-@import 'modal-mask';
-@import 'motion';
@import 'reset';
@import 'operation-unit';
-@import 'rounded-arrow';
diff --git a/components/style/mixins/modal-mask.less b/site/theme/style/mixins/modal-mask.less
similarity index 100%
rename from components/style/mixins/modal-mask.less
rename to site/theme/style/mixins/modal-mask.less
diff --git a/components/style/mixins/operation-unit.less b/site/theme/style/mixins/operation-unit.less
similarity index 100%
rename from components/style/mixins/operation-unit.less
rename to site/theme/style/mixins/operation-unit.less
diff --git a/components/style/mixins/reset.less b/site/theme/style/mixins/reset.less
similarity index 100%
rename from components/style/mixins/reset.less
rename to site/theme/style/mixins/reset.less
diff --git a/components/style/mixins/rounded-arrow.less b/site/theme/style/mixins/rounded-arrow.less
similarity index 100%
rename from components/style/mixins/rounded-arrow.less
rename to site/theme/style/mixins/rounded-arrow.less
diff --git a/components/style/mixins/size.less b/site/theme/style/mixins/size.less
similarity index 100%
rename from components/style/mixins/size.less
rename to site/theme/style/mixins/size.less
diff --git a/site/theme/style/themes/compact.less b/site/theme/style/themes/compact.less
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/site/theme/style/themes/dark.less b/site/theme/style/themes/dark.less
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/components/style/themes/default.less b/site/theme/style/themes/default.less
similarity index 100%
rename from components/style/themes/default.less
rename to site/theme/style/themes/default.less
diff --git a/components/style/themes/index.less b/site/theme/style/themes/index.less
similarity index 100%
rename from components/style/themes/index.less
rename to site/theme/style/themes/index.less
diff --git a/components/style/themes/variable.less b/site/theme/style/themes/variable.less
similarity index 100%
rename from components/style/themes/variable.less
rename to site/theme/style/themes/variable.less
diff --git a/components/style/variable.less b/site/theme/style/variable.less
similarity index 100%
rename from components/style/variable.less
rename to site/theme/style/variable.less
diff --git a/site/theme/template/Content/ComponentOverview.less b/site/theme/template/Content/ComponentOverview.less
index f234def903..1f22f8b53b 100644
--- a/site/theme/template/Content/ComponentOverview.less
+++ b/site/theme/template/Content/ComponentOverview.less
@@ -1,4 +1,4 @@
-@import (reference) '../../../../components/style/themes/index.less';
+@import '../../style/themes/index.less';
.components-overview {
padding: 0;
diff --git a/site/theme/template/Home/Banner/Background.less b/site/theme/template/Home/Banner/Background.less
index f3471fa934..861138f280 100644
--- a/site/theme/template/Home/Banner/Background.less
+++ b/site/theme/template/Home/Banner/Background.less
@@ -1,4 +1,4 @@
-@import (reference) '../../../../../components/style/themes/index.less';
+@import '../../../style/themes/index.less';
.home-banner-background {
position: absolute;
diff --git a/site/theme/template/Home/Banner/Logo.less b/site/theme/template/Home/Banner/Logo.less
index e49cb55ddb..2ce2837705 100644
--- a/site/theme/template/Home/Banner/Logo.less
+++ b/site/theme/template/Home/Banner/Logo.less
@@ -1,4 +1,4 @@
-@import (reference) '../../../../../components/style/themes/index.less';
+@import (reference) '../../../style/themes/index.less';
.home-card-logo {
position: relative;
diff --git a/site/theme/template/Home/Banner/index.less b/site/theme/template/Home/Banner/index.less
index aa4ec26f7d..5a672e4683 100644
--- a/site/theme/template/Home/Banner/index.less
+++ b/site/theme/template/Home/Banner/index.less
@@ -1,4 +1,4 @@
-@import (reference) '../../../../../components/style/themes/index.less';
+@import (reference) '../../../style/themes/index.less';
@home-color: #0170fe;
diff --git a/site/theme/template/Home/DesignPage/index.less b/site/theme/template/Home/DesignPage/index.less
index 17ed875b00..1da09fe509 100644
--- a/site/theme/template/Home/DesignPage/index.less
+++ b/site/theme/template/Home/DesignPage/index.less
@@ -1,4 +1,4 @@
-@import (reference) '../../../../../components/style/themes/index.less';
+@import (reference) '../../../style/themes/index.less';
.design-card {
position: relative;
diff --git a/site/theme/template/Home/MorePage.less b/site/theme/template/Home/MorePage.less
index 256a36ecd2..df2b94c902 100644
--- a/site/theme/template/Home/MorePage.less
+++ b/site/theme/template/Home/MorePage.less
@@ -1,4 +1,4 @@
-@import (reference) '../../../../components/style/themes/index.less';
+@import (reference) '../../style/themes/index.less';
.more-card {
&:hover {
diff --git a/site/theme/template/Home/RecommendPage.less b/site/theme/template/Home/RecommendPage.less
index 27a3c84d80..61747019aa 100644
--- a/site/theme/template/Home/RecommendPage.less
+++ b/site/theme/template/Home/RecommendPage.less
@@ -1,4 +1,4 @@
-@import (reference) '../../../../components/style/themes/index.less';
+@import (reference) '../../style/themes/index.less';
.linear-gradient(@mid-pos, @end-pos) {
background: linear-gradient(
diff --git a/site/theme/template/Home/index.less b/site/theme/template/Home/index.less
index dd3f8e2584..2dd5e9b6e4 100644
--- a/site/theme/template/Home/index.less
+++ b/site/theme/template/Home/index.less
@@ -1,4 +1,4 @@
-@import (reference) '../../../../components/style/themes/index.less';
+@import (reference) '../../style/themes/index.less';
.home-container {
h1,
diff --git a/site/theme/template/Layout/Header/Github.less b/site/theme/template/Layout/Header/Github.less
index 57bd668723..00cf0e3587 100644
--- a/site/theme/template/Layout/Header/Github.less
+++ b/site/theme/template/Layout/Header/Github.less
@@ -1,5 +1,5 @@
@import '../../../static/theme.less';
-@import (reference) '../../../../../components/style/themes/index.less';
+@import (reference) '../../../style/themes/index.less';
#github-btn {
display: flex;
diff --git a/site/theme/template/Layout/Header/Logo.less b/site/theme/template/Layout/Header/Logo.less
index 0bd0a7c770..8d017e706e 100644
--- a/site/theme/template/Layout/Header/Logo.less
+++ b/site/theme/template/Layout/Header/Logo.less
@@ -1,5 +1,5 @@
@import '../../../static/theme.less';
-@import (reference) '../../../../../components/style/themes/index.less';
+@import (reference) '../../../style/themes/index.less';
@import './index.less';
#logo {
diff --git a/site/theme/template/Layout/Header/Navigation.less b/site/theme/template/Layout/Header/Navigation.less
index 0e47ba4801..03813a160b 100644
--- a/site/theme/template/Layout/Header/Navigation.less
+++ b/site/theme/template/Layout/Header/Navigation.less
@@ -1,5 +1,5 @@
@import '../../../static/theme.less';
-@import (reference) '../../../../../components/style/themes/index.less';
+@import (reference) '../../../style/themes/index.less';
@import './index.less';
#nav {
diff --git a/site/theme/template/Layout/Header/SearchBar.less b/site/theme/template/Layout/Header/SearchBar.less
index 21106f7ff9..2fb43ca903 100644
--- a/site/theme/template/Layout/Header/SearchBar.less
+++ b/site/theme/template/Layout/Header/SearchBar.less
@@ -1,5 +1,5 @@
@import '../../../static/theme.less';
-@import (reference) '../../../../../components/style/themes/index.less';
+@import '../../../style/themes/index.less';
@import './index.less';
@import './DocSearch.less';
diff --git a/site/theme/template/Layout/Header/index.less b/site/theme/template/Layout/Header/index.less
index 8ace2cb7ac..4e07bdeb46 100644
--- a/site/theme/template/Layout/Header/index.less
+++ b/site/theme/template/Layout/Header/index.less
@@ -1,5 +1,5 @@
@import '../../../static/theme.less';
-@import (reference) '../../../../../components/style/themes/index.less';
+@import (reference) '../../../style/themes/index.less';
@header-height: 64px;
@menu-item-border: 2px;
diff --git a/site/theme/template/Resources/AffixTabs.less b/site/theme/template/Resources/AffixTabs.less
index d6edc178ca..39f96047dc 100644
--- a/site/theme/template/Resources/AffixTabs.less
+++ b/site/theme/template/Resources/AffixTabs.less
@@ -1,4 +1,4 @@
-@import (reference) '../../../../components/style/themes/index.less';
+@import (reference) '../../style/themes/index.less';
@import './index.less';
.resource-affix-tabs {
diff --git a/site/theme/template/Resources/index.less b/site/theme/template/Resources/index.less
index 5c3476212e..6e1057b8ca 100644
--- a/site/theme/template/Resources/index.less
+++ b/site/theme/template/Resources/index.less
@@ -1,4 +1,4 @@
-@import (reference) '../../../../components/style/themes/index.less';
+@import (reference) '../../style/themes/index.less';
@ArticleMaxWidth: 1208px;
@resource-padding: 40px;
diff --git a/tests/__snapshots__/index.test.js.snap b/tests/__snapshots__/index.test.js.snap
index aa0121bab7..4355222145 100644
--- a/tests/__snapshots__/index.test.js.snap
+++ b/tests/__snapshots__/index.test.js.snap
@@ -18,7 +18,6 @@ Array [
"Checkbox",
"Col",
"Collapse",
- "Comment",
"ConfigProvider",
"DatePicker",
"Descriptions",
@@ -36,7 +35,6 @@ Array [
"Mentions",
"Menu",
"Modal",
- "PageHeader",
"Pagination",
"Popconfirm",
"Popover",
diff --git a/tests/dekko/dist.test.js b/tests/dekko/dist.test.js
index 7e118388f4..96a9fef994 100644
--- a/tests/dekko/dist.test.js
+++ b/tests/dekko/dist.test.js
@@ -5,16 +5,9 @@ $('dist')
.isDirectory()
.hasFile('antd-with-locales.js')
.hasFile('antd-with-locales.min.js')
- .hasFile('antd.css')
- .hasFile('antd.min.css')
.hasFile('antd.js')
.hasFile('antd.min.js')
- .hasFile('antd.less')
- .hasFile('antd.dark.less')
- .hasFile('antd.dark.css')
- .hasFile('antd.compact.less')
- .hasFile('antd.compact.css')
- .hasFile('dark-theme.js');
+ .hasFile('reset.css');
// eslint-disable-next-line no-console
console.log(chalk.green('✨ `dist` directory is valid.'));
diff --git a/tests/index.test.js b/tests/index.test.js
index 3b9a594e00..5261565775 100644
--- a/tests/index.test.js
+++ b/tests/index.test.js
@@ -27,73 +27,5 @@ describe('antd dist files', () => {
expect(antd).toBeTruthy();
expect(antd.version).toBe(pkg.version);
});
-
- /* eslint-disable global-require,import/no-unresolved */
- const defaultTheme = require('../dist/default-theme');
- const darkTheme = require('../dist/dark-theme');
- const compactTheme = require('../dist/compact-theme');
- const { getThemeVariables } = require('../dist/theme');
- /* eslint-enable global-require,import/no-unresolved */
-
- const expectThemeWithoutDark = theme => {
- expect(theme['blue-3']).toBe("color(~`colorPalette('@{blue-6}', 3) `)");
- expect(theme['body-background']).toBe('#fff');
- };
-
- const expectDarkTheme = theme => {
- expect(theme['blue-3']).toBe('mix(@blue-base, @component-background, 30%)');
- expect(theme['body-background']).toBe('@black');
- };
-
- const expectThemeWithoutCompact = theme => {
- expect(theme['padding-lg']).toBe('24px');
- expect(theme['padding-md']).toBe('16px');
- };
-
- const expectCompactTheme = theme => {
- expect(theme['padding-lg']).toBe('16px');
- expect(theme['padding-md']).toBe('8px');
- };
-
- describe('theme variables', () => {
- it('should be get default theme', () => {
- expectThemeWithoutDark(defaultTheme);
- expectThemeWithoutCompact(defaultTheme);
- });
-
- it('should be get dark theme', () => {
- expectDarkTheme(darkTheme);
- expectThemeWithoutCompact(darkTheme);
- });
-
- it('should be get compact theme', () => {
- expectCompactTheme(compactTheme);
- expectThemeWithoutDark(compactTheme);
- });
-
- it('shoule get default variables by getThemeVariables()', () => {
- const theme = getThemeVariables();
- expectThemeWithoutCompact(theme);
- expectThemeWithoutDark(theme);
- });
-
- it('shoule get dark variables by getThemeVariables({ dark: true })', () => {
- const theme = getThemeVariables({ dark: true });
- expectDarkTheme(theme);
- expectThemeWithoutCompact(theme);
- });
-
- it('shoule get compact variables by getThemeVariables({ compact: true })', () => {
- const theme = getThemeVariables({ compact: true });
- expectThemeWithoutDark(theme);
- expectCompactTheme(theme);
- });
-
- it('shoule get compact&dark variables by getThemeVariables({ compact: true, dark: true })', () => {
- const theme = getThemeVariables({ compact: true, dark: true });
- expectDarkTheme(theme);
- expectCompactTheme(theme);
- });
- });
}
});
diff --git a/tests/shared/imageTest.tsx b/tests/shared/imageTest.tsx
index a28d6f7c07..462e3fdaf1 100644
--- a/tests/shared/imageTest.tsx
+++ b/tests/shared/imageTest.tsx
@@ -31,7 +31,7 @@ export default function imageTest(component: React.ReactElement) {
MockDate.set(dayjs('2016-11-22').valueOf());
page.on('request', onRequestHandle);
await page.goto(`file://${process.cwd()}/tests/index.html`);
- await page.addStyleTag({ path: `${process.cwd()}/dist/antd.css` });
+ await page.addStyleTag({ path: `${process.cwd()}/dist/reset.css` });
const cache = createCache();
const html = ReactDOMServer.renderToString(
diff --git a/webpack.config.js b/webpack.config.js
index 9c5af58693..517d1beecd 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,37 +1,9 @@
/* eslint no-param-reassign: 0 */
// This config is for building dist files
-const chalk = require('chalk');
const getWebpackConfig = require('@ant-design/tools/lib/getWebpackConfig');
-const RemovePlugin = require('remove-files-webpack-plugin');
const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
const { ESBuildMinifyPlugin } = require('esbuild-loader');
const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack-plugin');
-const darkVars = require('./scripts/dark-vars');
-const compactVars = require('./scripts/compact-vars');
-
-function injectLessVariables(config, variables) {
- (Array.isArray(config) ? config : [config]).forEach(conf => {
- conf.module.rules.forEach(rule => {
- // filter less rule
- if (rule.test instanceof RegExp && rule.test.test('.less')) {
- const lessRule = rule.use[rule.use.length - 1];
- if (lessRule.options.lessOptions) {
- lessRule.options.lessOptions.modifyVars = {
- ...lessRule.options.lessOptions.modifyVars,
- ...variables,
- };
- } else {
- lessRule.options.modifyVars = {
- ...lessRule.options.modifyVars,
- ...variables,
- };
- }
- }
- });
- });
-
- return config;
-}
function addLocales(webpackConfig) {
let packageName = 'antd-with-locales';
@@ -51,56 +23,7 @@ function externalDayjs(config) {
};
}
-function processWebpackThemeConfig(themeConfig, theme, vars) {
- themeConfig.forEach(config => {
- // rename default entry to ${theme} entry
- Object.keys(config.entry).forEach(entryName => {
- const originPath = config.entry[entryName];
- let replacedPath = [...originPath];
-
- // We will replace `./index` to `./index-style-only` since theme dist only use style file
- if (originPath.length === 1 && originPath[0] === './index') {
- replacedPath = ['./index-style-only'];
- } else {
- // eslint-disable-next-line no-console
- console.log(chalk.red('🆘 Seems entry has changed! It should be `./index`'));
- }
-
- config.entry[entryName.replace('antd', `antd.${theme}`)] = replacedPath;
- delete config.entry[entryName];
- });
-
- // apply ${theme} less variables
- injectLessVariables(config, vars);
-
- // ignore emit ${theme} entry js & js.map file
- config.plugins.push(
- new RemovePlugin({
- after: {
- root: './dist',
- include: [
- `antd.${theme}.js`,
- `antd.${theme}.js.map`,
- `antd.${theme}.min.js`,
- `antd.${theme}.min.js.map`,
- ],
- log: false,
- logWarning: false,
- },
- }),
- );
- });
-}
-
-const legacyEntryVars = {
- 'root-entry-name': 'default',
-};
-const webpackConfig = injectLessVariables(getWebpackConfig(false), legacyEntryVars);
-const webpackDarkConfig = injectLessVariables(getWebpackConfig(false), legacyEntryVars);
-const webpackCompactConfig = injectLessVariables(getWebpackConfig(false), legacyEntryVars);
-const webpackVariableConfig = injectLessVariables(getWebpackConfig(false), {
- 'root-entry-name': 'variable',
-});
+const webpackConfig = getWebpackConfig(false);
if (process.env.RUN_ENV === 'PRODUCTION') {
webpackConfig.forEach(config => {
@@ -135,15 +58,6 @@ if (process.env.RUN_ENV === 'PRODUCTION') {
);
}
});
-
- processWebpackThemeConfig(webpackDarkConfig, 'dark', darkVars);
- processWebpackThemeConfig(webpackCompactConfig, 'compact', compactVars);
- processWebpackThemeConfig(webpackVariableConfig, 'variable', {});
}
-module.exports = [
- ...webpackConfig,
- ...webpackDarkConfig,
- ...webpackCompactConfig,
- ...webpackVariableConfig,
-];
+module.exports = [...webpackConfig];
- 
- Quick Start
- 
- Product Info
- 
- Product Doc
- 
-
--
-
-
-
- 
-
-
-
-
- Han Solo
-
-
-
- a day ago
-
-
-
-
-
-
-
-
- 2016-11-21 00:00:00
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
- 
-
-
-
-
- Han Solo
-
-
-
- 2 days ago
-
-
-
-
-
-
-
-
- 2016-11-20 00:00:00
-
-
-
-
-
-
-
-
-
-
-
-
-
-- We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently. -
---
-
- Reply to
-
-
-
-- We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently. -
---
-
- Reply to
-
-
-
-