@semi-bot/semi-theme-trade-pass-growth-platform-test 1.0.17 → 1.0.18

package/README.md

@@ -1,15 +1,15 @@
 
 # @semi-bot/semi-theme-trade-pass-growth-platform-test   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
 ID: 28703
-Operator: Apilase
+Operator: 用户4783652620477
 
 ## Compatibility
 
-Compatible with Semi Foundation Version 2.97.0 or newer.
+Compatible with Semi Foundation Version 2.99.2 or newer.
     
 ## Version Release Note
     
-表格表头、内容选中行背景色修改，sideSheet背景色修改
+卡片边距调整
     
     
 ## Manual

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@semi-bot/semi-theme-trade-pass-growth-platform-test",
- "version": "1.0.17",
+ "version": "1.0.18",
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
  "keywords": [
   "semi-theme",

package/raw.json

@@ -683,6 +683,10 @@
             "card": {
                 "color": {
                     "$color-card-bg-default": "var(--semi-color-bg-4)"
+                },
+                "spacing": {
+                    "$spacing-card-margin": "16px",
+                    "$spacing-card-padding": "16px"
                 }
             },
             "input": {

package/scss/local.scss

@@ -1,4 +1,6 @@
 $color-card-bg-default: var(--semi-color-bg-4);
+$spacing-card-margin: 16px;
+$spacing-card-padding: 16px;
 $color-input_default-bg-focus: var(--semi-color-bg-2);
 $color-input_default-bg-hover: var(--semi-color-bg-2);
 $color-input_default-bg-active: var(--semi-color-bg-1);

package/semi.css

@@ -4406,7 +4406,7 @@ body, :host {
   border: 1px solid var(--semi-color-border);
 }
 .semi-card-header {
-  padding: 20px;
+  padding: 16px;
 }
 .semi-card-header-bordered {
   border-bottom: 1px solid var(--semi-color-border);
@@ -4418,7 +4418,7 @@ body, :host {
   justify-content: space-between;
 }
 .semi-card-header-wrapper-spacing {
-  margin-right: 20px;
+  margin-right: 16px;
 }
 .semi-card-header-wrapper-title {
   width: 100%;
@@ -4437,7 +4437,7 @@ body, :host {
   width: 100%;
 }
 .semi-card-body {
-  padding: 20px;
+  padding: 16px;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
@@ -4446,12 +4446,12 @@ body, :host {
   color: var(--semi-color-text-1);
 }
 .semi-card-body-actions {
-  margin-top: 20px;
-  padding-top: 20px;
+  margin-top: 16px;
+  padding-top: 16px;
   border-top: 1px solid var(--semi-color-border);
 }
 .semi-card-footer {
-  padding: 20px;
+  padding: 16px;
 }
 .semi-card-footer-bordered {
   border-top: 1px solid var(--semi-color-border);
@@ -4504,7 +4504,7 @@ body, :host {
 }
 .semi-rtl .semi-card-header-wrapper-spacing,
 .semi-portal-rtl .semi-card-header-wrapper-spacing {
-  margin-left: 20px;
+  margin-left: 16px;
   margin-right: 0;
 }
 .semi-rtl .semi-card-meta-avatar,
@@ -6226,7 +6226,7 @@ body, :host {
   color: var(--semi-color-text-0);
   font-size: 13px;
   text-shadow: none;
-  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  font-family: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
   direction: ltr;
   text-align: left;
   white-space: pre;
@@ -15352,7 +15352,7 @@ img[src=""], img:not([src]) {
   color: rgba(var(--semi-blue-7), 1);
 }
 .semi-json-viewer-view-line {
-  font-family: Menlo, Firecode, Monaco, "Courier New", monospace;
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, "Fira Code", Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
   font-weight: normal;
   font-size: 12px;
   font-feature-settings: "liga" 0, "calt" 0;
@@ -15363,7 +15363,7 @@ img[src=""], img:not([src]) {
   white-space: pre-wrap !important;
 }
 .semi-json-viewer-line-number {
-  font-family: Menlo, Firecode, Monaco, "Courier New", monospace;
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, "Fira Code", Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
   font-weight: normal;
   font-size: 12px;
   font-feature-settings: "liga" 0, "calt" 0;
@@ -15719,7 +15719,7 @@ img[src=""], img:not([src]) {
 }
 .semi-modal-wrap-center {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
 }
 .semi-modal-title {
   display: inline-flex;
@@ -15830,7 +15830,7 @@ img[src=""], img:not([src]) {
 }
 
 .semi-modal-centered {
-  margin: 0 auto;
+  margin: auto;
 }
 
 .semi-modal-popup .semi-modal-mask,
@@ -17479,7 +17479,7 @@ img[src=""], img:not([src]) {
   color: unset;
 }
 .semi-popover-wrapper[x-placement=top] .semi-popover-icon-arrow {
-  left: 50%;
+  left: var(--semi-tooltip-arrow-offset-x, 50%);
   transform: translateX(-50%);
   bottom: -7px;
 }
@@ -17517,7 +17517,7 @@ img[src=""], img:not([src]) {
   width: 8px;
   height: 24px;
   right: -7px;
-  top: 50%;
+  top: var(--semi-tooltip-arrow-offset-y, 50%);
   transform: translateY(-50%);
 }
 .semi-popover-wrapper[x-placement=left].semi-popover-with-arrow,
@@ -17549,7 +17549,7 @@ img[src=""], img:not([src]) {
   width: 8px;
   height: 24px;
   left: -7px;
-  top: 50%;
+  top: var(--semi-tooltip-arrow-offset-y, 50%);
   transform: translateY(-50%) rotate(180deg);
 }
 .semi-popover-wrapper[x-placement=right].semi-popover-with-arrow,
@@ -17578,7 +17578,7 @@ img[src=""], img:not([src]) {
 }
 .semi-popover-wrapper[x-placement=bottom] .semi-popover-icon-arrow {
   top: -7px;
-  left: 50%;
+  left: var(--semi-tooltip-arrow-offset-x, 50%);
   transform: translateX(-50%) rotate(180deg);
 }
 .semi-popover-wrapper[x-placement=bottom].semi-popover-with-arrow,
@@ -20116,6 +20116,51 @@ img[src=""], img:not([src]) {
   transform: rotate(180deg);
 }
 
+.semi-rtl .semi-slider,
+.semi-portal-rtl .semi-slider {
+  direction: rtl;
+}
+.semi-rtl .semi-slider-handle,
+.semi-portal-rtl .semi-slider-handle {
+  transform: var(--semi-transform_scale-small) translateX(50%) translateY(0px);
+}
+.semi-rtl .semi-slider-mark,
+.semi-portal-rtl .semi-slider-mark {
+  transform: translate(50%, 0);
+}
+.semi-rtl .semi-slider-mark-reverse,
+.semi-portal-rtl .semi-slider-mark-reverse {
+  transform: translate(50%, 0) rotate(-180deg);
+}
+.semi-rtl .semi-slider-boundary-min,
+.semi-portal-rtl .semi-slider-boundary-min {
+  left: auto;
+  right: 0px;
+}
+.semi-rtl .semi-slider-boundary-max,
+.semi-portal-rtl .semi-slider-boundary-max {
+  right: auto;
+  left: 0px;
+}
+
+.semi-slider-rtl .semi-slider-handle {
+  transform: var(--semi-transform_scale-small) translateX(50%) translateY(0px);
+}
+.semi-slider-rtl .semi-slider-mark {
+  transform: translate(50%, 0);
+}
+.semi-slider-rtl .semi-slider-mark-reverse {
+  transform: translate(50%, 0) rotate(-180deg);
+}
+.semi-slider-rtl .semi-slider-boundary-min {
+  left: auto;
+  right: 0px;
+}
+.semi-slider-rtl .semi-slider-boundary-max {
+  right: auto;
+  left: 0px;
+}
+
 .semi-space {
   display: inline-flex;
 }
@@ -21256,6 +21301,14 @@ img[src=""], img:not([src]) {
   display: table-row;
   background-color: var(--semi-color-bg-4);
 }
+.semi-table-tbody > .semi-table-row.semi-table-row-hovered > .semi-table-row-cell {
+  background-image: linear-gradient(0deg, var(--semi-color-bg-2), var(--semi-color-bg-2));
+  background-color: var(--semi-color-bg-0);
+}
+.semi-table-tbody > .semi-table-row.semi-table-row-hovered > .semi-table-row-cell.semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row.semi-table-row-hovered > .semi-table-row-cell.semi-table-cell-fixed-right {
+  background-image: linear-gradient(0deg, var(--semi-color-bg-2), var(--semi-color-bg-2));
+  background-color: var(--semi-color-bg-4);
+}
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
   background-image: linear-gradient(0deg, var(--semi-color-bg-2), var(--semi-color-bg-2));
   background-color: var(--semi-color-bg-0);
@@ -21442,6 +21495,21 @@ img[src=""], img:not([src]) {
   border-right: 1px solid var(--semi-color-border);
   border-bottom: 1px solid var(--semi-color-border);
 }
+.semi-table-bordered:not(.semi-table-scroll-position-right) > .semi-table-container::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 1px;
+  background-color: var(--semi-color-border);
+  display: block;
+  z-index: 103;
+  pointer-events: none;
+}
+.semi-table-bordered:not(.semi-table-scroll-position-right) > .semi-table-container > .semi-table-header {
+  box-shadow: inset -1px 0 0 0 var(--semi-color-border);
+}
 :where(.semi-table-bordered > .semi-table-container) > .semi-table-body > .semi-table-placeholder {
   border-right: 1px solid var(--semi-color-border);
 }
@@ -21461,6 +21529,7 @@ img[src=""], img:not([src]) {
   position: sticky;
   left: 0px;
   z-index: 1;
+  box-sizing: border-box;
   padding: 16px 12px;
   color: var(--semi-color-text-2);
   font-size: 14px;
@@ -21618,6 +21687,18 @@ img[src=""], img:not([src]) {
   border-right: 0;
   border-left: 1px solid var(--semi-color-border);
 }
+.semi-table-wrapper-rtl .semi-table-bordered:not(.semi-table-scroll-position-left) > .semi-table-container::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 1px;
+  background-color: var(--semi-color-border);
+  display: block;
+  z-index: 103;
+  pointer-events: none;
+}
 .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner, .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner {
   left: auto;
   right: 0;
@@ -23803,7 +23884,7 @@ img[src=""], img:not([src]) {
   color: rgba(var(--semi-grey-7), 1);
 }
 .semi-tooltip-wrapper[x-placement=top] .semi-tooltip-icon-arrow {
-  left: 50%;
+  left: var(--semi-tooltip-arrow-offset-x, 50%);
   transform: translateX(-50%);
   bottom: -6px;
 }
@@ -23841,7 +23922,7 @@ img[src=""], img:not([src]) {
   width: 7px;
   height: 24px;
   right: -6px;
-  top: 50%;
+  top: var(--semi-tooltip-arrow-offset-y, 50%);
   transform: translateY(-50%);
 }
 .semi-tooltip-wrapper[x-placement=left].semi-tooltip-with-arrow,
@@ -23873,7 +23954,7 @@ img[src=""], img:not([src]) {
   width: 7px;
   height: 24px;
   left: -6px;
-  top: 50%;
+  top: var(--semi-tooltip-arrow-offset-y, 50%);
   transform: translateY(-50%) rotate(180deg);
 }
 .semi-tooltip-wrapper[x-placement=right].semi-tooltip-with-arrow,
@@ -23902,7 +23983,7 @@ img[src=""], img:not([src]) {
 }
 .semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-icon-arrow {
   top: -6px;
-  left: 50%;
+  left: var(--semi-tooltip-arrow-offset-x, 50%);
   transform: translateX(-50%) rotate(180deg);
 }
 .semi-tooltip-wrapper[x-placement=bottom].semi-tooltip-with-arrow,
@@ -24029,6 +24110,15 @@ img[src=""], img:not([src]) {
   overflow: auto;
   flex-grow: 1;
 }
+.semi-transfer-left-pagination {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  padding-left: 12px;
+  padding-right: 12px;
+  flex-shrink: 0;
+  display: flex;
+  justify-content: center;
+}
 .semi-transfer-left-empty {
   height: 36px;
 }
@@ -24692,6 +24782,10 @@ img[src=""], img:not([src]) {
   align-items: center;
   position: relative;
   cursor: pointer;
+  /**
+   * Enable wrapping selected tags in trigger.
+   * Only takes effect in multiple + searchPosition="trigger" mode (class added by component).
+   */
 }
 .semi-tree-select:hover {
   background-color: var(--semi-color-fill-1);
@@ -24878,6 +24972,34 @@ img[src=""], img:not([src]) {
 .semi-tree-select-multiple .semi-tree-select-selection-placeholder {
   padding-left: 8px;
 }
+.semi-tree-select-triggerTagWrap {
+  max-width: 100%;
+}
+.semi-tree-select-triggerTagWrap .semi-tree-select-selection {
+  min-width: 0;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple {
+  height: auto;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple .semi-tree-select-selection {
+  height: auto;
+  min-height: 30px;
+  overflow: visible;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple.semi-tree-select-small .semi-tree-select-selection {
+  min-height: 22px;
+}
+.semi-tree-select-triggerTagWrap.semi-tree-select-multiple.semi-tree-select-large .semi-tree-select-selection {
+  min-height: 38px;
+}
+.semi-tree-select-triggerTagWrap .semi-tagInput {
+  min-width: 0;
+  max-width: 100%;
+  flex: 1 1 auto;
+}
+.semi-tree-select-triggerTagWrap .semi-tagInput .semi-tagInput-wrapper-input {
+  max-width: 100%;
+}
 .semi-tree-select-small {
   min-height: 24px;
   line-height: 24px;