@douyinfe/semi-foundation 2.27.1 → 2.28.0-beta.0

package/tabs/tabs.scss

@@ -46,7 +46,7 @@ $module: #{$prefix}-tabs;
                 margin-right: $spacing-tabs_tab_icon-marginRight;
                 top: $spacing-tabs_tab_icon-top;
                 color: $color-tabs_tab-icon-default;
-                transition: color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text;//线条式tabs的 color的transition
+                transition: color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的 color的transition
 
             }
 
@@ -109,6 +109,88 @@ $module: #{$prefix}-tabs;
         }
     }
 
+    &-tab-single {
+        &.#{$module}-tab {
+            @include font-size-regular;
+            cursor: pointer;
+            box-sizing: border-box;
+            position: relative;
+            display: inline-block;
+            // float: left;
+
+            font-weight: $font-tabs_tab-fontWeight;
+            color: $color-tabs_tab_line_default-text-default;
+
+            user-select: none;
+
+            .#{$prefix}-icon {
+                position: relative;
+                margin-right: $spacing-tabs_tab_icon-marginRight;
+                top: $spacing-tabs_tab_icon-top;
+                color: $color-tabs_tab-icon-default;
+                transition: color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text;//线条式tabs的 color的transition
+
+            }
+
+            .#{$prefix}-icon-close {
+                margin-right: 0;
+                font-size: 14px;
+                color: var(--semi-color-text-2);
+                margin-left: 10px;
+                cursor: pointer;
+            }
+
+            &:hover {
+                color: $color-tabs_tab_line_default-text-hover;
+
+                .#{$prefix}-icon {
+                    color: $color-tabs_tab-icon-hover;
+                }
+            }
+
+            &:active {
+                color: $color-tabs_tab_line_default-text-active;
+
+                .#{$prefix}-icon {
+                    color: $color-tabs_tab-icon-active;
+                }
+            }
+        }
+
+        &.#{$module}-tab-active {
+
+            &,
+            &:hover {
+                cursor: default;
+                // border-bottom: 2px solid $color-tabs_tab_line_indicator_selected-icon-default;
+                font-weight: $font-tabs_tab_active-fontWeight;
+                color: $color-tabs_tab_line_selected-text-default;
+
+                .#{$prefix}-icon {
+                    color: $color-tabs_tab_selected-icon-default;
+                }
+
+                .#{$prefix}-icon-close {
+                    color: var(--semi-color-text-2);
+                }
+            }
+
+            .#{$prefix}-icon-close:hover {
+                color: var(--semi-color-text-1);
+            }
+        }
+
+        &.#{$module}-tab-disabled {
+            cursor: not-allowed;
+            color: $color-tabs_tab_line_disabled-text-default;
+
+            &:hover {
+                color: $color-tabs_tab_line_disabled-text-hover;
+                border-bottom: none;
+            }
+        }
+    }
+
     &-bar-collapse {
         &,
         .#{$module}-bar-overflow-list {
@@ -134,10 +216,10 @@ $module: #{$prefix}-tabs;
                     outline-offset: $width-tabs-outline-offset;
                 }
             }
-            & > .#{$prefix}-button-disabled{
+            & > .#{$prefix}-button-disabled {
                 color: $color-tabs_tab-pane_arrow_disabled-text-default;
                 background-color: $color-tabs_tab-pane_arrow_disabled-bg-default;
