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

package/lib/cjs/calendar/variables.scss

@@ -1,105 +0,0 @@
-// Color
-$color-calendar-bg-active: var(--semi-color-primary); // 今日标识颜色
-$color-calendar-bg: var(--semi-color-bg-2); // 日历背景颜色
-$color-calendar-text-active: var(--semi-color-bg-1); // 日历文字颜色 - 今日
-$color-calendar_curr-bg: var(--semi-color-danger); // 当前时间标识线颜色
-$color-calendar_curr-border: var(--semi-color-danger); // 当前时间标识线颜色
-$color-calendar_currCircle-bg-default: var(--semi-color-danger); // 当前时间标识原点颜色
-$color-calendar_date-text-default: var(--semi-color-text-0); // 日历文字颜色 - 当月
-$color-calendar_day-border: var(--semi-color-border); // 日历描边颜色
-$color-calendar_day-text-default: var(--semi-color-text-2); // 日历文字颜色 - 非当月
-$color-calendar_sticky-bg: var(--semi-color-bg-2); // 日历背景颜色 - 吸顶部分
-$color-calendar_weekend-bg: var(--semi-color-fill-0);  // 日历背景颜色 - 非工作日
-
-// Width/Height
-$width-calendar_day: 70px;
-$width-calendar_day-minWidth: 70px;
-$height-calendar_day_grid: 60px;
-$width-calendar_day_grid: 130px;
-$width-calendar_day_grid-minWidth: 130px;
-$height-calendar_time_grid: $height-calendar_day_grid / 2;
-$height-calendar_allDay: 26px;
-$height-calendar_allDay-minHeight: 26px;
-$width-calendar_currCircle: 8px;
-$width-calendar_tag_col: 70px;
-$width-calendar_tag_col-minWidth: 70px;
-$height-calendar_day_allDay: 26px;
-$height-calendar_month: 100%;
-$height-calendar_month_day: 24px;
-$height-calendar_month_week_skeletion: 100%;
-$height-calendar_month_grid_wrapper: calc(100% - 27px);
-$width-calendar_card: 220px;
-$height-calendar_day_gridTime: $height-calendar_day_grid / 2;
-$width-calendar_today_date: 24px;
-$height-calendar_today_date: 24px;
-$height-calendar_body_li: 24px;
-$height-calendar_day_scroll_wrapper: calc(100% - 28px);
-$height-calendar_week_scroll_wrapper: calc(100% - 55px);
-$height-calendar_month_skeletion_li: 100%;
-$height-calendar_month_grid_col: 100%;
-$height-calendar_month_week_row_event_month: 1em;
-$width-calendar-border-default: 1px;
-$width-calendar-border-thick: 1px;
-
-// Spacing
-$spacing-calendar_ul_li-padding: 0;
-$spacing-calendar_ul_li-margin: 0;
-$spacing-calendar_sticky_top-top: 0;
-$spacing-calendar_sticky_top-right: 0;
-$spacing-calendar_sticky_top-left: 0;
-$spacing-calendar_sticky_left-left: 0;
-$spacing-calendar_event_day-left: 0;
-$spacing-calendar_event_day-right: 0;
-$spacing-calendar_custom_container-top: 0;
-$spacing-calendar_custom_container-right: 0;
-$spacing-calendar_custom_container-bottom: 0;
-$spacing-calendar_custom_container-left: 0;
-$spacing-calendar_currCircle-marginTop: -4px;
-$spacing-calendar_currLine-left: 0;
-$spacing-calendar_currLine-right: 0;
-$spacing-calendar_allDay_tag-paddingRight: 8px;
-$spacing-calendar_allDay_content-paddingLeft: 0;
-$spacing-calendar_month_event_card_wrapper-paddingTop: 2px;
-$spacing-calendar_grid_row_span_child-paddingY: 0;
-$spacing-calendar_grid_row_span_child-paddingX: 4px;
-$spacing-calendar_skeleton_li_child-paddingTop: 4px;
-$spacing-calendar_month_event_card_close-marginRight: -4px;
-$spacing-calendar_header_info_date-marginTop: 4px;
-$spacing-calendar_time-paddingRight: 8px;
-$spacing-calendar_time_item_span-top: -10px;
-$spacing-calendar_tag_child-paddingRight: 8px;
-$spacing-calendar_skeletion_grid_row_li-paddingRight: 8px;
-$spacing-calendar_month_event_card_wrapper-right: 8px;
-$spacing-calendar_month_event_card_content-paddingY: 12px;
-$spacing-calendar_month_event_card_content-paddingX: 0;
-$spacing-calendar_month_event_card_ul_li-margin: 0;
-$spacing-calendar_month_event_card_ul_li-padding: 0;
-$spacing-calendar_header-marginY: 12px;
-$spacing-calendar_header-marginX: 20px;
-$spacing-calendar_body-padingY: 0;
-$spacing-calendar_body-padingX: 16px;
-$spacing-calendar_event_items-top: 31px;
-$spacing-calendar_event_items-right: 0;
-$spacing-calendar_event_items-bottom: 20px;
-$spacing-calendar_event_items-left: 0;
-$spacing-calendar_month_skeletion-left: 0;
-$spacing-calendar_month_skeletion-right: 0;
-$spacing-calendar_month_date-right: 4px;
-
-// Radius
-$radius-calendar_currCircle: var(--semi-border-radius-circle); // 日历选中日期标识圆角
-$radius-calendar_today_date: var(--semi-border-radius-circle); // 日历选中日期标识圆角
-
-// Font
-$font-calendar_allDay_tag-lineHeight: $height-calendar_allDay; // 日历全天标识文字行高
-$font-calendar_today_date-lineHeight: 24px;
-$font-calendar_day_allDay-lineHeight: 26px;
-$font-calendar_day_allDay-fontSize: 26px;
-$font-calendar_month_day-fontSize: 24px;
-
-// Other
-$z-calendar_stickyTop: 20;
-$z-calendar_item: 5;
-$z-calendar_stickyLeft: 10;
-$z-calendar_curr: 8;
-$z-calendar_line: 3;

