@douyinfe/semi-ui 2.31.4 → 2.32.0

package/dist/css/semi.css

@@ -775,6 +775,7 @@ body {
   padding-top: 8px;
   padding-bottom: 8px;
   cursor: not-allowed;
+  height: 20px;
 }
 .semi-autocomplete-loading-wrapper .semi-spin {
   width: 100%;
@@ -4053,6 +4054,15 @@ body {
 .semi-datepicker-panel-yam {
   max-width: 484px;
 }
+.semi-datepicker-panel-yam[x-type=monthRange] {
+  max-width: 584px;
+}
+.semi-datepicker-panel-yam .semi-datepicker-yearmonth-body {
+  display: flex;
+}
+.semi-datepicker-panel-yam .semi-datepicker-yearmonth-body .semi-scrolllist:nth-child(2) {
+  border-left: 1px solid var(--semi-color-border);
+}
 .semi-datepicker-panel-yam .semi-scrolllist {
   box-shadow: none;
   height: 266px;
@@ -4067,10 +4077,7 @@ body {
   padding: 0;
   overflow: hidden;
 }
-.semi-datepicker-panel-yam .semi-scrolllist-body .semi-scrolllist-item-wheel {
-  border: none;
-}
-.semi-datepicker-panel-yam .semi-scrolllist-body .semi-scrolllist-item {
+.semi-datepicker-panel-yam .semi-scrolllist-body .semi-scrolllist-item-wheel:not(#neverExistElement) {
   border: none;
 }
 .semi-datepicker-footer {
@@ -4391,16 +4398,16 @@ body {
 .semi-datepicker-quick-control-top-month-content, .semi-datepicker-quick-control-bottom-month-content {
   box-sizing: border-box;
   display: grid;
-  grid-template-columns: repeat(2, minmax(65.5px, 73px));
+  grid-template-columns: repeat(2, minmax(51px, 58.5px));
   grid-gap: 8px;
   align-content: flex-start;
   padding: 8px 20px;
 }
 .semi-datepicker-quick-control-top-month-content-item, .semi-datepicker-quick-control-bottom-month-content-item {
-  max-width: 73px;
+  max-width: 58.5px;
 }
 .semi-datepicker-quick-control-top-month-content-item-ellipsis, .semi-datepicker-quick-control-bottom-month-content-item-ellipsis {
-  max-width: 57px;
+  max-width: 42.5px;
   color: var(--semi-color-primary);
 }
 .semi-datepicker-quick-control-month {
@@ -4490,7 +4497,10 @@ body {
   width: 568px;
 }
 .semi-datepicker-inset-input-wrapper[x-type=month] {
-  width: 204px;
+  width: 165px;
+}
+.semi-datepicker-inset-input-wrapper[x-type=monthRange] {
+  width: 331px;
 }
 .semi-datepicker-inset-input-wrapper .semi-input-wrapper {
   flex: 1;
@@ -4520,6 +4530,9 @@ body {
 .semi-datepicker-range-input:active {
   border-color: transparent;
 }
+.semi-datepicker-range-input .semi-datepicker-monthRange-input {
+  background-color: transparent;
+}
 .semi-datepicker-range-input-wrapper {
   box-sizing: border-box;
   background-color: transparent;
@@ -4689,6 +4702,12 @@ body {
   height: 48px;
   padding: 12px;
 }
+.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-body {
+  display: flex;
+}
+.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-body .semi-scrolllist:nth-child(2) {
+  border: 1px solid var(--semi-color-border);
+}
 .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist {
   font-size: 12px;
   line-height: 16px;
@@ -4890,16 +4909,16 @@ body {
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-top-month-content, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-month-content {
   display: grid;
-  grid-template-columns: repeat(2, minmax(75.5px, 83px));
+  grid-template-columns: repeat(2, minmax(61px, 68.5px));
   grid-gap: 8px;
   align-content: flex-start;
   padding: 8px 10px;
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-top-month-content-item, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-month-content-item {
-  max-width: 83px;
+  max-width: 68.5px;
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-top-month-content-item-ellipsis, .semi-datepicker-compact .semi-datepicker-quick-control-bottom-month-content-item-ellipsis {
-  max-width: 67px;
+  max-width: 52.5px;
   font-size: 12px;
   color: var(--semi-color-primary);
 }
@@ -12373,6 +12392,7 @@ img[src=""], img:not([src]) {
 .semi-modal-content-fullScreen {
   border-radius: 0;
   border: none;
+  top: 0px;
 }
 .semi-modal-header {
   display: flex;
@@ -15403,12 +15423,22 @@ img[src=""], img:not([src]) {
   align-items: flex-start;
   padding: 24px;
   padding-bottom: 20px;
+  border-bottom: 0px solid var(--semi-color-border);
 }
 .semi-sidesheet-body {
   padding: 0 24px;
   flex: 1;
   overflow: auto;
 }
+.semi-sidesheet-size-small {
+  width: 448px;
+}
+.semi-sidesheet-size-medium {
+  width: 684px;
+}
+.semi-sidesheet-size-large {
+  width: 920px;
+}
 .semi-sidesheet-content {
   height: 100%;
   display: flex;
@@ -15952,6 +15982,7 @@ img[src=""], img:not([src]) {
 .semi-spin-wrapper > svg {
   animation: 600ms linear infinite semi-animation-rotate;
   animation-fill-mode: forwards;
+  vertical-align: top;
   width: 20px;
   height: 20px;
 }
@@ -16975,12 +17006,14 @@ img[src=""], img:not([src]) {
 }
 .semi-table-tbody > .semi-table-row {
   display: table-row;
+  background-color: var(--semi-color-bg-1);
 }
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
-  background-color: var(--semi-color-fill-0);
+  background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
+  background-color: var(--semi-color-bg-0);
 }
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right {
-  background-color: var(--semi-color-bg-1);
+  background-image: linear-gradient(0deg, var(--semi-color-bg-1), var(--semi-color-bg-1));
 }
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left::before, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right::before {
   background-color: var(--semi-color-fill-0);
@@ -17004,7 +17037,6 @@ img[src=""], img:not([src]) {
   box-sizing: border-box;
   position: relative;
   vertical-align: middle;
-  background-color: var(--semi-color-bg-1);
 }
 .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing {
   border-right: 2px solid var(--semi-color-primary);
@@ -19873,6 +19905,7 @@ img[src=""], img:not([src]) {
 }
 .semi-tree-option-list-block .semi-tree-option-spin-icon {
   display: flex;
+  line-height: 0;
   color: var(--semi-color-primary);
 }
 .semi-tree-option-list-block .semi-tree-option-spin-icon svg {
@@ -20812,6 +20845,9 @@ p.semi-typography-extended,
   position: relative;
   top: -1px;
 }
+.semi-upload-file-card-icon-loading {
+  line-height: 0;
+}
 .semi-upload-file-card-icon-loading .semi-spin-wrapper svg {
   height: 11px;
   width: 11px;