@douyinfe/semi-foundation 2.1.1 → 2.1.2

package/lib/cjs/treeSelect/variables.scss

@@ -0,0 +1,90 @@
+$color-treeSelect_default-bg-default: var(--semi-color-fill-0); // 树选择器选择框背景颜色 - 默认
+$color-treeSelect_default-border-default: transparent; // 树选择器选择框描边颜色 - 默认
+$color-treeSelect_selection-text-default: var(--semi-color-text-0); // 树选择器选择框回填内容文本颜色 - 默认
+$color-treeSelect_default-icon-default: var(--semi-color-text-2); // 树选择器选择框图标颜色 - 默认
+$color-treeSelect_default-icon-hover: var(--semi-color-primary-hover); // 树选择器选择框清空按钮颜色 - 悬停
+$color-treeSelect_default-icon-active: var(--semi-color-primary-active); // 树选择器选择框清空按钮颜色 - 按下
+$color-treeSelect_default-bg-hover: var(--semi-color-fill-1); // 树选择器选择框背景颜色 - 悬停
+
+$color-treeSelect_default-border-focus: var(--semi-color-focus-border);// 树选择器选择框描边颜色 - 选中
+
+$color-treeSelect_search-border-default: var(--semi-color-fill-0); // 树选择器菜单搜索框描边颜色 - 默认
+$color-treeSelect_tag_disabled-bg-default: transparent; // 禁用树选择器菜单标签背景颜色
+$color-treeSelect_input_disabled-bg-default: var(--semi-color-disabled-fill); // 禁用树选择器选择框背景颜色
+$color-treeSelect_input_disabled-border-default: var(--semi-color-disabled-border); // 禁用树选择器选择框描边颜色
+$color-treeSelect_input_disabled-text-default: var(--semi-color-disabled-text); // 禁用树选择器选择框文本颜色
+$color-treeSelect_input_disabled-bg-hover: var(--semi-color-disabled-fill); // 禁用树选择器选择框背景颜色 - 悬浮
+$color-treeSelect_input_placeholder-text-default: var(--semi-color-text-2); // 树选择器选择框占位文本颜色
+
+// warning，same as Input
+$color-treeSelect_warning-bg-default: var(--semi-color-warning-light-default); // 警告树选择器选择框背景颜色 - 默认
+$color-treeSelect_warning-border-default: var(--semi-color-warning-light-default); // 警告树选择器选择框描边颜色 - 默认
+
+$color-treeSelect_warning-bg-hover: var(--semi-color-warning-light-hover); // 警告树选择器选择框背景颜色 - 悬浮
+$color-treeSelect_warning-border-hover: var(--semi-color-warning-light-hover); // 警告树选择器选择框描边颜色 - 悬浮
+
+$color-treeSelect_warning-bg-focus: var(--semi-color-warning-light-default); // 警告树选择器选择框背景颜色 - 选中
+$color-treeSelect_warning-border-focus: var(--semi-color-warning); // 警告树选择器选择框描边颜色 - 选中
+
+$color-treeSelect_warning-bg-active: var(--semi-color-warning-light-active); // 警告树选择器选择框背景颜色 - 激活
+$color-treeSelect_warning-border-active: var(--semi-color-warning-light-active); // 警告树选择器选择框描边颜色 - 激活
+
+// error，same as Input
+$color-treeSelect_danger-bg-default: var(--semi-color-danger-light-default); // 错误树选择器选择框背景颜色 - 默认
+$color-treeSelect_danger-border-default: var(--semi-color-danger-light-default); // 错误树选择器选择框描边颜色 - 默认
+
+$color-treeSelect_danger-bg-hover: var(--semi-color-danger-light-hover); // 错误树选择器选择框背景颜色 - 悬浮
+$color-treeSelect_danger-border-hover: var(--semi-color-danger-light-hover); // 错误树选择器选择框描边颜色 - 悬浮
+
+$color-treeSelect_danger-bg-focus: var(--semi-color-danger-light-default); // 错误树选择器选择框背景颜色 - 选中
+$color-treeSelect_danger-border-focus: var(--semi-color-danger); // 错误树选择器选择框描边颜色 - 选中
+
+$color-treeSelect_danger-bg-active: var(--semi-color-danger-light-active); // 错误树选择器选择框背景颜色 - 激活
+$color-treeSelect_danger-border-active: var(--semi-color-danger-light-active); // 错误树选择器选择框描边颜色 - 激活
+
+$radius-treeSelect: var(--semi-border-radius-small); // 树选择器圆角
+$width-treeSelect-border: 1px; // 树选择器描边宽度
+$width-treeSelect_search_wrapper-border: 1px; // 树选择器搜索框描边宽度
+
+$width-treeSelect_focus-border: $border-thickness-control-focus; // 树选择器选择框描边宽度
+
+$width-treeSelect_default: 80px; // 树选择器最小宽度
+$height-treeSelect_default: $height-control-default; // 树选择器选择器高度 - 默认
+$font-treeSelect_default-lineHeight: $height-treeSelect_default; // 树选择器选择器文本行高
+$font-treeSelect_default-fontWeight: $font-weight-regular; // 树选择器选择器文本字重
+$font-treeSelect_default-fontSize: 14px; // 树选择器选择器文本字号
+$height-treeSelect_small: $height-control-small; // 小尺寸树选择器选择器高度
+$font-treeSelect_small-lineHeight: $height-treeSelect_small; // 小尺寸树选择器选择器文本行高
+
+$height-treeSelect_large: $height-control-large; // 大尺寸树选择器选择器文本行高
+$font-treeSelect_large-lineHeight: $height-treeSelect_large; // 大尺寸树选择器选择器文本行高
+
+$spacing-treeSelect_selection_tagInput_wrapper-paddingX: $spacing-extra-tight; // 树选择器多选标签容器水平内边距
+$spacing-treeSelect_selection_tagInput_empty-marginLeft: $spacing-extra-tight; // 树选择器多选标签容器为空时左侧外边距
+$spacing-treeSelect_selection_tagInput_notEmpty-marginLeft: - $spacing-extra-tight; // 树选择器多选标签容器不为空时左侧外边距
+$spacing-treeSelect_selection-paddingLeft: $spacing-base-tight; // 树选择器单选左侧内边距
+$spacing-treeSelect_tag-marginX: $spacing-super-tight; // 树选择器多选标签水平外边距
+$spacing-treeSelect_tag-marginY: 1px; // 树选择器多选标签垂直外边距
+$spacing-treeSelect_selection_multiple-paddingLeft: 4px; // 树选择器多选标签左侧内边距
+$spacing-treeSelect_placeholder_multiple-paddingLeft: 8px; // 树选择器多选占位文本左侧外边距
+$spacing-treeSelect_prefix_text-marginY: 0px; // 树选择器前缀文本垂直外边距
+$spacing-treeSelect_prefix_text-marginX: $spacing-base-tight; // 树选择器前缀文本水平外边距
+$spacing-treeSelect_prefix_icon-marginY: 0px; // 树选择器前缀图标垂直外边距
+$spacing-treeSelect_prefix_icon-marginX: $spacing-tight; // 树选择器前缀图标水平外边距
+$spacing-treeSelect_insertLabel-marginRight: $spacing-base-tight; // 树选择器前缀标签右侧外边距
+$spacing-treeSelect_selection_withSuffix-paddingRight: 0px; // 树选择器有后缀时内容右侧内边距
+$spacing-treeSelect_search_wrapper-paddingX: 12px; // 树选择器搜索框容器水平内边距
+$spacing-treeSelect_search_wrapper-paddingY: 8px; // 树选择器搜索框容器垂直内边距
+
+$color-treeSelect_selection_TriggerSearchItem_disabled-text-default: var(--semi-color-disabled-text); // 带搜索的树选择器触发器占位文本默认颜色
+$color-treeSelect_inputTrigger-border-default: none; // 带搜索的树选择器触发器描边颜色
+$color-treeSelect_inputTrigger-bg-default: transparent; // 带搜索的树选择器触发器背景颜色
+$color-treeSelect_insertLabel-text-default: var(--semi-color-text-2); // 带搜索的树前缀标签文本颜色
+$font-treeSelect_insertLabel-fontWeight: 600; // 带搜索的树前缀标签文本字重
+
+$width-treeSelect_arrow: 32px; // 树选择器展开箭头宽度
+$width-treeSelect_option:  230px; // 树选择器菜单项宽度
+$height-treeSelect_popover: 300px; // 树选择器菜单高度
+$height-treeSelect_selection_tagInput_input_small: 22px; // 树选择器多选标签高度 - 小尺寸
+$height-treeSelect_selection_tagInput_input_default: 30px; // 树选择器多选标签高度 - 默认尺寸
+$height-treeSelect_selection_tagInput_input_large: 38px; // 树选择器多选标签高度 - 大尺寸

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

