@semi-bot/semi-theme-fnos 1.1.24 → 1.1.26

package/README.md

@@ -1,15 +1,16 @@
 
 # @semi-bot/semi-theme-fnos   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
 ID: 24747
-Operator: Zuri
+Operator: wuclily
 
 ## Compatibility
 
-Compatible with Semi Foundation Version 2.93.0 or newer.
+Compatible with Semi Foundation Version 2.95.0 or newer.
     
 ## Version Release Note
     
-修正变化的 color 颜色
+1、品牌色禁用态（primary-disable）调整颜色
+2、调整 radio、checkbox 选中置灰态颜色
     
     
 ## Manual

package/package.json

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

package/raw.json

@@ -533,7 +533,7 @@
                 "tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
                 "Component/--semi-color-Component-card": "rgba(12,13,13,0.6)",
                 "disabled/--semi-color-disabled-border": "rgba(255,255,255,0.16)",
-                "primary/--semi-color-primary-disabled": "rgba(var(--semi-grey-5),0.16)",
+                "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-5),0.16)",
                 "success/--semi-color-success-disabled": "rgba(var(--semi-green-1),0.16)",
                 "tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.24)",
                 "Scrollbar/--semi-color-Scrollbar-hover": "rgba(255,255,255,0.2)",
@@ -704,7 +704,7 @@
                 "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-7), 1)",
                 "Component/--semi-color-Component-card": "rgba(255,255,255,0.9)",
                 "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-9),0.16)",
-                "primary/--semi-color-primary-disabled": "rgba(var(--semi-grey-5),0.16)",
+                "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-5),0.16)",
                 "success/--semi-color-success-disabled": "rgba(var(--semi-green-1),0.16)",
                 "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-8), 1)",
                 "Scrollbar/--semi-color-Scrollbar-hover": "rgba(var(--semi-grey-5),0.32)",
@@ -926,7 +926,7 @@
                     "$color-input_warning-border-focus": "var(--semi-color-warning)",
                     "$color-input_warning-border-hover": "var(--semi-color-warning-light-hover)",
                     "$color-input_danger-border-default": "var(--semi-color-danger-light-default)",
-                    "$color-input_default-bg-focus-hover": "var(--semi-color-input-HoverBg)",
+                    "$color-input_default-bg-focus-hover": "var(--semi-color-input-ActiveBg)",
                     "$color-input_default-border-default": "var(--semi-color-border)",
                     "$color-input_warning-border-default": "var(--semi-color-warning-light-default)",
                     "$color-inputNumber_button-bg-disabled": "var(--semi-color-disabled-bg)",
@@ -954,10 +954,12 @@
             "radio": {
                 "color": {
                     "$color-radio_default-bg-default": "var(--semi-color-bg-1)",
-                    "$color-radio_checked-bg-disabled": "var(--semi-color-disabled-bg)",
+                    "$color-radio_checked-bg-disabled": "var(--semi-color-primary-disabled)",
                     "$color-radio_disabled-bg-default": "var(--semi-color-disabled-bg)",
+                    "$color-radio_checked-icon-disabled": "var(--semi-color-white-30)",
+                    "$color-radio_primary-outline-focus": "var(--semi-color-primary-light-active)",
                     "$color-radio_default-border-default": "var(--semi-color-text-3)",
-                    "$color-radio_checked-border-disabled": "var(--semi-color-disabled-border)",
+                    "$color-radio_checked-border-disabled": "var(--semi-color-primary-disabled)",
                     "$color-radio_default-border-disabled": "var(--semi-color-disabled-border)",
                     "$color-radio_addon_buttonRadio-bg-checked": "var(--semi-color-primary)",
                     "$color-radio_addon_buttonRadio-text-checked": "var(--semi-color-white)"
@@ -1131,13 +1133,13 @@
                     "$color-checkbox_checked-icon-hover": "var(--semi-color-white)",
                     "$color-checkbox_default-bg-default": "var(--semi-color-bg-transparent)",
                     "$color-checkbox_extra-text-default": "var(--semi-color-text-1)",
-                    "$color-checkbox_checked-bg-disabled": "var(--semi-color-disabled-bg)",
+                    "$color-checkbox_checked-bg-disabled": "var(--semi-color-primary-light-default)",
                     "$color-checkbox_checked-icon-active": "var(--semi-color-white)",
                     "$color-checkbox_checked-icon-default": "var(--semi-color-white)",
-                    "$color-checkbox_checked-icon-disabled": "var(--semi-color-disabled-text)",
+                    "$color-checkbox_checked-icon-disabled": "var(--semi-color-primary-disabled)",
                     "$color-checkbox_default-border-default": "var(--semi-color-text-3)",
                     "$color-checkbox_cardType_inner-bg-hover": "var(--semi-color-white)",
-                    "$color-checkbox_disabled-border-default": "var(--semi-color-disabled-border)",
+                    "$color-checkbox_disabled-border-default": "var(--semi-color-primary-light-default)",
                     "$color-checkbox_cardType_inner-bg-active": "var(--semi-color-white)"
                 },
                 "radius": {

package/scss/global.scss

@@ -132,7 +132,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-tertiary-hover: rgba(var(--semi-grey-7), 1);
 --semi-color-Component-card: rgba(255,255,255,0.9);
 --semi-color-disabled-border: rgba(var(--semi-grey-9),0.16);
---semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
+--semi-color-primary-disabled: rgba(var(--semi-brand-5),0.16);
 --semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
 --semi-color-tertiary-active: rgba(var(--semi-grey-8), 1);
 --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5),0.32);
