@douyinfe/semi-foundation 2.1.0-next.0 → 2.1.0

package/lib/cjs/steps/fillSteps.scss

@@ -1,193 +0,0 @@
-$module: #{$prefix}-steps;
-
-.#{$module} {
-    .#{$prefix}-col {
-        flex: 1;
-    }
-
-    &-vertical {
-        .#{$prefix}-row-flex {
-            flex-direction: column;
-        }
-    }
-
-    // .#{$module}-horizontal {
-    //     .#{$module}-item-title {
-    //         &-text {
-    //             position: relative;
-    //             &::after {
-    //                 content: '';
-    //                 display: block;
-    //                 width: 9999px;
-    //                 height: 1px;
-    //                 position: absolute;
-    //                 top: 12px;
-    //                 left: 120%;
-    //                 background-color: var(--semi-color-border);
-    //             }
-    //         }
-    //     }
-    // }
-
-    .#{$module}-item {
-        @include box-sizing;
-        display: flex;
-        height: $height-steps_item;
-        position: relative;
-        overflow: hidden;
-        margin-right: $spacing-steps_item-marginRight;
-        border: $width-steps_item-border solid $color-steps-border-default;
-        border-radius: $radius-steps_item;
-        padding: $spacing-steps_item-paddingY $spacing-steps_item-paddingX;
-
-        .#{$module}-item-title {
-            position: relative;
-            // display: inline-block;
-            @include font-size-header-5;
-            font-weight: $font-weight-bold;
-            width: $width-steps_item_title;
-            @include text-overflow-hidden;
-            color: $color-steps_main-text-default;
-        }
-
-        .#{$module}-item-description {
-            @include font-size-regular;
-            color: $color-steps_minor-text-default;
-            width: $width-steps_item_description;
-            @include text-overflow-hidden;
-        }
-
-        &-process {
-            background-color: $color-steps_process-bg-default;
-
-            .#{$module}-item-left:not(.#{$module}-item-icon) {
-                background: $color-steps_primary-bg-default;
-            }
-
-            .#{$module}-item-title,
-            .#{$module}-item-icon {
-                color: $color-steps_primary-icon-default;
-            }
-        }
-
-        &-wait {
-            .#{$module}-item-left:not(.#{$module}-item-icon) {
-                background: $color-steps-bg-default;
-            }
-
-            .#{$module}-item-icon {
-                color: $color-steps-icon-default;
-            }
-        }
-
-        &-finish {
-
-            .#{$prefix}-icon,
-            .#{$module}-item-title {
-                color: $color-steps_success-text-default;
-            }
-
-            &:hover {
-                background-color: $color-steps-bg-hover;
-
-                .#{$prefix}-icon,
-                .#{$module}-item-title {
-                    color: $color-steps_success-text-hover;
-                }
-            }
-
-            &:active {
-                background-color: $color-steps-bg-active;
-
-                .#{$prefix}-icon,
-                .#{$module}-item-title {
-                    color: $color-steps_success-text-active;
-                }
-            }
-        }
-
-        &-error {
-
-            .#{$prefix}-icon,
-            .#{$module}-item-title {
-                color: $color-steps_danger-text-default;
-            }
-
-            &:hover {
-                background: $color-steps-bg-hover;
-
-                .#{$prefix}-icon,
-                .#{$module}-item-title {
-                    color: $color-steps_danger-text-hover;
-                }
-            }
-
-            &:active {
-                background-color: $color-steps-bg-active;
-
-                .#{$prefix}-icon,
-                .#{$module}-item-title {
-                    color: $color-steps_danger-text-active;
-                }
-            }
-        }
-
-        &-warning {
-
-            .#{$module}-item-title,
-            .#{$prefix}-icon {
-                color: $color-steps_warning-text-default;
-            }
-
-            &:hover {
-                background: $color-steps-bg-hover;
-
-                .#{$module}-item-title,
-                .#{$prefix}-icon {
-                    color: $color-steps_warning-text-hover;
-                }
-            }
-
-            &:active {
-                background-color: $color-steps-bg-active;
-
-                .#{$module}-item-title,
-                .#{$prefix}-icon {
-                    color: $color-steps_warning-text-active;
-                }
-            }
-        }
-
-        &-clickable {
-            cursor: pointer;
-        }
-
-        &-left {
-            width: $width-steps_item_left;
-            height: $height-steps_item_left;
-            line-height: $font-steps_item_left-lineHeight;
-            text-align: center;
-            border-radius: $radius-steps_item_left;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            @include font-size-header-4;
-            font-weight: $font-weight-bold;
-            flex-grow: 0;
-
-            &.#{$module}-item-plain {
-                color: $color-steps-text-default;
-            }
-
-            &-process {
-                background: $color-steps_process-bg-default;
-            }
-        }
-
-        &-content {
-            margin-left: $spacing-steps_item_content-marginLeft;
-            flex: 1;
-            overflow: hidden;
-        }
-    }
-}