@@ -0,0 +1,10 @@
+declare const cssClasses: {
+    PREFIX: string;
+};
+declare const strings: {
+    readonly TYPE: readonly ["primary", "secondary", "danger", "warning", "success", "tertiary", "quaternary"];
+    readonly SIZE: readonly ["normal", "small"];
+    readonly SPACING: readonly ["normal", "extended"];
+    readonly HEADING: readonly [1, 2, 3, 4, 5, 6];
+};
+export { cssClasses, strings };

package/lib/cjs/typography/constants.js

@@ -0,0 +1,23 @@
+"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, "-typography")
+};
+exports.cssClasses = cssClasses;
+const strings = {
+  TYPE: ['primary', 'secondary', 'danger', 'warning', 'success', 'tertiary', 'quaternary'],
+  SIZE: ['normal', 'small'],
+  SPACING: ['normal', 'extended'],
+  HEADING: [1, 2, 3, 4, 5, 6]
+};
+exports.strings = strings;

package/lib/cjs/typography/rtl.scss

@@ -0,0 +1,34 @@
+$module: #{$prefix}-typography;
+
+.#{$prefix}-rtl,
+.#{$prefix}-portal-rtl {
+    .#{$module} {
+        direction: rtl;
+
+        &-link a,
+        a {
+            display: inline-block;
+        }
+
+        &-icon {
+            margin-right: auto;
+            margin-left: $spacing-typography_iconPrefix-marginRight;
+        }
+
+        &-ellipsis-expand {
+            margin-left: auto;
+            // 这里先注释掉
+            // margin-right: 8px; 
+        }
+
+        &-action-copy {
+            margin-left: auto;
+            margin-right: $spacing-typography_copyIcon-marginLeft;
+        }
+
+        &-action-copied {
+            margin-left: auto;
+            margin-right: $spacing-typography_copyIcon-marginLeft;
+        }
+    }
+}