@@ -326,7 +326,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-tertiary-hover: rgba(255,255,255,0.16);
 --semi-color-Component-card: rgba(12,13,13,0.6);
 --semi-color-disabled-border: rgba(255,255,255,0.16);
---semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
+--semi-color-primary-disabled: rgba(var(--semi-brand-5),0.16);
 --semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
 --semi-color-tertiary-active: rgba(255,255,255,0.24);
 --semi-color-Scrollbar-hover: rgba(255,255,255,0.2);

package/scss/local.scss

@@ -29,7 +29,7 @@ $color-input_default-border-hover: var(--semi-color-border-hover);
 $color-input_warning-border-focus: var(--semi-color-warning);
 $color-input_warning-border-hover: var(--semi-color-warning-light-hover);
 $color-input_danger-border-default: var(--semi-color-danger-light-default);
-$color-input_default-bg-focus-hover: var(--semi-color-input-HoverBg);
+$color-input_default-bg-focus-hover: var(--semi-color-input-ActiveBg);
 $color-input_default-border-default: var(--semi-color-border);
 $color-input_warning-border-default: var(--semi-color-warning-light-default);
 $color-inputNumber_button-bg-disabled: var(--semi-color-disabled-bg);
@@ -43,10 +43,12 @@ $radius-input_wrapper: 6px;
 $font-modal_header-fontSize: $font-size-regular;
 $color-modal_content-border: var(--semi-color-border-modal);
 $color-radio_default-bg-default: var(--semi-color-bg-1);
-$color-radio_checked-bg-disabled: var(--semi-color-disabled-bg);
+$color-radio_checked-bg-disabled: var(--semi-color-primary-disabled);
 $color-radio_disabled-bg-default: var(--semi-color-disabled-bg);
+$color-radio_checked-icon-disabled: var(--semi-color-white-30);
+$color-radio_primary-outline-focus: var(--semi-color-primary-light-active);
 $color-radio_default-border-default: var(--semi-color-text-3);
-$color-radio_checked-border-disabled: var(--semi-color-disabled-border);
+$color-radio_checked-border-disabled: var(--semi-color-primary-disabled);
 $color-radio_default-border-disabled: var(--semi-color-disabled-border);
 $color-radio_addon_buttonRadio-bg-checked: var(--semi-color-primary);
 $color-radio_addon_buttonRadio-text-checked: var(--semi-color-white);
@@ -158,13 +160,13 @@ $radius-cascader: 8px;
 $color-checkbox_checked-icon-hover: var(--semi-color-white);
 $color-checkbox_default-bg-default: var(--semi-color-bg-transparent);
 $color-checkbox_extra-text-default: var(--semi-color-text-1);
