@douyinfe/semi-ui 2.27.0-alpha.2 → 2.27.0-beta.0

package/dist/css/semi.css

@@ -1499,11 +1499,13 @@ body {
   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;
+  font-size: 14px;
 }
 .semi-breadcrumb-wrapper-compact {
   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;
+  font-size: 12px;
 }
 .semi-breadcrumb-item-wrap {
   display: inline-flex;
@@ -4504,6 +4506,13 @@ body {
   height: 32px;
   color: var(--semi-color-text-2);
   background-color: var(--semi-color-fill-0);
+  border: 0px solid transparent;
+}
+.semi-datepicker-range-input:hover {
+  border-color: transparent;
+}
+.semi-datepicker-range-input:active {
+  border-color: transparent;
 }
 .semi-datepicker-range-input-wrapper {
   box-sizing: border-box;
@@ -5216,33 +5225,39 @@ body {
   line-height: 16px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   padding-bottom: 0;
+  font-size: 12px;
 }
 .semi-descriptions-double-small .semi-descriptions-value {
   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-size: 16px;
 }
 .semi-descriptions-double-medium .semi-descriptions-item {
   padding-right: 60px;
 }
 .semi-descriptions-double-medium .semi-descriptions-key {
   padding-bottom: 4px;
+  font-size: 14px;
 }
 .semi-descriptions-double-medium .semi-descriptions-value {
   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-size: 20px;
 }
 .semi-descriptions-double-large .semi-descriptions-item {
   padding-right: 80px;
 }
 .semi-descriptions-double-large .semi-descriptions-key {
   padding-bottom: 4px;
+  font-size: 14px;
 }
 .semi-descriptions-double-large .semi-descriptions-value {
   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-size: 28px;
 }
 
 .semi-rtl .semi-descriptions,
@@ -5599,6 +5614,7 @@ body {
   font-weight: 600;
   color: var(--semi-color-text-0);
   margin-bottom: 4px;
+  margin-top: 0px;
   padding-right: 16px;
   display: inline-block;
   vertical-align: middle;
@@ -5752,8 +5768,10 @@ body {
   font-weight: 600;
   width: 100%;
   padding-bottom: 8px;
+  padding-top: 0px;
   border-bottom: 1px solid var(--semi-color-border);
   margin-bottom: 4px;
+  margin-top: 0px;
   color: var(--semi-color-text-0);
 }
 .semi-form-section:nth-of-type(1) {
@@ -15335,6 +15353,7 @@ img[src=""], img:not([src]) {
   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;
+  font-size: 18px;
   color: var(--semi-color-text-0);
   text-align: left;
 }
@@ -17380,66 +17399,6 @@ img[src=""], img:not([src]) {
   color: var(--semi-color-disabled-text);
   border-bottom: none;
 }
-.semi-tabs-tab-single.semi-tabs-tab {
-  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;
-  cursor: pointer;
-  box-sizing: border-box;
-  position: relative;
-  display: inline-block;
-  font-weight: 400;
-  color: var(--semi-color-text-2);
-  user-select: none;
-}
-.semi-tabs-tab-single.semi-tabs-tab .semi-icon {
-  position: relative;
-  margin-right: 8px;
-  top: 3px;
-  color: var(--semi-color-text-2);
-  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
-}
-.semi-tabs-tab-single.semi-tabs-tab .semi-icon-close {
-  margin-right: 0;
-  font-size: 14px;
-  color: var(--semi-color-text-2);
-  margin-left: 10px;
-  cursor: pointer;
-}
-.semi-tabs-tab-single.semi-tabs-tab:hover {
-  color: var(--semi-color-text-0);
-}
-.semi-tabs-tab-single.semi-tabs-tab:hover .semi-icon {
-  color: var(--semi-color-text-0);
-}
-.semi-tabs-tab-single.semi-tabs-tab:active {
-  color: var(--semi-color-text-0);
-}
-.semi-tabs-tab-single.semi-tabs-tab:active .semi-icon {
-  color: var(--semi-color-text-0);
-}
-.semi-tabs-tab-single.semi-tabs-tab-active, .semi-tabs-tab-single.semi-tabs-tab-active:hover {
-  cursor: default;
-  font-weight: 600;
-  color: var(--semi-color-text-0);
-}
-.semi-tabs-tab-single.semi-tabs-tab-active .semi-icon, .semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon {
-  color: var(--semi-color-primary);
-}
-.semi-tabs-tab-single.semi-tabs-tab-active .semi-icon-close, .semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon-close {
-  color: var(--semi-color-text-2);
-}
-.semi-tabs-tab-single.semi-tabs-tab-active .semi-icon-close:hover {
-  color: var(--semi-color-text-1);
-}
-.semi-tabs-tab-single.semi-tabs-tab-disabled {
-  cursor: not-allowed;
-  color: var(--semi-color-disabled-text);
-}
-.semi-tabs-tab-single.semi-tabs-tab-disabled:hover {
-  color: var(--semi-color-disabled-text);
-  border-bottom: none;
-}
 .semi-tabs-bar-collapse,
 .semi-tabs-bar-collapse .semi-tabs-bar-overflow-list {
   display: flex;
@@ -17770,142 +17729,6 @@ img[src=""], img:not([src]) {
   animation: 200ms semi-tabs-panel-keyframe-bottomShow ease-in-out 0s;
   animation-fill-mode: forwards;
 }
-.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab {
-  padding: 16px 4px 14px 4px;
-  transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
-  border-bottom: 2px solid transparent;
-}
-.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:nth-of-type(1) {
-  padding-left: 0;
-}
-.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:hover {
-  border-bottom: 2px solid var(--semi-color-fill-0);
-}
-.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:focus-visible {
-  outline: 2px solid var(--semi-color-primary-light-active);
-  outline-offset: -1px;
-}
-.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab:active {
-  border-bottom: 2px solid var(--semi-color-fill-1);
-}
-.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-small {
-  padding: 8px 4px 6px 4px;
-}
-.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-medium {
-  padding: 12px 4px 10px 4px;
-}
-.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active, .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active:hover {
-  border-bottom: 2px solid var(--semi-color-primary);
-}
-.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab {
-  padding: 12px;
-  border-left: 2px solid transparent;
-  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
-}
-.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab:hover {
-  border-left: 2px solid var(--semi-color-fill-0);
-  background-color: var(--semi-color-fill-0);
-}
-.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab:focus-visible {
-  outline: 2px solid var(--semi-color-primary-light-active);
-  outline-offset: -2px;
-}
-.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab:active {
-  border-left: 2px solid var(--semi-color-fill-1);
-  background-color: var(--semi-color-fill-1);
-}
-.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-small {
-  padding: 6px;
-}
-.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-medium {
-  padding: 10px;
-}
-.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-active {
-  background-color: var(--semi-color-primary-light-default);
-}
-.semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-active, .semi-tabs-tab-line.semi-tabs-tab-left.semi-tabs-tab-active:hover {
-  border-left: 2px solid var(--semi-color-primary);
-  background-color: var(--semi-color-primary-light-default);
-}
-.semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab {
-  border: 1px solid transparent;
-  border-bottom: none;
-  border-radius: var(--semi-border-radius-small) var(--semi-border-radius-small) 0 0;
-}
-.semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab:hover {
-  border-bottom: none;
-}
-.semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab-active, .semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab-active:hover {
-  padding: 8px 12px 7px 12px;
-  border: 1px solid var(--semi-color-border);
-  border-bottom: 1px solid var(--semi-color-bg-1);
-  background: transparent;
-}
-.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab {
-  border: 1px solid transparent;
-  border-right: none;
-  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
-}
-.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab:hover {
-  border-right: none;
-}
-.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab-active:after {
-  content: " ";
-  width: 1px;
-  position: absolute;
-  right: -1px;
-  top: 0;
-  bottom: 0;
-  background: var(--semi-color-bg-1);
-}
-.semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab-active, .semi-tabs-tab-card.semi-tabs-tab-left.semi-tabs-tab-active:hover {
-  padding: 8px 12px;
-  border: 1px solid var(--semi-color-border);
-  border-right: none;
-  background: transparent;
-}
-.semi-tabs-tab-card.semi-tabs-tab {
-  padding: 8px 12px;
-  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
-  transform: scale(var(--semi-transform_scale-none));
-}
-.semi-tabs-tab-card.semi-tabs-tab:hover {
-  background: var(--semi-color-fill-0);
-}
-.semi-tabs-tab-card.semi-tabs-tab:focus-visible {
-  outline: 2px solid var(--semi-color-primary-light-active);
-  outline-offset: -2px;
-}
-.semi-tabs-tab-card.semi-tabs-tab:active {
-  background: var(--semi-color-fill-1);
-}
-.semi-tabs-tab-button {
-  border: none;
-}
-.semi-tabs-tab-button.semi-tabs-tab {
-  padding: 8px 12px;
-  border-radius: var(--semi-border-radius-small);
-  color: var(--semi-color-text-2);
-  border: none;
-  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
-  transform: scale(var(--semi-transform_scale-none));
-}
-.semi-tabs-tab-button.semi-tabs-tab:hover {
-  border: none;
-  background-color: var(--semi-color-fill-0);
-}
-.semi-tabs-tab-button.semi-tabs-tab:focus-visible {
-  outline: 2px solid var(--semi-color-primary-light-active);
-  outline-offset: -2px;
-}
-.semi-tabs-tab-button.semi-tabs-tab:active {
-  background-color: var(--semi-color-fill-1);
-}
-.semi-tabs-tab-button.semi-tabs-tab-active, .semi-tabs-tab-button.semi-tabs-tab-active:hover {
-  color: var(--semi-color-primary);
-  border: none;
-  background-color: var(--semi-color-primary-light-default);
-}
 
 .semi-rtl .semi-tabs,
 .semi-portal-rtl .semi-tabs {