package/lib/cjs/card/card.css

@@ -1,148 +0,0 @@
-/* shadow */
-/* sizing */
-/* spacing */
-.semi-card {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  border-radius: var(--semi-border-radius-medium);
-  overflow: hidden;
-  background-color: var(--semi-color-bg-0);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px;
-  letter-spacing: 0em;
-}
-.semi-card-shadows {
-  cursor: pointer;
-  transition: box-shadow 0.3s;
-}
-.semi-card-shadows-hover:hover {
-  box-shadow: var(--semi-shadow-elevated);
-  z-index: 1;
-}
-.semi-card-shadows-always {
-  box-shadow: var(--semi-shadow-elevated);
-}
-.semi-card-bordered {
-  border: 1px solid var(--semi-color-border);
-}
-.semi-card-header {
-  padding: 20px;
-}
-.semi-card-header-bordered {
-  border-bottom: 1px solid var(--semi-color-border);
-}
-.semi-card-header-wrapper {
-  display: flex;
-  align-items: flex-start;
-  flex-direction: row-reverse;
-  justify-content: space-between;
-}
-.semi-card-header-wrapper-spacing {
-  margin-right: 20px;
-}
-.semi-card-header-wrapper-title {
-  width: 100%;
-  overflow: hidden;
-}
-.semi-card-header-wrapper-extra {
-  flex-shrink: 0;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 700;
-  letter-spacing: 0em;
-  color: var(--semi-color-text-0);
-}
-.semi-card-cover > * {
-  display: block;
-  width: 100%;
-}
-.semi-card-body {
-  padding: 20px;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px;
-  letter-spacing: 0em;
-  color: var(--semi-color-text-1);
-}
-.semi-card-body-actions {
-  margin-top: 20px;
-  padding-top: 20px;
-  border-top: 1px solid var(--semi-color-border);
-}
-.semi-card-footer {
-  padding: 20px;
-}
-.semi-card-footer-bordered {
-  border-top: 1px solid var(--semi-color-border);
-}
-.semi-card-meta {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-}
-.semi-card-meta-avatar {
-  margin-right: 12px;
-}
-.semi-card-meta-wrapper-title {
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: 22px;
-  letter-spacing: 0em;
-  color: var(--semi-color-text-0);
-}
-.semi-card-meta-wrapper-description {
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px;
-  letter-spacing: 0em;
-  color: var(--semi-color-text-2);
-}
-
-.semi-card-group-grid .semi-card {
-  border-radius: 0;
-}
-.semi-card-group-grid .semi-card {
-  margin-left: -1px;
-  margin-top: -1px;
-}
-
-.semi-rtl .semi-card,
-.semi-portal-rtl .semi-card {
-  direction: rtl;
-}
-.semi-rtl .semi-card-header-wrapper,
-.semi-portal-rtl .semi-card-header-wrapper {
-  align-items: flex-end;
-}
-.semi-rtl .semi-card-header-wrapper-title,
-.semi-portal-rtl .semi-card-header-wrapper-title {
-  display: flex;
-  align-items: flex-end;
-}
-.semi-rtl .semi-card-header-wrapper-spacing,
-.semi-portal-rtl .semi-card-header-wrapper-spacing {
-  margin-left: 20px;
-  margin-right: 0;
-}
-.semi-rtl .semi-card-meta-avatar,
-.semi-portal-rtl .semi-card-meta-avatar {
-  margin-left: 12px;
-  margin-right: 0;
-}
-.semi-rtl .semi-card-group,
-.semi-portal-rtl .semi-card-group {
-  direction: rtl;
-}
-.semi-rtl .semi-card-group-grid .semi-card,
-.semi-portal-rtl .semi-card-group-grid .semi-card {
-  margin-left: 0;
-  margin-top: 0;
-  margin-right: -1px;
-  margin-bottom: -1px;
-}