package/lib/cjs/steps/mixin.css

@@ -1,3 +0,0 @@
-/* shadow */
-/* sizing */
-/* spacing */

package/lib/cjs/steps/navSteps.scss

@@ -1,63 +0,0 @@
-$module: #{$prefix}-steps;
-$item: #{$module}-item;
-$basicType: #{$module}-nav;
-
-.#{$basicType} {
-    display: inline-flex;
-    flex-flow: row nowrap;
-
-    .#{$item} {
-        @include box-sizing;
-
-        &:last-child {
-            flex: none;
-
-            .#{$item}-content {
-                width: auto;
-            }
-        }
-
-        .#{$item}-container {
-            display: flex;
-            align-items: center;
-            color: $color-steps_nav_item_container-text;
-
-            .#{$item}-icon {
-                display: inline-flex;
-                flex: 1;
-                justify-content: center;
-                color: $color-steps_nav_item-icon;
-                min-width: $width-steps_nav_item_icon-minWidth;
-            }
-        }
-
-        .#{$item}-content {
-            flex: 1;
-            display: inline-block;
-        }
-
-        .#{$item}-title {
-            @include font-size-header-6;
-            max-width: $width-steps_nav_item_title-maxWidth;
-            @include text-overflow-hidden;
-            font-weight: $font-steps_nav_item_title-fontWeight;
-        }
-
-
-        &-active {
-            .#{$item}-title {
-                color: $color-steps_nav_item_title-text-active;
-                font-weight: $font-steps_nav_item_title_active-fontWeight;
-            }
-        }
-    }
-
-    &.#{$module}-small {
-        .#{$item} {
-            .#{$item}-title {
-                @include font-size-regular;
-            }
-
-        }
-    }
-}

package/lib/cjs/steps/rtl.scss

@@ -1,46 +0,0 @@
-$module: #{$prefix}-steps;
-$basicModule: #{$prefix}-steps-basic;
-$navModule: #{$prefix}-steps-nav;
-
-.#{$prefix}-rtl,
-.#{$prefix}-portal-rtl {
-    .#{$module} {
-        direction: rtl;
-
-        &-item {
-            margin-right: auto;
-            margin-left: $spacing-steps_item-marginRight;
-
-            &-content {
-                margin-left: auto;
-                margin-right: $spacing-steps_item_content-marginLeft;
-            }
-        }
-    }
-
-    .#{$basicModule} {
-        direction: rtl;
-
-        &.#{$module}-horizontal {
-            .#{$item} {
-                .#{$item}-title {
-                    padding-left: $spacing-steps_basic_item_title-paddingRight;
-
-                    &::after {
-                        right: 100%;
-                    }
-                }
-            }
-        }
-
-        &.#{$module}-vertical {
-            .#{$item} {
-                margin: 0;
-            }
-        }
-    }
-
-    .#{$navModule} {
-        direction: rtl;
-    }
-}