fix(Cell): update css variables name (#1528)

* fix(Cell): update css variables name

* fix: resolved some spelling mistake

style/mobile/components/cell/v2/_var.less

@@ -5,8 +5,8 @@
 @cell-bg-color: var(--td-cell-bg-color, @bg-color-container);
 @cell-hover-color: var(--td-cell-hover-color, @bg-color-secondarycontainer);
 @cell-border-color: var(--td-cell-border-color, @component-stroke);
-@cell-border-left-space: var(--td-border-left-space, @cell-horizontal-padding);
-@cell-border-right-space: var(--td-border-right-space, 0);
+@cell-border-left-space: var(--td-cell-border-left-space, @cell-horizontal-padding);
+@cell-border-right-space: var(--td-cell-border-right-space, 0);
 @cell-description-color: var(--td-cell-description-color, @font-gray-2);
 @cell-description-font-size: var(--td-cell-description-font-size, @font-size-base);
 @cell-description-line-height: var(--td-cell-description-line-height, 22px);

style/mobile/components/collapse/_var.less

@@ -1,6 +1,6 @@
 @collapse-header-text-color: @text-color-primary;
 @collapse-content-text-color: @text-color-primary;
-@collapse-header-text-diabled-color: @text-color-disabled;
+@collapse-header-text-disabled-color: @text-color-disabled;
 @collapse-list-content-text-color: @text-color-primary;
 
 // font-size

style/mobile/components/collapse/v2/_index.less

@@ -72,7 +72,7 @@
     .@{cell}__title,
     .@{cell}__note,
     .@{cell}__right-icon {
-      color: @collapse-header-text-diabled-color;
+      color: @collapse-header-text-disabled-color;
     }
   }
 

style/mobile/components/collapse/v2/_var.less

@@ -1,6 +1,6 @@
 @collapse-header-text-color: var(--td-collapse-header-text-color, @font-gray-1);
 @collapse-content-text-color: var(--td-collapse-content-text-color, @font-gray-1);
-@collapse-header-text-diabled-color: var(--td-collapse-header-text-diabled-color, @font-gray-4);
+@collapse-header-text-disabled-color: var(--td-collapse-header-text-disabled-color, @font-gray-4);
 
 // font-size
 @collapse-title-font-size: var(--td-collapse-title-font-size, @font-size-m);

style/mobile/components/popover/_var.less

@@ -1,5 +1,5 @@
 // 间距
-@popover-padding: var(--td-popover-padding, 12px) ;
+@popover-padding: var(--td-popover-padding, 12px);
 @popover-content-line-height: 24px;
 @popover-arrow-width: 8px;
 @popover-arrow-height: 8px;

style/mobile/components/step-item/v2/_index.less

@@ -133,7 +133,7 @@
   }
 
   &__description {
-    color: @step-item-descrition-color;
+    color: @step-item-description-color;
     line-height: 20px;
     font-size: @font-size-s;
 

style/mobile/components/step-item/v2/_var.less

@@ -1,7 +1,7 @@
 @step-item-dot-size: var(--td-step-item-dot-size, 8px);
 @step-item-circle-size: var(--td-step-item-circle-size, 22px);
 @step-item-circle-font-size: var(--td-step-item-circle-font-size, 14px);
-@step-item-descrition-color: var(--td-step-item-descrition-color, @font-gray-3);
+@step-item-description-color: var(--td-step-item-description-color, @font-gray-3);
 
 @step-item-default-circle-bg: var(--td-step-item-default-circle-bg, @bg-color-secondarycontainer);
 @step-item-default-circle-color: var(--td-step-item-default-circle-color, @font-gray-3);

style/mobile/components/switch/v2/_index.less

@@ -48,7 +48,7 @@
     align-items: center;
     justify-content: center;
     flex-wrap: nowrap;
-    font-size: @swtich-label-font-size;
+    font-size: @switch-label-font-size;
     color: @switch-label-color;
     overflow: hidden;
 
@@ -65,11 +65,11 @@
     }
 
     &--large {
-      font-size: @swtich-label-large-font-size;
+      font-size: @switch-label-large-font-size;
     }
 
     &--small {
-      font-size: @swtich-label-small-font-size;
+      font-size: @switch-label-small-font-size;
     }
 
     &:empty {

style/mobile/components/switch/v2/_var.less

@@ -32,9 +32,9 @@
 @switch-dot-small-size: var(--td-switch-dot-small-size, 18px);
 @switch-dot-plain-small-size: var(--td-switch-dot-plain-small-size, 14px);
 
-@swtich-label-font-size: var(--td-swtich-label-font-size, 14px);
-@swtich-label-large-font-size: var(--td-swtich-label-font-size, 16px);
-@swtich-label-small-font-size: var(--td-swtich-label-font-size, 12px);
+@switch-label-font-size: var(--td-switch-label-font-size, 14px);
+@switch-label-large-font-size: var(--td-switch-label-font-size, 16px);
+@switch-label-small-font-size: var(--td-switch-label-font-size, 12px);
 
 @switch-label-color: var(--td-switch-label-color, @font-gray-4);
 @switch-label-checked-color: var(--td-switch-label-checked-color, @switch-checked-color);

style/mobile/components/tab-bar-item/v2/_var.less

@@ -6,7 +6,6 @@
 @tab-bar-border-color: var(--td-tab-bar-border-color, @border-color);
 @tab-bar-hover-bg-color: var(--td-tab-bar-hover-bg-color, rgba(0, 0, 0, .05));
 @tab-bar-active-color: var(--td-tab-bar-active-color, @brand-color);
-@tab-bar-bg-color: var(--td-tab-bar-bg-color, @bg-color-container);
 @tab-bar-active-bg: var(--td-tab-bar-active-bg, @brand-color-light);
 @tab-bar-spread-shadow: var(--td-tab-bar-spread-shadow, @shadow-3);
 @tab-bar-spread-border-color: var(--td-tab-bar-spread-border-color, @border-color);

style/mobile/components/tabs/v2/_var.less

@@ -2,7 +2,7 @@
 @item: ~"@{tabs}__item";
 
 //字号
-@tab-font-size: var(--tab-font-size, 14px);
+@tab-font-size: var(--td-tab-font-size, 14px);
 @tab-font-medium: @font-size-base;
 @tab-font-large: @font-size-m;
 @tab-nav-bg-color: var(--td-tab-nav-bg-color, @bg-color-container);