package/lib/cjs/typography/typography.css

@@ -0,0 +1,220 @@
+/* shadow */
+/* sizing */
+/* spacing */
+.semi-typography {
+  color: var(--semi-color-text-0);
+  font-size: 14px;
+  line-height: 20px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+.semi-typography.semi-typography-secondary {
+  color: var(--semi-color-text-1);
+}
+.semi-typography.semi-typography-tertiary {
+  color: var(--semi-color-text-2);
+}
+.semi-typography.semi-typography-quaternary {
+  color: var(--semi-color-text-3);
+}
+.semi-typography.semi-typography-warning {
+  color: var(--semi-color-warning);
+}
+.semi-typography.semi-typography-success {
+  color: var(--semi-color-success);
+}
+.semi-typography.semi-typography-danger {
+  color: var(--semi-color-danger);
+}
+.semi-typography.semi-typography-link {
+  color: var(--semi-color-link);
+  font-weight: 600;
+}
+.semi-typography.semi-typography-disabled {
+  color: var(--semi-color-disabled-text);
+  cursor: not-allowed;
+  user-select: none;
+}
+.semi-typography.semi-typography-disabled.semi-typography-link {
+  color: var(--semi-color-link);
+}
+.semi-typography-icon {
+  margin-right: 4px;
+  vertical-align: middle;
+  color: inherit;
+}
+.semi-typography-small {
+  font-size: 12px;
+  line-height: 16px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+.semi-typography code {
+  border: 1px solid var(--semi-color-border);
+  border-radius: 2px;
+  color: var(--semi-color-text-2);
+  background-color: var(--semi-color-fill-1);
+  padding: 2px 4px;
+}
+.semi-typography mark {
+  background-color: var(--semi-color-primary-light-default);
+}
+.semi-typography u {
+  text-decoration: underline;
+  text-decoration-skip-ink: auto;
+}
+.semi-typography del {
+  text-decoration: line-through;
+}
+.semi-typography strong {
+  font-weight: 600;
+}
+.semi-typography a {
+  display: inline;
+  color: var(--semi-color-link);
+  cursor: pointer;
+  text-decoration: none;
+}
+.semi-typography a:visited {
+  color: var(--semi-color-link-visited);
+}
+.semi-typography a:hover {
+  color: var(--semi-color-link-hover);
+}
+.semi-typography a:active {
+  color: var(--semi-color-link-active);
+}
+.semi-typography a .semi-typography-link-underline:hover {
+  border-bottom: 1px solid var(--semi-color-link-hover);
+  margin-bottom: -1px;
+}
+.semi-typography a .semi-typography-link-underline:active {
+  border-bottom: 1px solid var(--semi-color-link-active);
+  margin-bottom: -1px;
+}
+.semi-typography-ellipsis-single-line {
+  overflow: hidden;
+}
+.semi-typography-ellipsis-multiple-line {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.semi-typography-ellipsis-overflow-ellipsis {
+  display: block;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.semi-typography-ellipsis-expand {
+  display: inline;
+  margin-left: 8px;
+}
+.semi-typography-action-copy {
+  display: inline-flex;
+  vertical-align: text-bottom;
+  padding: 0;
+  margin-left: 4px;
+}
+.semi-typography a.semi-typography-action-copy-icon {
+  display: inline-flex;
+}
+.semi-typography-action-copied {
+  display: inline-flex;
+  padding: 0;
+  margin-left: 4px;
+  color: var(--semi-color-text-2);
+}
+.semi-typography-action-copied .semi-icon {
+  vertical-align: text-bottom;
+  color: var(--semi-color-success);
+}
+.semi-typography-paragraph {
+  margin: 0;
+}
+
+h1.semi-typography,
+.semi-typography-h1.semi-typography {
+  font-size: 32px;
+  line-height: 44px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 600;
+  margin: 0;
+}
+
+h2.semi-typography,
+.semi-typography-h2.semi-typography {
+  font-size: 28px;
+  line-height: 40px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 600;
+  margin: 0;
+}
+
+h3.semi-typography,
+.semi-typography-h3.semi-typography {
+  font-size: 24px;
+  line-height: 32px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 600;
+  margin: 0;
+}
+
+h4.semi-typography,
+.semi-typography-h4.semi-typography {
+  font-size: 20px;
+  line-height: 28px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 600;
+  margin: 0;
+}
+
+h5.semi-typography,
+.semi-typography-h5.semi-typography {
+  font-size: 18px;
+  line-height: 24px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 600;
+  margin: 0;
+}
+
+h6.semi-typography,
+.semi-typography-h6.semi-typography {
+  font-size: 16px;
+  line-height: 22px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 600;
+  margin: 0;
+}
+
+p.semi-typography-extended,
+.semi-typography-paragraph.semi-typography-extended {
+  line-height: 24px;
+}
+
+.semi-rtl .semi-typography,
+.semi-portal-rtl .semi-typography {
+  direction: rtl;
+}
+.semi-rtl .semi-typography-link a,
+.semi-rtl .semi-typography a,
+.semi-portal-rtl .semi-typography-link a,
+.semi-portal-rtl .semi-typography a {
+  display: inline-block;
+}
+.semi-rtl .semi-typography-icon,
+.semi-portal-rtl .semi-typography-icon {
+  margin-right: auto;
+  margin-left: 4px;
+}
+.semi-rtl .semi-typography-ellipsis-expand,
+.semi-portal-rtl .semi-typography-ellipsis-expand {
+  margin-left: auto;
+}
+.semi-rtl .semi-typography-action-copy,
+.semi-portal-rtl .semi-typography-action-copy {
+  margin-left: auto;
+  margin-right: 4px;
+}
+.semi-rtl .semi-typography-action-copied,
+.semi-portal-rtl .semi-typography-action-copied {
+  margin-left: auto;
+  margin-right: 4px;
+}

package/lib/cjs/typography/typography.scss

@@ -0,0 +1,218 @@
+@import "./variables.scss";
+
+$module: #{$prefix}-typography;
+
+.#{$module} {
+    color: $color-typography_default-text-default;
+    @include font-size-regular;
+
+    &.#{$module}-secondary {
+        color: $color-typography_secondary-text-default;
+    }
+
+    &.#{$module}-tertiary {
+        color: $color-typography_tertiary-text-default;
+    }
+
+    &.#{$module}-quaternary {
+        color: $color-typography_quaternary-text-default;
+    }
+
+    &.#{$module}-warning {
+        color: $color-typography_warning-text-default;
+    }
+
+    &.#{$module}-success {
+        color: $color-typography_success-text-default;
+    }
+
+    &.#{$module}-danger {
+        color: $color-typography_danger-text-default;
+    }
+
+    &.#{$module}-link {
+        color: $color-typography_link-text-default;
+        font-weight: $font-typography_link-fontWeight;
+    }
+
+    &.#{$module}-disabled {
+        color: $color-typography_disabled-text-default;
+        cursor: not-allowed;
+        user-select: none;
+        &.#{$module}-link {
+            color: $color-typography_link-text-disabled;
+        }
+    }
+
+    &-icon {
+        // display: inline-flex;
+        margin-right: $spacing-typography_iconPrefix-marginRight;
+        vertical-align: middle;
+        color: inherit;
+    }
+
+    &-small {
+        @include font-size-small;
+    }
+
+    code {
+        border: $width-typography_code-border solid $color-typography_code-border-default;
+        border-radius: $radius-typography_code;
+        color: $color-typography_code-text-default;
+        background-color: $color-typography_code-bg-default;
+        padding: $spacing-super-tight $spacing-extra-tight;
+    }
+
+    mark {
+        background-color: $color-typography_mark-bg-default;
+    }
+
+    u {
+        text-decoration: underline;
+        text-decoration-skip-ink: auto;
+    }
+
+    del {
+        text-decoration: line-through;
+    }
+
+    strong {
+        font-weight: $font-typography_strong-fontWeight;
+    }
+
+    a {
+        display: inline;
+        color: $color-typography_link-text-default;
+        cursor: pointer;
+        text-decoration: none;
+
+        &:visited {
+            color: $color-typography_link-text-visited;
+        }
+
+        &:hover {
+            color: $color-typography_link-text-hover;
+        }
+
+        &:active {
+            color: $color-typography_link-text-active;
+        }
+
+        .#{$module}-link-underline:hover {
+            border-bottom: $width-typography_link-border solid $color-typography_link-text-hover;
+            margin-bottom: -$width-typography_link-border;
+        }
+
+        .#{$module}-link-underline:active {
+            border-bottom: $width-typography_link-border solid $color-typography_link-text-active;
+            margin-bottom: -$width-typography_link-border;
+        }
+    }
+
+    // ============ Ellipsis ============
+    // &-ellipsis {
+    //   display: block;
+    // }
+
+    &-ellipsis-single-line {
+        // display: block;
+        overflow: hidden;
+    }
+
+    &-ellipsis-multiple-line {
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+    }
+
+    &-ellipsis-overflow-ellipsis {
+        display: block;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    &-ellipsis-expand {
+        display: inline;
+        margin-left: $spacing-typography_expandText-marginLeft;
+    }
+
+    // ============ Copyable ============
+
+    &-action-copy {
+        display: inline-flex;
+        vertical-align: text-bottom;
+        padding: $spacing-typography_copyIcon-padding;
+        margin-left: $spacing-typography_copyIcon-marginLeft;
+    }
+
+    a.#{$module}-action-copy-icon {
+        display: inline-flex;
+    }
+
+    &-action-copied {
+        display: inline-flex;
+        padding: $spacing-typography_copyIcon-padding;
+        margin-left: $spacing-typography_copyIcon-marginLeft;
+        color: $color-typography_copied-text-success;
+
+        .#{$prefix}-icon {
+            vertical-align: text-bottom;
+            color: $color-typography_copied-icon-success;
+        }
+    }
+
+    &-paragraph {
+        margin: $spacing-typography_title_paragraph-margin;
+    }
+}
+
+// ============ Title ============
+h1.#{$module},
+.#{$module}-h1.#{$module} {
+    @include font-size-header-1;
+    font-weight: $font-typography_title-fontWeight;
+    margin: $spacing-typography_title_h1-margin;
+}
+
+h2.#{$module},
+.#{$module}-h2.#{$module} {
+    @include font-size-header-2;
+    font-weight: $font-typography_title-fontWeight;
+    margin: $spacing-typography_title_h2-margin;
+}
+
+h3.#{$module},
+.#{$module}-h3.#{$module} {
+    @include font-size-header-3;
+    font-weight: $font-typography_title-fontWeight;
+    margin: $spacing-typography_title_h3-margin;
+}
+
+h4.#{$module},
+.#{$module}-h4.#{$module} {
+    @include font-size-header-4;
+    font-weight: $font-typography_title-fontWeight;
+    margin: $spacing-typography_title_h4-margin;
+}
+
+h5.#{$module},
+.#{$module}-h5.#{$module} {
+    @include font-size-header-5;
+    font-weight: $font-typography_title-fontWeight;
+    margin: $spacing-typography_title_h5-margin;
+}
+
+h6.#{$module},
+.#{$module}-h6.#{$module} {
+    @include font-size-header-6;
+    font-weight: $font-typography_title-fontWeight;
+    margin: $spacing-typography_title_h6-margin;
+}
+
+// ============ Paragraph ============
+p.#{$module}-extended,
+.#{$module}-paragraph.#{$module}-extended {
+    line-height: $font-typography_paragraph_extended-lineHeight;
+}
+
+@import "./rtl.scss";