package/lib/cjs/card/card.scss

@@ -1,146 +0,0 @@
-@import "./variables.scss";
-
-$module: #{$prefix}-card;
-
-.#{$module} {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-    border-radius: $radius-card;
-    overflow: hidden;
-    background-color: $color-card-bg-default;
-    font-size: $font-card_default-fontSize;
-    font-style: normal;
-    font-weight: $font-card_default-fontWeight;
-    line-height: $font-card_default-lineHeight;
-    letter-spacing: 0em;
-
-    &-shadows {
-        cursor: pointer;
-        transition: box-shadow $motion-card-transition_duration;
-        
-        &-hover {
-            &:hover {
-                box-shadow: $shadow-card;
-                z-index: $z-card_hover; // 避免网格型卡片组shadow覆盖
-            }
-        }
-        
-        &-always {
-            box-shadow: $shadow-card;
-        }
-    }
-
-    &-bordered {
-        border: $width-card-border solid $color-card-border;
-    }
-
-    &-header {
-        padding: $spacing-card-padding;
-
-        &-bordered {
-            border-bottom: $width-card-border solid $color-card-border;
-        }
-
-        &-wrapper {
-            display: flex;
-            align-items: flex-start;
-            flex-direction: row-reverse;
-            justify-content: space-between;
-
-            &-spacing {
-                margin-right: $spacing-card-margin;
-            }
-
-            &-title {
-                width: 100%;
-                overflow: hidden;
-            }
-
-            &-extra {
-                flex-shrink: 0;
-                font-size: $font-card_extra-fontSize;
-                font-style: normal;
-                font-weight: $font-card_extra-fontWeight;
-                letter-spacing: 0em;
-                color: $color-card_extra-text;
-            }
-        }
-    }
-
-    &-cover {
-        > * {
-            display: block;
-            width: 100%;
-        }
-    }
-
-    &-body {
-        padding: $spacing-card-padding;
-        font-size: $font-card_default-fontSize;
-        font-style: normal;
-        font-weight: $font-card_default-fontWeight;
-        line-height: $font-card_default-lineHeight;
-        letter-spacing: 0em;
-        color: $color-card_body-text;
-
-        &-actions {
-            margin-top: $spacing-card-margin;
-            padding-top: $spacing-card-padding;
-            border-top: $width-card-border solid $color-card-border;
-        }
-    }
-
-    &-footer {
-        padding: $spacing-card-padding;
-
-        &-bordered {
-            border-top: $width-card-border solid $color-card-border;
-        }
-    }
-
-    &-meta {
-        display: flex;
-        align-items: center;
-        justify-content: flex-start;
-
-        &-avatar {
-            margin-right: $spacing-card_avatar-marginRight;
-        }
-
-        &-wrapper {
-            &-title {
-                font-size: $font-card_title-fontSize;
-                font-style: normal;
-                font-weight: $font-card_title-fontWeight;
-                line-height: $font-card_title-lineHeight;
-                letter-spacing: 0em;
-                color: $color-card_title-text;
-            }
-
-            &-description {
-                font-size: $font-card_default-fontSize;
-                font-style: normal;
-                font-weight: $font-card_default-fontWeight;
-                line-height: $font-card_default-lineHeight;
-                letter-spacing: 0em;
-                color: $color-card_description-text;
-            }
-        }
-    }
-}
-
-.#{$module}-group {
-    &-grid {
-        & .#{$module} {
-            border-radius: 0;
-        }
-        
-        & .#{$prefix}-card {
-            margin-left: $spacing-cardGroup_card-margin;
-            margin-top: $spacing-cardGroup_card-margin;
-        }
-    }
-}
-
-@import "./rtl.scss";

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

