@semi-bot/semi-theme-trade-pass-growth-platform-test 1.0.5 → 1.0.6

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: 用户4783652620477
+Operator: Apilase
 
 ## Compatibility
 
-Compatible with Semi Foundation Version 2.96.1 or newer.
+Compatible with Semi Foundation Version 2.97.0 or newer.
     
 ## Version Release Note
     
-调整浅色模式下背景色
+
     
     
 ## Manual

package/package.json

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

package/raw.json

@@ -354,8 +354,8 @@
             "dark": {
                 "bg/--semi-color-bg-0": "rgba(22,22,22,1)",
                 "bg/--semi-color-bg-1": "rgba(27,27,27,1)",
-                "bg/--semi-color-bg-2": "rgba(33,33,33,1)",
-                "bg/--semi-color-bg-3": "rgba(38,38,38,1)",
+                "bg/--semi-color-bg-2": "rgba(30,30,30,1)",
+                "bg/--semi-color-bg-3": "rgba(35,35,35,1)",
                 "bg/--semi-color-bg-4": "rgba(43,43,43,1)",
                 "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
                 "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
@@ -453,9 +453,9 @@
             },
             "light": {
                 "bg/--semi-color-bg-0": "rgba(238,238,238,1)",
-                "bg/--semi-color-bg-1": "rgba(242,242,242,1)",
-                "bg/--semi-color-bg-2": "rgba(247,247,247,1)",
-                "bg/--semi-color-bg-3": "rgba(251,251,251,1)",
+                "bg/--semi-color-bg-1": "rgba(241,241,241,1)",
+                "bg/--semi-color-bg-2": "rgba(245,245,245,1)",
+                "bg/--semi-color-bg-3": "rgba(248,248,248,1)",
                 "bg/--semi-color-bg-4": "rgba(255,255,255,1)",
                 "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
                 "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
@@ -471,9 +471,10 @@
                 "data/--semi-color-data-7": "rgba(139, 215, 210, 1)",
                 "data/--semi-color-data-8": "rgba(131, 176, 35, 1)",
                 "data/--semi-color-data-9": "rgba(233, 165, 229, 1)",
-                "fill/--semi-color-fill-0": "rgba(var(--semi-grey-8),0.05)",
-                "fill/--semi-color-fill-1": "rgba(var(--semi-grey-8),0.09)",
+                "fill/--semi-color-fill-0": "rgba(var(--semi-grey-8), 0.05)",
+                "fill/--semi-color-fill-1": "rgba(var(--semi-grey-8), 0.09)",
                 "fill/--semi-color-fill-2": "rgba(var(--semi-grey-8),0.13)",
+                "fill/--semi-color-fill-3": "rgba(255,255,255,1)",
                 "text/--semi-color-text-0": "rgba(var(--semi-grey-9),1)",
                 "text/--semi-color-text-1": "rgba(var(--semi-grey-9),0.8)",
                 "text/--semi-color-text-2": "rgba(var(--semi-grey-9),0.6)",

package/scss/global.scss

@@ -2,9 +2,9 @@
 
 body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
 --semi-color-bg-0: rgba(238,238,238,1);
---semi-color-bg-1: rgba(242,242,242,1);
---semi-color-bg-2: rgba(247,247,247,1);
---semi-color-bg-3: rgba(251,251,251,1);
+--semi-color-bg-1: rgba(241,241,241,1);
+--semi-color-bg-2: rgba(245,245,245,1);
+--semi-color-bg-3: rgba(248,248,248,1);
 --semi-color-bg-4: rgba(255,255,255,1);
 --semi-color-info: rgba(var(--semi-blue-5), 1);
 --semi-color-link: rgba(var(--semi-blue-5), 1);
@@ -20,9 +20,10 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-data-7: rgba(139, 215, 210, 1);
 --semi-color-data-8: rgba(131, 176, 35, 1);
 --semi-color-data-9: rgba(233, 165, 229, 1);
---semi-color-fill-0: rgba(var(--semi-grey-8),0.05);
---semi-color-fill-1: rgba(var(--semi-grey-8),0.09);
+--semi-color-fill-0: rgba(var(--semi-grey-8), 0.05);
+--semi-color-fill-1: rgba(var(--semi-grey-8), 0.09);
 --semi-color-fill-2: rgba(var(--semi-grey-8),0.13);
+--semi-color-fill-3: rgba(255,255,255,1);
 --semi-color-text-0: rgba(var(--semi-grey-9),1);
 --semi-color-text-1: rgba(var(--semi-grey-9),0.8);
 --semi-color-text-2: rgba(var(--semi-grey-9),0.6);
@@ -119,8 +120,8 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
 body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
 --semi-color-bg-0: rgba(22,22,22,1);
 --semi-color-bg-1: rgba(27,27,27,1);
---semi-color-bg-2: rgba(33,33,33,1);
---semi-color-bg-3: rgba(38,38,38,1);
+--semi-color-bg-2: rgba(30,30,30,1);
+--semi-color-bg-3: rgba(35,35,35,1);
 --semi-color-bg-4: rgba(43,43,43,1);
 --semi-color-info: rgba(var(--semi-blue-5), 1);
 --semi-color-link: rgba(var(--semi-blue-5), 1);

package/semi.css

@@ -352,9 +352,9 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
 
 body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light {
   --semi-color-bg-0: rgba(238,238,238,1);
-  --semi-color-bg-1: rgba(242,242,242,1);
-  --semi-color-bg-2: rgba(247,247,247,1);
-  --semi-color-bg-3: rgba(251,251,251,1);
+  --semi-color-bg-1: rgba(241,241,241,1);
+  --semi-color-bg-2: rgba(245,245,245,1);
+  --semi-color-bg-3: rgba(248,248,248,1);
   --semi-color-bg-4: rgba(255,255,255,1);
   --semi-color-info: rgba(var(--semi-blue-5), 1);
   --semi-color-link: rgba(var(--semi-blue-5), 1);
@@ -370,9 +370,10 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-data-7: rgba(139, 215, 210, 1);
   --semi-color-data-8: rgba(131, 176, 35, 1);
   --semi-color-data-9: rgba(233, 165, 229, 1);
-  --semi-color-fill-0: rgba(var(--semi-grey-8),0.05);
-  --semi-color-fill-1: rgba(var(--semi-grey-8),0.09);
+  --semi-color-fill-0: rgba(var(--semi-grey-8), 0.05);
+  --semi-color-fill-1: rgba(var(--semi-grey-8), 0.09);
   --semi-color-fill-2: rgba(var(--semi-grey-8),0.13);
+  --semi-color-fill-3: rgba(255,255,255,1);
   --semi-color-text-0: rgba(var(--semi-grey-9),1);
   --semi-color-text-1: rgba(var(--semi-grey-9),0.8);
   --semi-color-text-2: rgba(var(--semi-grey-9),0.6);
@@ -468,8 +469,8 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
 body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
   --semi-color-bg-0: rgba(22,22,22,1);
   --semi-color-bg-1: rgba(27,27,27,1);
-  --semi-color-bg-2: rgba(33,33,33,1);
-  --semi-color-bg-3: rgba(38,38,38,1);
+  --semi-color-bg-2: rgba(30,30,30,1);
+  --semi-color-bg-3: rgba(35,35,35,1);
   --semi-color-bg-4: rgba(43,43,43,1);
   --semi-color-info: rgba(var(--semi-blue-5), 1);
   --semi-color-link: rgba(var(--semi-blue-5), 1);
@@ -7400,10 +7401,38 @@ body, :host {
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height: 16px;
   line-height: 20px;
+  display: inline-block;
+  max-width: calc(100vw - 32px);
+}
+.semi-datepicker-compact:not(.semi-datepicker-compact-insetInput) {
+  width: max-content;
+}
+.semi-datepicker-compact .semi-datepicker-container {
+  width: max-content;
+}
+.semi-datepicker-compact .semi-datepicker-month-grid {
+  width: max-content;
+}
+.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-month-grid-left,
+.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-month-grid-right {
+  min-width: 216px;
+  max-width: calc(100vw - 32px);
+}
+.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-month {
+  margin-left: auto;
+  margin-right: auto;
 }
 .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTime] .semi-datepicker-yam, .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-yam {
   height: calc(100% - 32px);
 }
+.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yam {
+  position: relative;
+  width: 100%;
+  max-width: 100%;
+  max-height: 256px;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
 .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateRange] .semi-datepicker-month-grid-left, .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-month-grid-left {
   border-right: 1px solid var(--semi-color-border);
 }
@@ -7421,6 +7450,16 @@ body, :host {
   box-sizing: border-box;
   height: 48px;
   padding: 12px;
+  width: 100%;
+  max-width: 100%;
+}
+.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-header button,
+.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-header .semi-button {
+  width: 100%;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-body {
   display: flex;
@@ -7482,9 +7521,12 @@ body, :host {
   height: calc(100% - 32px);
 }
 .semi-datepicker-compact .semi-datepicker-navigation {
+  box-sizing: border-box;
   height: 24px;
   padding: 12px;
   padding-bottom: 0;
+  width: 100%;
+  max-width: 100%;
 }
 .semi-datepicker-compact .semi-datepicker-navigation-left, .semi-datepicker-compact .semi-datepicker-navigation-right {
   width: 24px;
@@ -7494,11 +7536,22 @@ body, :host {
   min-width: 24px;
   min-height: 24px;
 }
+.semi-datepicker-compact .semi-datepicker-navigation-month {
+  min-width: 0;
+  overflow: hidden;
+}
 .semi-datepicker-compact .semi-datepicker-navigation-month .semi-button {
   font-size: 12px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height: 16px;
   line-height: 20px;
+  max-width: 100%;
+}
+.semi-datepicker-compact .semi-datepicker-navigation-month .semi-button > span {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .semi-datepicker-compact .semi-datepicker-month {
   width: 216px;
@@ -7643,7 +7696,9 @@ body, :host {
   color: var(--semi-color-primary);
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-month {
-  max-width: 216px;
+  min-width: 216px;
+  width: max-content;
+  max-width: calc(100vw - 32px);
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-month[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper,
 .semi-datepicker-compact .semi-datepicker-quick-control-month[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
@@ -7654,7 +7709,9 @@ body, :host {
   max-height: 218px;
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-date {
-  max-width: 216px;
+  min-width: 216px;
+  width: max-content;
+  max-width: calc(100vw - 32px);
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-date[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper,
 .semi-datepicker-compact .semi-datepicker-quick-control-date[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
@@ -7665,7 +7722,9 @@ body, :host {
   max-height: 208px;
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-dateTime {
-  max-width: 216px;
+  min-width: 216px;
+  width: max-content;
+  max-width: calc(100vw - 32px);
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-dateTime[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper,
 .semi-datepicker-compact .semi-datepicker-quick-control-dateTime[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
@@ -7676,7 +7735,9 @@ body, :host {
   max-height: 240px;
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-dateRange {
-  max-width: 432px;
+  min-width: min(432px, calc(100vw - 32px));
+  width: max-content;
+  max-width: calc(100vw - 32px);
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-dateRange[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper,
 .semi-datepicker-compact .semi-datepicker-quick-control-dateRange[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
@@ -7687,7 +7748,9 @@ body, :host {
   max-height: 208px;
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange {
-  max-width: 432px;
+  min-width: min(432px, calc(100vw - 32px));
+  width: max-content;
+  max-width: calc(100vw - 32px);
 }
 .semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange[x-insetinput=true] .semi-datepicker-quick-control-right-content-wrapper,
 .semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange[x-insetinput=true] .semi-datepicker-quick-control-left-content-wrapper {
@@ -16410,7 +16473,7 @@ img[src=""], img:not([src]) {
   transition: padding-left 100ms ease-out, width 200ms cubic-bezier(0.62, 0.05, 0.36, 0.95);
 }
 .semi-navigation-vertical .semi-navigation-footer {
-  color: var(--semi-color-text-2);
+  color: var(--semi-color-text-1);
   padding-left: 8px;
   padding-right: 8px;
 }
@@ -16422,6 +16485,7 @@ img[src=""], img:not([src]) {
 .semi-navigation-vertical .semi-navigation-footer .semi-navigation-collapse-btn > .semi-button {
   padding-left: 8px;
   padding-right: 8px;
+  color: var(--semi-color-text-1);
 }
 .semi-navigation-vertical .semi-navigation-footer-collapsed {
   justify-content: center;
@@ -20699,6 +20763,7 @@ img[src=""], img:not([src]) {
 }
 .semi-switch-checked .semi-switch-knob {
   transform: translateX(18px);
+  background-color: rgba(var(--semi-white), 1);
 }
 .semi-switch-checked:active .semi-switch-knob {
   transform: translateX(12px);
@@ -22846,6 +22911,32 @@ img[src=""], img:not([src]) {
   color: var(--semi-color-text-0);
 }
 
+.semi-tag-split {
+  display: inline-flex;
+  align-items: center;
+}
+.semi-tag-split .semi-tag {
+  border-radius: 0;
+  margin-right: 1px;
+}
+.semi-tag-split .semi-tag-first {
+  border-top-left-radius: var(--semi-border-radius-small);
+  border-bottom-left-radius: var(--semi-border-radius-small);
+}
+.semi-tag-split .semi-tag-last {
+  border-top-right-radius: var(--semi-border-radius-small);
+  border-bottom-right-radius: var(--semi-border-radius-small);
+  margin-right: unset;
+}
+.semi-tag-split .semi-tag-circle.semi-tag-first {
+  border-top-left-radius: var(--semi-border-radius-full);
+  border-bottom-left-radius: var(--semi-border-radius-full);
+}
+.semi-tag-split .semi-tag-circle.semi-tag-last {
+  border-top-right-radius: var(--semi-border-radius-full);
+  border-bottom-right-radius: var(--semi-border-radius-full);
+}
+
 .semi-rtl .semi-tag,
 .semi-portal-rtl .semi-tag {
   direction: rtl;
@@ -23009,6 +23100,8 @@ img[src=""], img:not([src]) {
   padding-left: 4px;
   padding-right: 4px;
   overflow: hidden;
+  position: relative;
+  /* hidden mirror used to measure input text width */
 }
 .semi-tagInput-wrapper-tag {
   margin-right: 4px;
@@ -23051,6 +23144,8 @@ img[src=""], img:not([src]) {
 .semi-tagInput-wrapper .semi-tagInput-wrapper-input {
   flex-grow: 1;
   width: min-content;
+  min-width: 2px;
+  max-width: 100%;
   border: none;
   outline: none;
   background-color: transparent;
@@ -23092,6 +23187,19 @@ img[src=""], img:not([src]) {
   height: 24px;
   line-height: 24px;
 }
+.semi-tagInput-wrapper-inputMirror {
+  position: absolute;
+  top: 0;
+  left: 0;
+  visibility: hidden;
+  pointer-events: none;
+  height: 0;
+  overflow: hidden;
+  white-space: pre;
+  font-size: 14px;
+  font-weight: 400;
+  font-family: inherit;
+}
 .semi-tagInput-clearBtn {
   display: flex;
   justify-content: center;
@@ -26459,6 +26567,11 @@ p.semi-typography-extended,
   background-color: var(--semi-color-fill-0);
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
+.semi-input-textarea-wrapper-resizeX {
+  display: inline-block;
+  width: fit-content;
+  max-width: 100%;
+}
 .semi-input-textarea-wrapper:hover {
   background-color: var(--semi-color-fill-1);
 }
@@ -26479,6 +26592,9 @@ p.semi-typography-extended,
   color: var(--semi-color-text-2);
   right: 4px;
   height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .semi-input-textarea-wrapper .semi-input-clearbtn > svg {
   pointer-events: none;
@@ -26581,6 +26697,7 @@ p.semi-typography-extended,
 }
 .semi-input-textarea-autosize {
   overflow: hidden;
+  resize: none;
 }
 .semi-input-textarea-counter {
   font-size: 12px;
@@ -26623,6 +26740,14 @@ p.semi-typography-extended,
   padding: 0;
   align-items: flex-start;
 }
+.semi-input-textarea-wrapper-withLineNumber.semi-input-textarea-wrapper-resizeX {
+  display: inline-flex;
+  width: fit-content;
+  max-width: 100%;
+}
+.semi-input-textarea-wrapper-withLineNumber.semi-input-textarea-wrapper-resizeX .semi-input-textarea-content {
+  flex: 0 0 auto;
+}
 .semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-lineNumber {
   flex-shrink: 0;
   padding: 5px 12px;