@semi-bot/semi-theme-im2 1.0.0 → 1.0.1

package/README.md

@@ -5,7 +5,7 @@ Operator: 小满
 
 ## Compatibility
 
-Compatible with Semi Foundation Version 2.94.1 or newer.
+Compatible with Semi Foundation Version 2.97.0 or newer.
     
 ## Version Release Note
     

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@semi-bot/semi-theme-im2",
- "version": "1.0.0",
+ "version": "1.0.1",
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
  "keywords": [
   "semi-theme",

package/raw.json

@@ -701,13 +701,18 @@
                 }
             },
             "tabs": {
+                "color": {
+                    "$color-tabs_tab_button-text-default": "var(--semi-color-text-1)",
+                    "$color-tabs_tab_line_default-text-default": "var(--semi-color-text-1)",
+                    "$color-tabs_tab_button_selected-text-default": "var(--semi-color-text-0)"
+                },
                 "radius": {
                     "$radius-tabs_tab_button": "24px"
                 },
                 "spacing": {
                     "$spacing-tabs_content-paddingY": "5px",
                     "$spacing-tabs_bar_button_tab-paddingX": "12px",
-                    "$spacing-tabs_bar_button_tab-paddingY": "5px",
+                    "$spacing-tabs_bar_button_tab-paddingY": "4px",
                     "$spacing-tabs_bar_line_tab-paddingTop": "8px",
                     "$spacing-tabs_bar_line_tab-marginRight": "16px",
                     "$spacing-tabs_bar_button_tab-marginRight": "8px",
@@ -737,7 +742,9 @@
             },
             "radio": {
                 "color": {
-                    "$color-radio_addon_buttonRadio-bg-hover": "var(--semi-color-fill-0)"
+                    "$color-radio_addon_buttonRadio-bg-hover": "var(--semi-color-fill-0)",
+                    "$color-radio_addon_buttonRadio-bg-checked": "var(--semi-color-bg-3)",
+                    "$color-radio_addon_buttonRadio-text-checked": "var(--semi-color-primary)"
                 },
                 "radius": {
                     "$radius-radio_addon_buttonRadio": "6px"
@@ -747,7 +754,7 @@
                     "$spacing-radio_addon-paddingLeft": "8px",
                     "$spacing-radio_buttonRadioGroup_middle-padding": "3px",
                     "$spacing-radio_addon_buttonRadio_middle-paddingX": "16px",
-                    "$spacing-radio_addon_buttonRadio_middle-paddingY": "4px"
+                    "$spacing-radio_addon_buttonRadio_middle-paddingY": "5px"
                 }
             },
             "table": {

package/scss/local.scss

@@ -5,10 +5,13 @@ $spacing-form_label-paddingRight: 16px;
 $spacing-form_label_extra-marginLeft: 4px;
 $spacing-form_label_required-marginLeft: 4px;
 $spacing-form_field_horizontal-paddingRight: 16px;
+$color-tabs_tab_button-text-default: var(--semi-color-text-1);
+$color-tabs_tab_line_default-text-default: var(--semi-color-text-1);
+$color-tabs_tab_button_selected-text-default: var(--semi-color-text-0);
 $radius-tabs_tab_button: 24px;
 $spacing-tabs_content-paddingY: 5px;
 $spacing-tabs_bar_button_tab-paddingX: 12px;
-$spacing-tabs_bar_button_tab-paddingY: 5px;
+$spacing-tabs_bar_button_tab-paddingY: 4px;
 $spacing-tabs_bar_line_tab-paddingTop: 8px;
 $spacing-tabs_bar_line_tab-marginRight: 16px;
 $spacing-tabs_bar_button_tab-marginRight: 8px;
@@ -25,12 +28,14 @@ $color-input_warning-border-default: var(--semi-color-warning-light-hover);
 $radius-input_wrapper: 8px;
 $color-modal_content-border: var(--semi-color-bg-0);
 $color-radio_addon_buttonRadio-bg-hover: var(--semi-color-fill-0);
+$color-radio_addon_buttonRadio-bg-checked: var(--semi-color-bg-3);
+$color-radio_addon_buttonRadio-text-checked: var(--semi-color-primary);
 $radius-radio_addon_buttonRadio: 6px;
 $spacing-radio_content-rowGap: 4px;
 $spacing-radio_addon-paddingLeft: 8px;
 $spacing-radio_buttonRadioGroup_middle-padding: 3px;
 $spacing-radio_addon_buttonRadio_middle-paddingX: 16px;
-$spacing-radio_addon_buttonRadio_middle-paddingY: 4px;
+$spacing-radio_addon_buttonRadio_middle-paddingY: 5px;
 $color-table_th-bg-default: var(--semi-color-default);
 $width-table_header_border: 1px;
 $spacing-toast_content-paddingLeft: 12px;

package/semi.css

@@ -7401,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);
 }