@@ -1,8 +0,0 @@
-declare const cssClasses: {
-    PREFIX: string;
-};
-declare const strings: {
-    SHADOWS: string[];
-    TYPE: string[];
-};
-export { cssClasses, strings };

package/lib/cjs/card/constants.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_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, "-card")
-};
-exports.cssClasses = cssClasses;
-const strings = {
-  SHADOWS: ['hover', 'always'],
-  TYPE: ['grid']
-};
-exports.strings = strings;

package/lib/cjs/card/rtl.scss

@@ -1,43 +0,0 @@
-$module: #{$prefix}-card;
-
-.#{$prefix}-rtl,
-.#{$prefix}-portal-rtl {
-    .#{$module} {
-        direction: rtl;
-
-        &-header {
-            &-wrapper {
-                align-items: flex-end;
-
-                &-title {
-                    display: flex;
-                    align-items: flex-end;
-                }
-                
-                &-spacing {
-                    margin-left: $spacing-card-margin;
-                    margin-right: 0;
-                }
-            }
-        }
-
-        &-meta {
-            &-avatar {
-                margin-left: $spacing-card_avatar-marginRight;
-                margin-right: 0;
-            }
-        }
-    }
-
-    .#{$module}-group {
-        direction: rtl;
-        &-grid {
-            & .#{$prefix}-card {
-                margin-left: 0;
-                margin-top: 0;
-                margin-right: $spacing-cardGroup_card-margin;
-                margin-bottom: $spacing-cardGroup_card-margin;
-            }
-        }
-    }
-}

package/lib/cjs/card/variables.scss

@@ -1,30 +0,0 @@
-$color-card-bg-default: var(--semi-color-bg-0); // 卡片背景颜色
-$color-card-border: var(--semi-color-border); // 卡片描边颜色
-$color-card_title-text: var(--semi-color-text-0); // 卡片标题文字颜色
-$color-card_description-text: var(--semi-color-text-2); // 卡片描述文字颜色
-$color-card_extra-text: var(--semi-color-text-0); // 卡片附加文字颜色
-$color-card_body-text: var(--semi-color-text-1); // 卡片正文文字颜色
-
-$font-card_default-fontWeight: $font-weight-regular; // 卡片文字字重 - 默认
-$font-card_extra-fontWeight: 700; // 卡片文字字重 - 附加文字
-$font-card_title-fontWeight: 700; // 卡片文字字重 - 标题
-$font-card_default-lineHeight: 20px; // 卡片文字行高 - 默认
-$font-card_title-lineHeight: 22px; // 卡片文字行高 - 标题
-$font-card_default-fontSize: $font-size-regular;  // 卡片文字大小 - 默认
-$font-card_extra-fontSize: $font-size-header-6; // 卡片文字大小 - 附加文字
-$font-card_title-fontSize: $font-size-header-6; // 卡片文字大小 - 标题
-
-$radius-card: var(--semi-border-radius-medium); // 卡片圆角
-
-$motion-card-transition_duration: 0.3s; // 卡片悬浮动画时长
-
-$width-card-border: $border-thickness-control; // 卡片描边宽度
-
-$shadow-card: var(--semi-shadow-elevated); // 卡片阴影
-
-$spacing-card-padding: $spacing-base-loose; // 卡片内边距
-$spacing-card-margin: $spacing-base-loose; // 卡片外边距
-$spacing-card_avatar-marginRight: $spacing-base-tight; // 卡片头像右侧外边距
-$spacing-cardGroup_card-margin: -1px; // 卡片组外边距
-
-$z-card_hover: 1; // 悬浮后卡片 zindex