-$color-checkbox_checked-bg-disabled: var(--semi-color-disabled-bg);
+$color-checkbox_checked-bg-disabled: var(--semi-color-primary-light-default);
 $color-checkbox_checked-icon-active: var(--semi-color-white);
 $color-checkbox_checked-icon-default: var(--semi-color-white);
-$color-checkbox_checked-icon-disabled: var(--semi-color-disabled-text);
+$color-checkbox_checked-icon-disabled: var(--semi-color-primary-disabled);
 $color-checkbox_default-border-default: var(--semi-color-text-3);
 $color-checkbox_cardType_inner-bg-hover: var(--semi-color-white);
-$color-checkbox_disabled-border-default: var(--semi-color-disabled-border);
+$color-checkbox_disabled-border-default: var(--semi-color-primary-light-default);
 $color-checkbox_cardType_inner-bg-active: var(--semi-color-white);
 $radius-checkbox_inner: 4px;
 $color-dropdown-bg-default: var(--semi-color-bg-dropdown);

package/semi.css

@@ -532,7 +532,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-tertiary-hover: rgba(var(--semi-grey-7), 1);
   --semi-color-Component-card: rgba(255,255,255,0.9);
   --semi-color-disabled-border: rgba(var(--semi-grey-9),0.16);
-  --semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
+  --semi-color-primary-disabled: rgba(var(--semi-brand-5),0.16);
   --semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
   --semi-color-tertiary-active: rgba(var(--semi-grey-8), 1);
   --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5),0.32);
@@ -725,7 +725,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-tertiary-hover: rgba(255,255,255,0.16);
   --semi-color-Component-card: rgba(12,13,13,0.6);
   --semi-color-disabled-border: rgba(255,255,255,0.16);
-  --semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
+  --semi-color-primary-disabled: rgba(var(--semi-brand-5),0.16);
   --semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
   --semi-color-tertiary-active: rgba(255,255,255,0.24);
   --semi-color-Scrollbar-hover: rgba(255,255,255,0.2);
@@ -6165,11 +6165,11 @@ body, :host {
 }
 .semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-display, .semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-display {
   background: var(--semi-color-disabled-fill);
-  box-shadow: inset 0 0 0 1px var(--semi-color-disabled-border);
+  box-shadow: inset 0 0 0 1px var(--semi-color-primary-light-default);
 }
 .semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display, .semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