-                &:hover{
+                &:hover {
                     color: $color-tabs_tab-pane_arrow_disabled-text-hover;
                     background-color: $color-tabs_tab-pane_arrow_disabled-bg-hover;
                 }
@@ -146,12 +228,12 @@ $module: #{$prefix}-tabs;
 
         .#{$module}-bar-arrow-start {
             margin-right: $spacing-tabs_overflow_icon-marginRight;
-            & > .#{$prefix}-button{
+            & > .#{$prefix}-button {
                 color: $color-tabs_tab-pane_arrow-text-default;
                 padding: $spacing-tabs_tab-pane_arrow;
                 border: $width-tabs_tab-pane_arrow-border solid $color-tabs_tab-pane_arrow-border-default;
                 background-color: $color-tabs_tab-pane_arrow-bg-default;
-                &:hover{
+                &:hover {
                     background-color: var(--semi-color-fill-0);
                     color: $color-tabs_tab-pane_arrow-text-hover;
                     border-color: $color-tabs_tab-pane_arrow-border-hover;
@@ -167,17 +249,17 @@ $module: #{$prefix}-tabs;
 
         .#{$module}-bar-arrow-end {
             margin-left: $spacing-tabs_overflow_icon-marginLeft;
-            & > .#{$prefix}-button{
+            & > .#{$prefix}-button {
                 color: $color-tabs_tab-pane_arrow-text-default;
                 padding: $spacing-tabs_tab-pane_arrow;
                 border: $width-tabs_tab-pane_arrow-border solid $color-tabs_tab-pane_arrow-border-default;
                 background-color: $color-tabs_tab-pane_arrow-bg-default;
-                &:hover{
+                &:hover {
                     background-color: var(--semi-color-fill-0);
                     color: $color-tabs_tab-pane_arrow-text-hover;
                     border-color: $color-tabs_tab-pane_arrow-border-hover;
                 }
-                &:active{
+                &:active {
                     background-color: var(--semi-color-fill-1);
                     color: $color-tabs_tab-pane_arrow-text-active;
                     border-color: $color-tabs_tab-pane_arrow-border-active;
@@ -202,12 +284,13 @@ $module: #{$prefix}-tabs;
         &.#{$module}-bar-top {
             border-bottom: $width-tabs_bar_line-border solid $color-tabs_tab_line_default-border-default;
             transition: color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的 color的transition
-            transform:scale($transform_scale-tabs_tab_line-item);
+            transform: scale($transform_scale-tabs_tab_line-item);
 
             .#{$module}-tab {
                 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;
                 transition: border-bottom-color $transition_duration-tabs_tab_line-border $transition_function-tabs_tab_line-border $transition_delay-tabs_tab_line-border,
-                color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的border-color 的 transition
+                    color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的border-color 的 transition
+                
                 &:nth-of-type(1) {
                     padding-left: 0;
                 }
@@ -391,7 +474,7 @@ $module: #{$prefix}-tabs;
             transition: background-color $transition_duration-tabs_tab_card-bg $transition_function-tabs_tab_card-bg $transition_delay-tabs_tab_card-bg, //卡片式tabs的bg的transition
             color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text;//卡片式tabs的 color的transition
 
-            transform:scale($transform_scale-tabs_tab_card-item);
+            transform: scale($transform_scale-tabs_tab_card-item);
 
             &:hover {
                 background: $color-tabs_tab_card-bg-hover;
@@ -435,9 +518,9 @@ $module: #{$prefix}-tabs;
             color: $color-tabs_tab_button-text-default;
             border: none;
             transition: background-color $transition_duration-tabs-tab_button-bg $transition_function-tabs_tab_button-bg $transition_delay-tabs_tab_button-bg,//按钮tabs的背景色的transition
-            color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text;//按钮式tabs的 color的transition
+                color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text;//按钮式tabs的 color的transition
 
-            transform:scale($transform_scale-tabs_tab_button-item);
+            transform: scale($transform_scale-tabs_tab_button-item);
 
             &:hover {
                 border: none;
@@ -496,10 +579,12 @@ $module: #{$prefix}-tabs;
 
 
     @keyframes #{$module}-panel-keyframe-leftShow {
+
         0% {
             transform: translateX($animation_transform_translateX-tabs_tabPanel-leftShow);
             opacity: $animation_opacity-tabs_tabPanel_show;
         }
+
         100% {
             transform: translateX(0);
             opacity: 1;
@@ -507,10 +592,12 @@ $module: #{$prefix}-tabs;
 
     }
     @keyframes #{$module}-panel-keyframe-rightShow {
+
         0% {
             transform: translateX($animation_transform_translateX-tabs_tabPanel-rightShow);
             opacity: $animation_opacity-tabs_tabPanel_show;
         }
+
         100% {
             transform: translateX(0);
             opacity: 1;
@@ -518,10 +605,12 @@ $module: #{$prefix}-tabs;
     }
 
     @keyframes #{$module}-panel-keyframe-topShow {
+        
         0% {
             transform: translateY($animation_transform_translateX-tabs_tabPanel-leftShow);
             opacity: $animation_opacity-tabs_tabPanel_show;
         }
+        
         100% {
             transform: translateY(0);
             opacity: 1;
@@ -529,10 +618,12 @@ $module: #{$prefix}-tabs;
 
     }
     @keyframes #{$module}-panel-keyframe-bottomShow {
+        
         0% {
             transform: translateY($animation_transform_translateX-tabs_tabPanel-rightShow);
             opacity: $animation_opacity-tabs_tabPanel_show;
         }
+         
         100% {
             transform: translateY(0);
             opacity: 1;
@@ -540,23 +631,241 @@ $module: #{$prefix}-tabs;
     }
 
 
-    &-pane-animate-leftShow{
+    &-pane-animate-leftShow {
         animation: $animation_duration-tabs_tabPanel-show #{$module}-panel-keyframe-leftShow $animation_function-tabs_tabPanel-show $animation_delay-tabs_tabPanel-show;
         animation-fill-mode: forwards;
     }
-    &-pane-animate-rightShow{
+    &-pane-animate-rightShow {
         animation: $animation_duration-tabs_tabPanel-show #{$module}-panel-keyframe-rightShow $animation_function-tabs_tabPanel-show $animation_delay-tabs_tabPanel-show;
         animation-fill-mode: forwards;
     }
 
-    &-pane-animate-topShow{
+    &-pane-animate-topShow {
         animation: $animation_duration-tabs_tabPanel-show #{$module}-panel-keyframe-topShow $animation_function-tabs_tabPanel-show $animation_delay-tabs_tabPanel-show;
         animation-fill-mode: forwards;
     }
-    &-pane-animate-bottomShow{
+
+    &-pane-animate-bottomShow {
         animation: $animation_duration-tabs_tabPanel-show #{$module}-panel-keyframe-bottomShow $animation_function-tabs_tabPanel-show $animation_delay-tabs_tabPanel-show;
         animation-fill-mode: forwards;
     }
+
+    &-tab-line {
+        &.#{$module}-tab-top {
+
+            &.#{$module}-tab {
+                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;
+                transition: border-bottom-color $transition_duration-tabs_tab_line-border $transition_function-tabs_tab_line-border $transition_delay-tabs_tab_line-border,
+                    color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的border-color 的 transition
+                
+                &:nth-of-type(1) {
+                    padding-left: 0;
+                }
+
+                border-bottom: $width-tabs_bar_line_tab-border solid transparent;
+
+                &:hover {
+                    border-bottom: $width-tabs_bar_line_tab-border solid $color-tabs_tab_line_default-border-hover;
+                }
+
+                &:focus-visible {
+                    outline: $width-tabs-outline solid $color-tabs_tab-outline-focus;
+                    outline-offset: $width-tabs_bar_line-outline-offset;
+                }
+
+                &:active {
+                    border-bottom: $width-tabs_bar_line_tab-border solid $color-tabs_tab_line_default-border-active;
+                }
+
+                // &:not(:last-of-type) {
+                //     margin-right: $spacing-tabs_bar_line_tab-marginRight;
+                // }
+
+                &-small {
+                    padding: $spacing-tabs_bar_line_tab_small-paddingTop $spacing-tabs_bar_line_tab_small-paddingRight $spacing-tabs_bar_line_tab_small-paddingBottom $spacing-tabs_bar_line_tab_small-paddingLeft;
+                }
+
+                &-medium {
+                    padding: $spacing-tabs_bar_line_tab_medium-paddingTop $spacing-tabs_bar_line_tab_medium-paddingRight $spacing-tabs_bar_line_tab_medium-paddingBottom $spacing-tabs_bar_line_tab_medium-paddingLeft;
+                }
+            }
+
+            &.#{$module}-tab-active {
+
+                &,
+                &:hover {
+                    border-bottom: $width-tabs_bar_line_tab-border solid $color-tabs_tab_line_indicator_selected-icon-default;
+                }
+            }
+        }
+
+        &.#{$module}-tab-left {
+
+            &.#{$module}-tab {
+                padding: $spacing-tabs_bar_line_tab_left-padding;
+                border-left: $width-tabs_bar_line_tab-border solid transparent;
+                transition: background-color $transition_duration-tabs-tab_button-bg $transition_function-tabs_tab_button-bg $transition_delay-tabs_tab_button-bg,//按钮tabs的背景色的transition
+                color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text;//按钮式tabs的 color的transition
+
+                &:hover {
+                    border-left: $width-tabs_bar_line_tab-border solid $color-tabs_tab_line_default-border-hover;
+                    background-color: $color-tabs_tab_line_vertical-bg-hover;
+                }
+
+                &:focus-visible {
+                    outline: $width-tabs-outline solid $color-tabs_tab-outline-focus;
+                    outline-offset: $width-tabs-outline-offset;
+                }
+
+                &:active {
+                    border-left: $width-tabs_bar_line_tab-border solid $color-tabs_tab_line_default-border-active;
+                    background-color: $color-tabs_tab_line_vertical-bg-active;
+                }
+
+                &-small {
+                    padding: $spacing-tabs_bar_line_tab_left_small-padding;
+                }
+
+                &-medium {
+                    padding: $spacing-tabs_bar_line_tab_left_medium-padding;
+                }
+            }
+
+            &.#{$module}-tab-active {
+                background-color: $color-tabs_tab_line_vertical_selected-bg-default;
+
+                &,
+                &:hover {
+                    border-left: $width-tabs_bar_line_tab-border solid $color-tabs_tab_line_indicator_selected-icon-default;
+                    background-color: $color-tabs_tab_line_vertical_selected-bg-default;
+                }
+            }
+        }
+    }
+
+    &-tab-card {
+        &.#{$module}-tab-top {
+
+            &.#{$module}-tab {
+                border: $width-tabs_bar_card-border solid transparent;
+                border-bottom: none;
+                border-radius: $radius-tabs_tab_card;
+
+                &:hover {
+                    border-bottom: none;
+                }
+
+            }
+
+            &.#{$module}-tab-active {
+
+                &,
+                &:hover {
+                    padding: $spacing-tabs_bar_card_tab_active-paddingTop $spacing-tabs_bar_card_tab_active-paddingRight $spacing-tabs_bar_card_tab_active-paddingBottom $spacing-tabs_bar_card_tab_active-paddingLeft;
+                    border: $width-tabs_bar_card-border solid $color-tabs_tab_card_indicator_selected-icon-default;
+                    border-bottom: $width-tabs_bar_card-border solid $color-tabs_tab_card_selected-bg-default;
+                    background: transparent;
+                    // padding-bottom: $spacing-tight + 1;
+                }
+            }
+        }
+
+        &.#{$module}-tab-left {
+
+            &.#{$module}-tab {
+                border: $width-tabs_bar_card-border solid transparent;
+                border-right: none;
+                border-radius: $radius-tabs_tab_card_left;
+
+                &:hover {
+                    border-right: none;
+                }
+
+            }
+
+            &.#{$module}-tab-active {
+
+                &:after {
+                    content: " ";
+                    width: 1px;
+                    position: absolute;
+                    right: -1px;
+                    top: 0;
+                    bottom: 0;
+                    background: $color-tabs_tab_card_selected-bg-default;
+                }
+
+                &,
+                &:hover {
+                    padding: $spacing-tabs_bar_card_tab_left_active-paddingY $spacing-tabs_bar_card_tab_left_active-paddingX;
+                    border: $width-tabs_bar_card-border solid $color-tabs_tab_card_indicator_selected-icon-default;
+                    border-right: none;
+                    background: transparent;
+                    // padding-bottom: $spacing-tight + 1;
+                }
+            }
+        }
+
+        &.#{$module}-tab {
+            padding: $spacing-tabs_bar_card_tab-paddingY $spacing-tabs_bar_card_tab-paddingX;
+            transition: background-color $transition_duration-tabs_tab_card-bg $transition_function-tabs_tab_card-bg $transition_delay-tabs_tab_card-bg, //卡片式tabs的bg的transition
+            color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text;//卡片式tabs的 color的transition
+
+            transform: scale($transform_scale-tabs_tab_card-item);
+
+            &:hover {
+                background: $color-tabs_tab_card-bg-hover;
+            }
+
+            &:focus-visible {
+                outline: $width-tabs-outline solid $color-tabs_tab-outline-focus;
+                outline-offset: $width-tabs-outline-offset;
+            }
+
+            &:active {
+                background: $color-tabs_tab_card-bg-active;
+            }
+        }
+    }
+
+    &-tab-button {
+        border: none;
+
+        &.#{$module}-tab {
+            padding: $spacing-tabs_bar_button_tab-paddingY $spacing-tabs_bar_button_tab-paddingX;
+            border-radius: $radius-tabs_tab_button;
+            color: $color-tabs_tab_button-text-default;
+            border: none;
+            transition: background-color $transition_duration-tabs-tab_button-bg $transition_function-tabs_tab_button-bg $transition_delay-tabs_tab_button-bg,//按钮tabs的背景色的transition
+            color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text;//按钮式tabs的 color的transition
+
+            transform: scale($transform_scale-tabs_tab_button-item);
+
+            &:hover {
+                border: none;
+                background-color: $color-tabs_tab_button-bg-hover;
+            }
+
+            &:focus-visible {
+                outline: $width-tabs-outline solid $color-tabs_tab-outline-focus;
+                outline-offset: $width-tabs-outline-offset;
+            }
+
+            &:active {
+                background-color: $color-tabs_tab_button-bg-active;
+            }
+        }
+
+        &.#{$module}-tab-active {
+
+            &,
+            &:hover {
+                color: $color-tabs_tab_button_selected-text-default;
+                border: none;
+                background-color: $color-tabs_tab_button_selected-bg-default;
+            }
+        }
+    }
 }
 
 @import "./rtl.scss";