package/lib/cjs/typography/variables.scss

@@ -0,0 +1,45 @@
+$color-typography_default-text-default: var(--semi-color-text-0); // 默认文本颜色
+$color-typography_secondary-text-default: var(--semi-color-text-1); // 稍次要文本颜色
+$color-typography_tertiary-text-default: var(--semi-color-text-2); // 次要文本颜色
+$color-typography_quaternary-text-default: var(--semi-color-text-3); // 最次要文本颜色
+$color-typography_warning-text-default: var(--semi-color-warning); // 警告文本颜色
+$color-typography_danger-text-default: var(--semi-color-danger); // 错误文本颜色
+$color-typography_success-text-default: var(--semi-color-success); // 成功文本颜色
+
+$color-typography_disabled-text-default: var(--semi-color-disabled-text); // 禁用文本颜色
+$color-typography_mark-bg-default: var(--semi-color-primary-light-default); // 标记文本颜色
+$color-typography_code-bg-default: var(--semi-color-fill-1); // 代码文本背景颜色
+$color-typography_code-text-default: var(--semi-color-text-2); // 代码文本颜色
+
+$color-typography_link-text-default: var(--semi-color-link); // 链接文本颜色 - 默认
+$color-typography_link-text-visited: var(--semi-color-link-visited); // 链接文本颜色 - 已访问
+$color-typography_link-text-hover: var(--semi-color-link-hover); // 链接文本颜色 - 悬浮
+$color-typography_link-text-active: var(--semi-color-link-active); // 链接文本颜色 - 激活
+$color-typography_link-text-disabled: var(--semi-color-link); // 链接文本颜色 - 禁用
+
+$color-typography_copied-text-success: var(--semi-color-text-2); // 可复制文本颜色
+$color-typography_copied-icon-success: var(--semi-color-success); // 可复制文本复制成功图标颜色
+$color-typography_code-border-default: var(--semi-color-border); // 代码文本描边颜色
+
+
+$font-typography_title-fontWeight: $font-weight-bold; // 标题文本字重
+$font-typography_link-fontWeight: $font-weight-bold; // 链接文本字重
+$font-typography_strong-fontWeight: $font-weight-bold; // 强调文本字重
+$font-typography_paragraph_extended-lineHeight: 24px; // 宽松行距段落文本行高
+
+$spacing-typography_iconPrefix-marginRight: 4px; // 带前缀文本图标右侧外边距
+$spacing-typography_expandText-marginLeft: 8px; // 支持展开文本展开按钮左侧外边距
+$spacing-typography_copyIcon-marginLeft: 4px; // 可复制文本复制图标左侧外边距
+$spacing-typography_copyIcon-padding: 0; // 可复制文本复制图标内边距
+$spacing-typography_title_h1-margin: 0; // 一级标题外边距
+$spacing-typography_title_h2-margin: 0; // 二级标题外边距
+$spacing-typography_title_h3-margin: 0; // 三级标题外边距
+$spacing-typography_title_h4-margin: 0; // 四级标题外边距
+$spacing-typography_title_h5-margin: 0; // 五级标题外边距
+$spacing-typography_title_h6-margin: 0; // 六级标题外边距
+$spacing-typography_title_paragraph-margin: 0; // 段落外边距
+
+$width-typography_code-border: 1px; // 代码文本描边宽度
+$width-typography_link-border: 1px; // 链接文本下划线宽度
+
+$radius-typography_code: 2px; // 代码文本圆角

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