-  color: var(--semi-color-disabled-text);
-  background: var(--semi-color-disabled-bg);
+  color: var(--semi-color-primary-disabled);
+  background: var(--semi-color-primary-light-default);
   box-shadow: none;
 }
 .semi-checkbox-inner {
@@ -6331,25 +6331,25 @@ body, :host {
   cursor: not-allowed;
 }
 .semi-checkbox-disabled .semi-checkbox-inner-display {
-  color: var(--semi-color-disabled-text);
+  color: var(--semi-color-primary-disabled);
   background: var(--semi-color-disabled-fill);
-  box-shadow: inset 0 0 0 1px var(--semi-color-disabled-border);
+  box-shadow: inset 0 0 0 1px var(--semi-color-primary-light-default);
 }
 .semi-checkbox-disabled .semi-checkbox-inner-display:hover {
-  color: var(--semi-color-disabled-text);
+  color: var(--semi-color-primary-disabled);
   background: transparent;
 }
 .semi-checkbox-disabled .semi-checkbox-inner-checked {
-  color: var(--semi-color-disabled-text);
+  color: var(--semi-color-primary-disabled);
 }
 .semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display {
   opacity: 0.75;
-  background: var(--semi-color-disabled-bg);
-  box-shadow: inset 0 0 0 1px var(--semi-color-disabled-bg);
+  background: var(--semi-color-primary-light-default);
+  box-shadow: inset 0 0 0 1px var(--semi-color-primary-light-default);
 }
 .semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display:hover {
-  color: var(--semi-color-disabled-text);
-  background: var(--semi-color-disabled-bg);
+  color: var(--semi-color-primary-disabled);
+  background: var(--semi-color-primary-light-default);
 }
 .semi-checkbox-disabled .semi-checkbox-addon {
   color: var(--semi-color-disabled-text);
@@ -6359,9 +6359,9 @@ body, :host {
 }
 .semi-checkbox.semi-checkbox-disabled.semi-checkbox-indeterminate .semi-checkbox-inner-display {
   opacity: 0.75;
-  background: var(--semi-color-disabled-bg);
-  box-shadow: inset 0 0 0 1px var(--semi-color-disabled-bg);
-  color: var(--semi-color-disabled-text);
+  background: var(--semi-color-primary-light-default);
+  box-shadow: inset 0 0 0 1px var(--semi-color-primary-light-default);
+  color: var(--semi-color-primary-disabled);
 }
 .semi-checkbox-extra {
   flex-shrink: 0;
@@ -7467,10 +7467,10 @@ body, :host {
   height: fit-content;
   border: none;
 }
-.semi-datepicker-range-input-wrapper .semi-input-wrapper:active {
+.semi-datepicker-range-input-wrapper .semi-input-wrapper:active:not(#neverExistElement) {
   background-color: transparent;
 }
-.semi-datepicker-range-input-wrapper .semi-input-wrapper:hover {
+.semi-datepicker-range-input-wrapper .semi-input-wrapper:hover:not(#neverExistElement) {
   background-color: transparent;
 }
 .semi-datepicker-range-input-wrapper-focus {
@@ -14761,7 +14761,7 @@ img[src=""], img:not([src]) {
   border: var(--semi-color-focus-border) solid 1px;
 }
 .semi-input-wrapper-focus:hover {
-  background-color: var(--semi-color-input-HoverBg);
+  background-color: var(--semi-color-input-ActiveBg);
   border-color: var(--semi-color-focus-border);
 }
 .semi-input-wrapper-focus:active {
@@ -17993,9 +17993,9 @@ img[src=""], img:not([src]) {
   border: solid 1px var(--semi-color-border);
 }
 .semi-radio.semi-radio-disabled:hover .semi-radio-inner-checked .semi-radio-inner-display, .semi-radio.semi-radio-disabled:active .semi-radio-inner-checked .semi-radio-inner-display {
-  color: rgba(var(--semi-white), 1);
-  background: var(--semi-color-disabled-bg);
-  border-color: var(--semi-color-disabled-border);
+  color: var(--semi-color-white-30);
+  background: var(--semi-color-primary-disabled);
+  border-color: var(--semi-color-primary-disabled);
 }
 .semi-radio-inner {
   display: inline-flex;
@@ -18111,14 +18111,14 @@ img[src=""], img:not([src]) {
   background: transparent;
 }
 .semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display {
-  color: rgba(var(--semi-white), 1);
-  background: var(--semi-color-disabled-bg);
-  border-color: var(--semi-color-disabled-border);
+  color: var(--semi-color-white-30);
+  background: var(--semi-color-primary-disabled);
+  border-color: var(--semi-color-primary-disabled);
 }
 .semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display:hover {
-  color: rgba(var(--semi-white), 1);
-  background: var(--semi-color-disabled-bg);
-  border-color: var(--semi-color-disabled-border);
+  color: var(--semi-color-white-30);
+  background: var(--semi-color-primary-disabled);
+  border-color: var(--semi-color-primary-disabled);
 }
 .semi-radio-disabled .semi-radio-addon {
   color: var(--semi-color-disabled-text);
@@ -18397,7 +18397,7 @@ img[src=""], img:not([src]) {
   height: 100%;
   width: 100%;
   inset: 0;
-  z-index: 2010;
+  z-index: 20;
   opacity: 0;
   position: fixed;
 }
@@ -20605,6 +20605,9 @@ img[src=""], img:not([src]) {
 }
 .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title {
   max-width: 80%;
+  min-height: 24px;
+  display: inline-flex;
+  align-items: center;
 }
 .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title .semi-steps-item-title-text {
   overflow: hidden;
@@ -20612,6 +20615,9 @@ img[src=""], img:not([src]) {
   white-space: nowrap;
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
+.semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title .semi-steps-item-title-text-empty {
+  width: 0;
+}
 .semi-steps-basic.semi-steps-vertical {
   display: flex;
   flex-flow: column nowrap;