package/toast/toast.scss

@@ -48,6 +48,9 @@ $icon: #{$prefix}-toast-icon;
                 background-color: $color-toast_warning_light-bg;
                 border: $width-toast_light-border solid $color-toast_warning_light-border;
             }
+            .#{$icon}-warning {
+                color: $color-toast_warning_light-icon;
+            }
         }
 
         &.#{$module}-success {
@@ -55,6 +58,9 @@ $icon: #{$prefix}-toast-icon;
                 background-color: $color-toast_success_light-bg;
                 border: $width-toast_light-border solid $color-toast_success_light-border;
             }
+            .#{$icon}-success {
+                color: $color-toast_success_light-icon;
+            }
         }
 
         &.#{$module}-info {
@@ -62,6 +68,9 @@ $icon: #{$prefix}-toast-icon;
                 background-color: $color-toast_info_light-bg;
                 border: $width-toast_light-border solid $color-toast_info_light-border;
             }
+            .#{$icon}-info {
+                color: $color-toast_info_light-icon;
+            }
         }
 
         &.#{$module}-error {
@@ -69,6 +78,9 @@ $icon: #{$prefix}-toast-icon;
                 background-color: $color-toast_danger_light-bg;
                 border: $width-toast_light-border solid $color-toast_danger_light-border;
             }