@@ -7422,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;
@@ -7483,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;
@@ -7495,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;
@@ -7644,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 {
@@ -7655,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 {
@@ -7666,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 {
@@ -7677,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 {
@@ -7688,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 {
@@ -16411,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;
 }
@@ -16423,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;
@@ -17839,7 +17902,7 @@ img[src=""], img:not([src]) {
   font-weight: 600;
   color: var(--semi-color-text-1);
   font-size: 12px;
-  padding: 4px 16px;
+  padding: 5px 16px;
   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-radio-addon-buttonRadio-hover {
@@ -20700,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);
@@ -21631,7 +21695,7 @@ img[src=""], img:not([src]) {
   padding: 8px 12px;
 }
 .semi-tabs-bar-more-trigger-button {
-  padding: 5px 12px;
+  padding: 4px 12px;
 }
 .semi-tabs-bar .semi-tabs-tab {
   font-size: 14px;
@@ -21643,7 +21707,7 @@ img[src=""], img:not([src]) {
   display: block;
   float: left;
   font-weight: 400;
-  color: var(--semi-color-text-2);
+  color: var(--semi-color-text-1);
   user-select: none;
 }
 .semi-tabs-bar .semi-tabs-tab .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
@@ -21703,7 +21767,7 @@ img[src=""], img:not([src]) {
   position: relative;
   display: inline-block;
   font-weight: 400;
-  color: var(--semi-color-text-2);
+  color: var(--semi-color-text-1);
   user-select: none;
 }
 .semi-tabs-tab-single.semi-tabs-tab .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
@@ -21995,9 +22059,9 @@ img[src=""], img:not([src]) {
   margin-right: 8px;
 }
 .semi-tabs-bar-button .semi-tabs-tab {
-  padding: 5px 12px;
+  padding: 4px 12px;
   border-radius: 24px;
-  color: var(--semi-color-text-2);
+  color: var(--semi-color-text-1);
   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));
@@ -22014,7 +22078,7 @@ img[src=""], img:not([src]) {
   background-color: var(--semi-color-fill-1);
 }
 .semi-tabs-bar-button .semi-tabs-tab-active, .semi-tabs-bar-button .semi-tabs-tab-active:hover {
-  color: var(--semi-color-primary);
+  color: var(--semi-color-text-0);
   border: none;
   background-color: var(--semi-color-primary-light-default);
 }
@@ -22229,9 +22293,9 @@ img[src=""], img:not([src]) {
   border: none;
 }
 .semi-tabs-tab-button.semi-tabs-tab {
-  padding: 5px 12px;
+  padding: 4px 12px;
   border-radius: 24px;
-  color: var(--semi-color-text-2);
+  color: var(--semi-color-text-1);
   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));
@@ -22248,7 +22312,7 @@ img[src=""], img:not([src]) {
   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);
+  color: var(--semi-color-text-0);
   border: none;
   background-color: var(--semi-color-primary-light-default);
 }
@@ -22847,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: 7px;
+  border-bottom-left-radius: 7px;
+}
+.semi-tag-split .semi-tag-last {
+  border-top-right-radius: 7px;
+  border-bottom-right-radius: 7px;
+  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;
@@ -23010,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;
@@ -23052,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;
@@ -23093,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;
@@ -26460,6 +26567,11 @@ p.semi-typography-extended,
   background-color: rgba(0, 0, 0, 0.02);
   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-0);
 }
@@ -26480,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;
@@ -26582,6 +26697,7 @@ p.semi-typography-extended,
 }
 .semi-input-textarea-autosize {
   overflow: hidden;
+  resize: none;
 }
 .semi-input-textarea-counter {
   font-size: 12px;
@@ -26624,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;