@douyinfe/semi-foundation 2.34.0-alpha.1 → 2.34.0

package/lib/cjs/navigation/navigation.scss

@@ -76,7 +76,7 @@ $module: #{$prefix}-navigation;
         padding: $spacing-navigation_item-paddingY $spacing-navigation_item-paddingX;
         box-sizing: border-box;
         margin-top: 0;
-        // margin-bottom: $spacing-navigation_item-marginBottom;
+        margin-bottom: $spacing-navigation_item-marginBottom;
 
         @include font-size-regular;
         font-weight: $font-navigation_item_normal-fontWeight;
@@ -257,13 +257,6 @@ $module: #{$prefix}-navigation;
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
-        display: flex;
-        flex-direction: column;
-        row-gap: $spacing-navigation_item-marginBottom;
-
-        &.#{$module}-sub-open {
-            margin-top: $spacing-navigation_sub_item_first_child-marginTop;
-        }
 
         .#{$module}-item {
             color: $color-navigation_itemLn-text-default;
@@ -275,9 +268,9 @@ $module: #{$prefix}-navigation;
             font-weight: $font-navigation_sub_item-fontWeight;
             width: 100%;
 
-            // &:first-child {
-            //     margin-top: $spacing-navigation_sub_item_first_child-marginTop;
-            // }
+            &:first-child {
+                margin-top: $spacing-navigation_sub_item_first_child-marginTop;
+            }
 
             & > &-text:first-child {
                 margin-left: $spacing-base-tight + $width-navigation_icon_left + $width-navigation_icon_text_between;
@@ -350,12 +343,6 @@ $module: #{$prefix}-navigation;
         transform: rotate(-180deg);
     }
 
-    &-icon-rotate-0-no-transition {
-        transform: rotate(0);
-    }
-    &-icon-rotate-180-no-transition {
-        transform: rotate(-180deg);
-    }
 }
 
 /* Header、Footer-Common */
@@ -443,12 +430,6 @@ $module: #{$prefix}-navigation;
             }
         }
 
-        &-list {
-            display: flex;
-            flex-direction: column;
-            row-gap: $spacing-navigation_item-marginBottom;
-        }
-
         &-list > .#{$module}-sub-wrap {
             & > .#{$module}-sub-title {
                 color: $color-navigation_itemL1-text-default;
@@ -502,9 +483,9 @@ $module: #{$prefix}-navigation;
         }
     }
 
-    // .#{$module}-item:last-of-type {
-    //     margin-bottom: $spacing-navigation_vertical_nav_item_last-marginBottom;
-    // }
+    .#{$module}-item:last-of-type {
+        margin-bottom: $spacing-navigation_vertical_nav_item_last-marginBottom;
+    }
 
     .#{$module}-inner {
         flex-direction: column;
@@ -733,97 +714,4 @@ $module: #{$prefix}-navigation;
     }
 }
 
-// The following css is used for the variant generation of NavItem and NavSub in C2D
-.#{$module}-first-layer {
-    > .#{$module}-sub-title {
-        .#{$module}-item-text {
-            font-weight: 600;
-        }
-    }
-
-    > .#{$module}-item-text {
-        font-weight: 600;
-    }
-}
-
-.#{$module}-sub-title-selected {
-    .#{$module}-item-icon:first-child {
-        color: $color-navigation_itemL1_selected_icon-default;
-    }
-}
-
-.#{$module}-sub-wrap {
-    .#{$module}-sub-title {
-        margin-bottom: $spacing-navigation_sub_title-marginBottom;
-    }
-
-    .#{$module}-item:last-of-type {
-        margin-bottom: $spacing-navigation_vertical_nav_item_last-marginBottom;
-    } 
-}
-
-.#{$module}-sub-title {
-    &.#{$module}-sub-title-disabled {
-        .semi-navigation-item-text {
-            color: $color-navigation_itemL1_disabled-text-default;
-        }
-    }
-}
-
-.#{$module}-item-horizontal {
-    // The width of nav NavItem and NavSub in the horizontal direction both need fit-content
-    &.#{$module}-item { 
-        width: fit-content;
-        margin-bottom: $spacing-navigation_horizontal_nav_list_item-marginBottom;
-        margin-right: $spacing-navigation_horizontal_nav_list_item_not_last-marginRight;
-
-        &.#{$module}-item-disabled {
-            color: $color-navigation_horizontal_itemL1_disabled-text-default;
-        }
-    }
-
-    .#{$module}-sub-title {
-        .#{$module}-item-icon:first-child,
-        .#{$module}-item-text {
-            color: var(--semi-color-text-2);
-            background-color: transparent;
-        }
-
-        &.#{$module}-sub-title-selected {
-            .#{$module}-item-icon:first-child,
-            .#{$module}-item-text {
-                color: $color-navigation_horizontal_itemL1_selected-text-default;
-            }
-        }
-
-        &.#{$module}-sub-title-disabled {
-            .#{$module}-item-icon:first-child,
-            .#{$module}-item-text {
-                color: $color-navigation_horizontal_itemL1_disabled-text-default;
-            }
-        }
-    }
-
-    &.#{$module}-first-layer {
-        color: $color-navigation_horizontal_itemL1-text-default;
-    }
-
-    &.#{$module}-item-selected {
-        background-color: $color-navigation_horizontal_itemL1_selected-bg-default;
-
-        .#{$module}-item-icon:first-child,
-        .#{$module}-item-text {
-            color: $color-navigation_horizontal_itemL1_selected-text-default;
-        }
-    }
-
-    .semi-navigation-item-icon:first-child {
-        margin-right: $spacing-navigation_horizontal_icon_last-marginLeft;
-    }
-
-    .semi-navigation-item-icon:last-child {
-        margin-left: $spacing-navigation_horizontal_icon_first-marginRight;
-    }
-}
-
 @import "./rtl.scss";

package/lib/cjs/navigation/subNavFoundation.d.ts

@@ -21,8 +21,6 @@ export interface SubNavAdapter<P = Record<string, any>, S = Record<string, any>>
     notifyGlobalOnClick(data: OnClickData): void;
     getIsSelected(itemKey: string | number): boolean;
     getIsOpen(): boolean;
-    getIsCollapsed(): boolean;
-    getMode(): string;
 }
 export default class SubNavFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<SubNavAdapter<P, S>, P, S> {
     constructor(adapter: SubNavAdapter<P, S>);

package/lib/cjs/radio/radio.css

@@ -301,6 +301,7 @@
 .semi-radioGroup-horizontal {
   display: inline-flex;
   flex-wrap: wrap;
+  vertical-align: bottom;
   gap: 16px;
 }
 .semi-radioGroup-buttonRadio {

package/lib/cjs/radio/radio.scss

@@ -416,6 +416,7 @@ $inner-width: $width-icon-medium;
     &-horizontal {
         display: inline-flex;
         flex-wrap: wrap;
+        vertical-align: bottom; // Fix 1573
         gap: $spacing-radio_group_horizontal-marginRight;
     }