+            .#{$icon}-error {
+                color: $color-toast_danger_light-icon;
+            }
         }
     }
 

package/toast/variables.scss

@@ -5,13 +5,21 @@ $color-toast_warning-icon: var(--semi-color-warning); // 警告提示图标颜
 $color-toast_success-icon: var(--semi-color-success); // 成功提示图标颜色
 $color-toast_info-icon: var(--semi-color-info); // 通知提示图标颜色
 $color-toast_danger-icon: var(--semi-color-danger); // 错误提示图标颜色
+
 $color-toast_warning_light-bg: var(--semi-color-warning-light-default); // 多色样式 警告提示背景颜色
+$color-toast_warning_light-icon: $color-toast_warning-icon; // 多色样式 警告提示图标颜色
 $color-toast_warning_light-border: var(--semi-color-warning); // 多色样式 警告提示描边颜色
+
 $color-toast_success_light-bg: var(--semi-color-success-light-default); // 多色样式 成功提示背景颜色
+$color-toast_success_light-icon: $color-toast_success-icon; // 多色样式 成功提示图标颜色
 $color-toast_success_light-border: var(--semi-color-success); // 多色样式 成功提示描边颜色
+
 $color-toast_info_light-bg: var(--semi-color-info-light-default); // 多色样式 通知提示背景颜色