@@ -0,0 +1,28 @@
+declare const cssClasses: {
+    PREFIX: string;
+    LIST: string;
+};
+declare const strings: {
+    FILE_STATUS_UPLOADING: string;
+    FILE_STATUS_SUCCESS: string;
+    FILE_STATUS_UPLOAD_FAIL: string;
+    FILE_STATUS_VALIDATING: string;
+    FILE_STATUS_VALID_FAIL: string;
+    FILE_STATUS_WAIT_UPLOAD: string;
+    FILE_LIST_PIC: "picture";
+    FILE_LIST_DEFAULT: "list";
+    LIST_TYPE: ("picture" | "list")[];
+    imageTypes: string[];
+    DRAG_AREA_DEFAULT: string;
+    DRAG_AREA_LEGAL: string;
+    DRAG_AREA_ILLEGAL: string;
+    TRIGGER_AUTO: "auto";
+    TRIGGER_CUSTOM: "custom";
+    UPLOAD_TRIGGER: ("auto" | "custom")[];
+    VALIDATE_STATUS: readonly ["default", "error", "warning", "success"];
+    PROMPT_POSITION: readonly ["left", "right", "bottom"];
+};
+declare const numbers: {
+    PROGRESS_COEFFICIENT: number;
+};
+export { cssClasses, strings, numbers };