@douyinfe/semi-foundation 2.27.0-alpha.1 → 2.27.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/tabs/tabs.css +0 -11
- package/lib/cjs/tabs/tabs.scss +0 -31
- package/lib/es/tabs/tabs.css +0 -11
- package/lib/es/tabs/tabs.scss +0 -31
- package/package.json +2 -2
- package/tabs/tabs.scss +0 -31
package/lib/cjs/tabs/tabs.css
CHANGED
|
@@ -472,11 +472,6 @@
|
|
|
472
472
|
animation: 200ms semi-tabs-panel-keyframe-bottomShow ease-in-out 0s;
|
|
473
473
|
animation-fill-mode: forwards;
|
|
474
474
|
}
|
|
475
|
-
.semi-tabs-tab-line.semi-tabs-tab-top {
|
|
476
|
-
border-bottom: 1px solid var(--semi-color-border);
|
|
477
|
-
transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
478
|
-
transform: scale(var(--semi-transform_scale-none));
|
|
479
|
-
}
|
|
480
475
|
.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab {
|
|
481
476
|
padding: 16px 4px 14px 4px;
|
|
482
477
|
transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
@@ -504,9 +499,6 @@
|
|
|
504
499
|
.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active, .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active:hover {
|
|
505
500
|
border-bottom: 2px solid var(--semi-color-primary);
|
|
506
501
|
}
|
|
507
|
-
.semi-tabs-tab-line.semi-tabs-tab-left {
|
|
508
|
-
border-right: 1px solid var(--semi-color-border);
|
|
509
|
-
}
|
|
510
502
|
.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab {
|
|
511
503
|
padding: 12px;
|
|
512
504
|
border-left: 2px solid transparent;
|
|
@@ -551,9 +543,6 @@
|
|
|
551
543
|
border-bottom: 1px solid var(--semi-color-bg-1);
|
|
552
544
|
background: transparent;
|
|
553
545
|
}
|
|
554
|
-
.semi-tabs-tab-card.semi-tabs-tab-left {
|
|
555
|
-
border-right: 1px solid var(--semi-color-border);
|
|
556
|
-
}
|
|
557
546
|
.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab {
|
|
558
547
|
border: 1px solid transparent;
|
|
559
548
|
border-right: none;
|
package/lib/cjs/tabs/tabs.scss
CHANGED
|
@@ -652,9 +652,6 @@ $module: #{$prefix}-tabs;
|
|
|
652
652
|
|
|
653
653
|
&-tab-line {
|
|
654
654
|
&.#{$module}-tab-top {
|
|
655
|
-
border-bottom: $width-tabs_bar_line-border solid $color-tabs_tab_line_default-border-default;
|
|
656
|
-
transition: color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的 color的transition
|
|
657
|
-
transform: scale($transform_scale-tabs_tab_line-item);
|
|
658
655
|
|
|
659
656
|
&.#{$module}-tab {
|
|
660
657
|
padding: $spacing-tabs_bar_line_tab-paddingTop $spacing-tabs_bar_line_tab-paddingRight $spacing-tabs_bar_line_tab-paddingBottom $spacing-tabs_bar_line_tab-paddingLeft;
|
|
@@ -703,7 +700,6 @@ $module: #{$prefix}-tabs;
|
|
|
703
700
|
}
|
|
704
701
|
|
|
705
702
|
&.#{$module}-tab-left {
|
|
706
|
-
border-right: $width-tabs_bar_line-border solid $color-tabs_tab_line_default-border-default;
|
|
707
703
|
|
|
708
704
|
&.#{$module}-tab {
|
|
709
705
|
padding: $spacing-tabs_bar_line_tab_left-padding;
|
|
@@ -750,8 +746,6 @@ $module: #{$prefix}-tabs;
|
|
|
750
746
|
&-tab-card {
|
|
751
747
|
&.#{$module}-tab-top {
|
|
752
748
|
|
|
753
|
-
// border-bottom: $border-thickness-control solid $color-tabs_tab_line_default-border-default;
|
|
754
|
-
|
|
755
749
|
&.#{$module}-tab {
|
|
756
750
|
border: $width-tabs_bar_card-border solid transparent;
|
|
757
751
|
border-bottom: none;
|
|
@@ -761,9 +755,6 @@ $module: #{$prefix}-tabs;
|
|
|
761
755
|
border-bottom: none;
|
|
762
756
|
}
|
|
763
757
|
|
|
764
|
-
// &:not(:last-of-type) {
|
|
765
|
-
// margin-right: $spacing-tabs_bar_card_tab-marginRight;
|
|
766
|
-
// }
|
|
767
758
|
}
|
|
768
759
|
|
|
769
760
|
&.#{$module}-tab-active {
|
|
@@ -780,7 +771,6 @@ $module: #{$prefix}-tabs;
|
|
|
780
771
|
}
|
|
781
772
|
|
|
782
773
|
&.#{$module}-tab-left {
|
|
783
|
-
border-right: $width-tabs_bar_card-border solid $color-tabs_tab_line_default-border-default;
|
|
784
774
|
|
|
785
775
|
&.#{$module}-tab {
|
|
786
776
|
border: $width-tabs_bar_card-border solid transparent;
|
|
@@ -791,9 +781,6 @@ $module: #{$prefix}-tabs;
|
|
|
791
781
|
border-right: none;
|
|
792
782
|
}
|
|
793
783
|
|
|
794
|
-
// &:not(:last-of-type) {
|
|
795
|
-
// margin-bottom: $spacing-tabs_bar_card_tab_left-marginBottom;
|
|
796
|
-
// }
|
|
797
784
|
}
|
|
798
785
|
|
|
799
786
|
&.#{$module}-tab-active {
|
|
@@ -844,24 +831,6 @@ $module: #{$prefix}-tabs;
|
|
|
844
831
|
&-tab-button {
|
|
845
832
|
border: none;
|
|
846
833
|
|
|
847
|
-
// &.#{$module}-tab-left {
|
|
848
|
-
// .#{$module}-tab {
|
|
849
|
-
|
|
850
|
-
// &:not(:last-of-type) {
|
|
851
|
-
// margin-bottom: $spacing-tabs_bar_button_tab_left-marginBottom;
|
|
852
|
-
// }
|
|
853
|
-
// }
|
|
854
|
-
// }
|
|
855
|
-
|
|
856
|
-
// &.#{$module}-tab-top {
|
|
857
|
-
// .#{$module}-tab {
|
|
858
|
-
|
|
859
|
-
// &:not(:last-of-type) {
|
|
860
|
-
// margin-right: $spacing-tabs_bar_button_tab-marginRight;
|
|
861
|
-
// }
|
|
862
|
-
// }
|
|
863
|
-
// }
|
|
864
|
-
|
|
865
834
|
&.#{$module}-tab {
|
|
866
835
|
padding: $spacing-tabs_bar_button_tab-paddingY $spacing-tabs_bar_button_tab-paddingX;
|
|
867
836
|
border-radius: $radius-tabs_tab_button;
|
package/lib/es/tabs/tabs.css
CHANGED
|
@@ -472,11 +472,6 @@
|
|
|
472
472
|
animation: 200ms semi-tabs-panel-keyframe-bottomShow ease-in-out 0s;
|
|
473
473
|
animation-fill-mode: forwards;
|
|
474
474
|
}
|
|
475
|
-
.semi-tabs-tab-line.semi-tabs-tab-top {
|
|
476
|
-
border-bottom: 1px solid var(--semi-color-border);
|
|
477
|
-
transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
478
|
-
transform: scale(var(--semi-transform_scale-none));
|
|
479
|
-
}
|
|
480
475
|
.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab {
|
|
481
476
|
padding: 16px 4px 14px 4px;
|
|
482
477
|
transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
@@ -504,9 +499,6 @@
|
|
|
504
499
|
.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active, .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active:hover {
|
|
505
500
|
border-bottom: 2px solid var(--semi-color-primary);
|
|
506
501
|
}
|
|
507
|
-
.semi-tabs-tab-line.semi-tabs-tab-left {
|
|
508
|
-
border-right: 1px solid var(--semi-color-border);
|
|
509
|
-
}
|
|
510
502
|
.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab {
|
|
511
503
|
padding: 12px;
|
|
512
504
|
border-left: 2px solid transparent;
|
|
@@ -551,9 +543,6 @@
|
|
|
551
543
|
border-bottom: 1px solid var(--semi-color-bg-1);
|
|
552
544
|
background: transparent;
|
|
553
545
|
}
|
|
554
|
-
.semi-tabs-tab-card.semi-tabs-tab-left {
|
|
555
|
-
border-right: 1px solid var(--semi-color-border);
|
|
556
|
-
}
|
|
557
546
|
.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab {
|
|
558
547
|
border: 1px solid transparent;
|
|
559
548
|
border-right: none;
|
package/lib/es/tabs/tabs.scss
CHANGED
|
@@ -652,9 +652,6 @@ $module: #{$prefix}-tabs;
|
|
|
652
652
|
|
|
653
653
|
&-tab-line {
|
|
654
654
|
&.#{$module}-tab-top {
|
|
655
|
-
border-bottom: $width-tabs_bar_line-border solid $color-tabs_tab_line_default-border-default;
|
|
656
|
-
transition: color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的 color的transition
|
|
657
|
-
transform: scale($transform_scale-tabs_tab_line-item);
|
|
658
655
|
|
|
659
656
|
&.#{$module}-tab {
|
|
660
657
|
padding: $spacing-tabs_bar_line_tab-paddingTop $spacing-tabs_bar_line_tab-paddingRight $spacing-tabs_bar_line_tab-paddingBottom $spacing-tabs_bar_line_tab-paddingLeft;
|
|
@@ -703,7 +700,6 @@ $module: #{$prefix}-tabs;
|
|
|
703
700
|
}
|
|
704
701
|
|
|
705
702
|
&.#{$module}-tab-left {
|
|
706
|
-
border-right: $width-tabs_bar_line-border solid $color-tabs_tab_line_default-border-default;
|
|
707
703
|
|
|
708
704
|
&.#{$module}-tab {
|
|
709
705
|
padding: $spacing-tabs_bar_line_tab_left-padding;
|
|
@@ -750,8 +746,6 @@ $module: #{$prefix}-tabs;
|
|
|
750
746
|
&-tab-card {
|
|
751
747
|
&.#{$module}-tab-top {
|
|
752
748
|
|
|
753
|
-
// border-bottom: $border-thickness-control solid $color-tabs_tab_line_default-border-default;
|
|
754
|
-
|
|
755
749
|
&.#{$module}-tab {
|
|
756
750
|
border: $width-tabs_bar_card-border solid transparent;
|
|
757
751
|
border-bottom: none;
|
|
@@ -761,9 +755,6 @@ $module: #{$prefix}-tabs;
|
|
|
761
755
|
border-bottom: none;
|
|
762
756
|
}
|
|
763
757
|
|
|
764
|
-
// &:not(:last-of-type) {
|
|
765
|
-
// margin-right: $spacing-tabs_bar_card_tab-marginRight;
|
|
766
|
-
// }
|
|
767
758
|
}
|
|
768
759
|
|
|
769
760
|
&.#{$module}-tab-active {
|
|
@@ -780,7 +771,6 @@ $module: #{$prefix}-tabs;
|
|
|
780
771
|
}
|
|
781
772
|
|
|
782
773
|
&.#{$module}-tab-left {
|
|
783
|
-
border-right: $width-tabs_bar_card-border solid $color-tabs_tab_line_default-border-default;
|
|
784
774
|
|
|
785
775
|
&.#{$module}-tab {
|
|
786
776
|
border: $width-tabs_bar_card-border solid transparent;
|
|
@@ -791,9 +781,6 @@ $module: #{$prefix}-tabs;
|
|
|
791
781
|
border-right: none;
|
|
792
782
|
}
|
|
793
783
|
|
|
794
|
-
// &:not(:last-of-type) {
|
|
795
|
-
// margin-bottom: $spacing-tabs_bar_card_tab_left-marginBottom;
|
|
796
|
-
// }
|
|
797
784
|
}
|
|
798
785
|
|
|
799
786
|
&.#{$module}-tab-active {
|
|
@@ -844,24 +831,6 @@ $module: #{$prefix}-tabs;
|
|
|
844
831
|
&-tab-button {
|
|
845
832
|
border: none;
|
|
846
833
|
|
|
847
|
-
// &.#{$module}-tab-left {
|
|
848
|
-
// .#{$module}-tab {
|
|
849
|
-
|
|
850
|
-
// &:not(:last-of-type) {
|
|
851
|
-
// margin-bottom: $spacing-tabs_bar_button_tab_left-marginBottom;
|
|
852
|
-
// }
|
|
853
|
-
// }
|
|
854
|
-
// }
|
|
855
|
-
|
|
856
|
-
// &.#{$module}-tab-top {
|
|
857
|
-
// .#{$module}-tab {
|
|
858
|
-
|
|
859
|
-
// &:not(:last-of-type) {
|
|
860
|
-
// margin-right: $spacing-tabs_bar_button_tab-marginRight;
|
|
861
|
-
// }
|
|
862
|
-
// }
|
|
863
|
-
// }
|
|
864
|
-
|
|
865
834
|
&.#{$module}-tab {
|
|
866
835
|
padding: $spacing-tabs_bar_button_tab-paddingY $spacing-tabs_bar_button_tab-paddingX;
|
|
867
836
|
border-radius: $radius-tabs_tab_button;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-foundation",
|
|
3
|
-
"version": "2.27.0-alpha.
|
|
3
|
+
"version": "2.27.0-alpha.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build:lib": "node ./scripts/compileLib.js",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"*.scss",
|
|
24
24
|
"*.css"
|
|
25
25
|
],
|
|
26
|
-
"gitHead": "
|
|
26
|
+
"gitHead": "c0cf24387dbafffb2d26f77d2f757ac5238ca0ec",
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@babel/plugin-transform-runtime": "^7.15.8",
|
|
29
29
|
"@babel/preset-env": "^7.15.8",
|
package/tabs/tabs.scss
CHANGED
|
@@ -652,9 +652,6 @@ $module: #{$prefix}-tabs;
|
|
|
652
652
|
|
|
653
653
|
&-tab-line {
|
|
654
654
|
&.#{$module}-tab-top {
|
|
655
|
-
border-bottom: $width-tabs_bar_line-border solid $color-tabs_tab_line_default-border-default;
|
|
656
|
-
transition: color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的 color的transition
|
|
657
|
-
transform: scale($transform_scale-tabs_tab_line-item);
|
|
658
655
|
|
|
659
656
|
&.#{$module}-tab {
|
|
660
657
|
padding: $spacing-tabs_bar_line_tab-paddingTop $spacing-tabs_bar_line_tab-paddingRight $spacing-tabs_bar_line_tab-paddingBottom $spacing-tabs_bar_line_tab-paddingLeft;
|
|
@@ -703,7 +700,6 @@ $module: #{$prefix}-tabs;
|
|
|
703
700
|
}
|
|
704
701
|
|
|
705
702
|
&.#{$module}-tab-left {
|
|
706
|
-
border-right: $width-tabs_bar_line-border solid $color-tabs_tab_line_default-border-default;
|
|
707
703
|
|
|
708
704
|
&.#{$module}-tab {
|
|
709
705
|
padding: $spacing-tabs_bar_line_tab_left-padding;
|
|
@@ -750,8 +746,6 @@ $module: #{$prefix}-tabs;
|
|
|
750
746
|
&-tab-card {
|
|
751
747
|
&.#{$module}-tab-top {
|
|
752
748
|
|
|
753
|
-
// border-bottom: $border-thickness-control solid $color-tabs_tab_line_default-border-default;
|
|
754
|
-
|
|
755
749
|
&.#{$module}-tab {
|
|
756
750
|
border: $width-tabs_bar_card-border solid transparent;
|
|
757
751
|
border-bottom: none;
|
|
@@ -761,9 +755,6 @@ $module: #{$prefix}-tabs;
|
|
|
761
755
|
border-bottom: none;
|
|
762
756
|
}
|
|
763
757
|
|
|
764
|
-
// &:not(:last-of-type) {
|
|
765
|
-
// margin-right: $spacing-tabs_bar_card_tab-marginRight;
|
|
766
|
-
// }
|
|
767
758
|
}
|
|
768
759
|
|
|
769
760
|
&.#{$module}-tab-active {
|
|
@@ -780,7 +771,6 @@ $module: #{$prefix}-tabs;
|
|
|
780
771
|
}
|
|
781
772
|
|
|
782
773
|
&.#{$module}-tab-left {
|
|
783
|
-
border-right: $width-tabs_bar_card-border solid $color-tabs_tab_line_default-border-default;
|
|
784
774
|
|
|
785
775
|
&.#{$module}-tab {
|
|
786
776
|
border: $width-tabs_bar_card-border solid transparent;
|
|
@@ -791,9 +781,6 @@ $module: #{$prefix}-tabs;
|
|
|
791
781
|
border-right: none;
|
|
792
782
|
}
|
|
793
783
|
|
|
794
|
-
// &:not(:last-of-type) {
|
|
795
|
-
// margin-bottom: $spacing-tabs_bar_card_tab_left-marginBottom;
|
|
796
|
-
// }
|
|
797
784
|
}
|
|
798
785
|
|
|
799
786
|
&.#{$module}-tab-active {
|
|
@@ -844,24 +831,6 @@ $module: #{$prefix}-tabs;
|
|
|
844
831
|
&-tab-button {
|
|
845
832
|
border: none;
|
|
846
833
|
|
|
847
|
-
// &.#{$module}-tab-left {
|
|
848
|
-
// .#{$module}-tab {
|
|
849
|
-
|
|
850
|
-
// &:not(:last-of-type) {
|
|
851
|
-
// margin-bottom: $spacing-tabs_bar_button_tab_left-marginBottom;
|
|
852
|
-
// }
|
|
853
|
-
// }
|
|
854
|
-
// }
|
|
855
|
-
|
|
856
|
-
// &.#{$module}-tab-top {
|
|
857
|
-
// .#{$module}-tab {
|
|
858
|
-
|
|
859
|
-
// &:not(:last-of-type) {
|
|
860
|
-
// margin-right: $spacing-tabs_bar_button_tab-marginRight;
|
|
861
|
-
// }
|
|
862
|
-
// }
|
|
863
|
-
// }
|
|
864
|
-
|
|
865
834
|
&.#{$module}-tab {
|
|
866
835
|
padding: $spacing-tabs_bar_button_tab-paddingY $spacing-tabs_bar_button_tab-paddingX;
|
|
867
836
|
border-radius: $radius-tabs_tab_button;
|