+$color-toast_info_light-icon: $color-toast_info-icon; // 多色样式 通知提示图标颜色
 $color-toast_info_light-border: var(--semi-color-info); // 多色样式 通知提示描边颜色
+
 $color-toast_danger_light-bg: var(--semi-color-danger-light-default); // 多色样式 错误提示背景颜色
+$color-toast_danger_light-icon: $color-toast_danger-icon; // 多色样式 错误提示图标颜色
 $color-toast_danger_light-border: var(--semi-color-danger); // 多色样式 错误提示描边颜色
 
 // Spacing

package/tree/foundation.ts

@@ -197,7 +197,7 @@ export interface BasicTreeProps {
     emptyContent?: any;
     expandAction?: ExpandAction;
     expandedKeys?: string[];
-    filterTreeNode?: boolean | ((inputValue: string, treeNodeString: string) => boolean);
+    filterTreeNode?: boolean | ((inputValue: string, treeNodeString: string, data?: BasicTreeNodeData) => boolean);
     hideDraggingNode?: boolean;
     labelEllipsis?: boolean;
     leafOnly?: boolean;

package/tree/treeUtil.ts

@@ -399,14 +399,15 @@ export function calcMotionKeys(oldKeySet: Set<string>, newKeySet: Set<string>, k
 }
 /**
  * @returns whether option includes sugInput.
- * When filterTreeNode is a function,returns the result of filterTreeNode which called with (sugInput, option).
+ * When filterTreeNode is a function,returns the result of filterTreeNode which called with (sugInput, target, option).
+ * The filteredPath parameter will only be passed in when the Cascader calls the filter function
  */
-export function filter(sugInput: string, option: any, filterTreeNode: any, filterProps: any) {
+export function filter(sugInput: string, option: any, filterTreeNode: any, filterProps: any, filteredPath?: string) {
     if (!filterTreeNode) {
         return true;
     }
     let filterFn = filterTreeNode;
-    let target = option;
+    let target = filteredPath ?? option;
     if (typeof filterTreeNode === 'boolean') {
         filterFn = (targetVal: string, val: any) => {
             const input = targetVal.toLowerCase();
@@ -419,7 +420,7 @@ export function filter(sugInput: string, option: any, filterTreeNode: any, filte
     if (filterProps) {
         target = option[filterProps];
     }
-    return filterFn(sugInput, target);
+    return filterFn(sugInput, target, option);
 }
 
 export function normalizedArr(val: any) {

package/lib/cjs/anchor/constants.d.ts

@@ -1,11 +0,0 @@
-declare const cssClasses: {
-    PREFIX: string;
-};
-declare const strings: {
-    readonly SIZE: readonly ["small", "default"];
-    readonly SLIDE_COLOR: readonly ["primary", "tertiary", "muted"];
-    readonly MAX_WIDTH: "200px";
-    readonly MAX_HEIGHT: "750px";
-    readonly POSITION_SET: readonly ["top", "topLeft", "topRight", "left", "leftTop", "leftBottom", "right", "rightTop", "rightBottom", "bottom", "bottomLeft", "bottomRight", "leftTopOver", "rightTopOver"];
-};
-export { cssClasses, strings };

package/lib/cjs/anchor/constants.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.strings = exports.cssClasses = void 0;
-
-var _constants = require("../base/constants");
-
-const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-anchor")
-};
-exports.cssClasses = cssClasses;
-const strings = {
-  SIZE: ['small', 'default'],
-  SLIDE_COLOR: ['primary', 'tertiary', 'muted'],
-  MAX_WIDTH: '200px',
-  MAX_HEIGHT: '750px',
-  POSITION_SET: ['top', 'topLeft', 'topRight', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'bottom', 'bottomLeft', 'bottomRight', 'leftTopOver', 'rightTopOver']
-};
-exports.strings = strings;

package/lib/cjs/anchor/foundation.d.ts

@@ -1,40 +0,0 @@
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export interface AnchorAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
-    addLink: (link: string) => void;
-    removeLink: (link: string) => void;
-    setChildMap: (value: Record<string, Set<string>>) => void;
-    setScrollHeight: (heigh: string) => void;
-    setSlideBarTop: (height: number) => void;
-    setClickLink: (value: boolean) => void;
-    setActiveLink: (link: string, cb: () => void) => void;
-    setClickLinkWithCallBack: (value: boolean, link: string, cb: (link: string) => void) => void;
-    getContainer: () => HTMLElement | Window;
-    getContainerBoundingTop: () => number;
-    getLinksBoundingTop: () => number[];
-    getAnchorNode: (selector: string) => HTMLElement;
-    getContentNode: (selector: string) => HTMLElement;
-    notifyChange: (currentLink: string, previousLink: string) => void;
-    notifyClick: (e: any, link: string) => void;
-    canSmoothScroll: () => boolean;
-}
-export default class AnchorFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<AnchorAdapter<P, S>, P, S> {
-    constructor(adapter: AnchorAdapter<P, S>);
-    init: () => void;
-    destroy: () => void;
-    addLink: (link: string) => void;
-    removeLink: (link: string) => void;
-    setActiveLink: (link: string, prevLink: string, shouldNotify?: boolean) => void;
-    setScrollHeight: () => void;
-    updateScrollHeight: (prevState: any, state: any) => void;
-    setChildMap: () => void;
-    updateChildMap: (prevState: any, state: any) => void;
-    getLinksTop: () => number[];
-    handleScroll: () => void;
-    handleClick: (e: any, link: string, shouldNotify?: boolean) => void;
-    handleClickLink: () => void;
-    _getLinkToMap: (link: any, parents: string[], linkMap: {
-        [key: string]: Set<string>;
-    }) => void;
-    _scrollIntoView: (link: string) => void;
-    _setActiveSlide: () => void;
-}