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

package/README.md

@@ -1,9 +1,11 @@
 
 # @semi-bot/semi-theme-lilyyang   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
-    
+ID: 15929
+Operator: 用户8608787183133
+
 ## Compatibility
 
-Compatible with Semi Foundation Version 2.62.0-beta.0 or newer.
+Compatible with Semi Foundation Version 2.93.0 or newer.
     
 ## Version Release Note
     

package/package.json

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

package/raw.json

@@ -637,9 +637,9 @@
             "shadow-elevated": "0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10)"
         },
         "spacing": {
-            "$spacing-base": "16px",
+            "$spacing-base": "15px",
             "$spacing-none": "0",
-            "$spacing-loose": "24px",
+            "$spacing-loose": "25px",
             "$spacing-tight": "8px",
             "$spacing-base-loose": "20px",
             "$spacing-base-tight": "12px",
@@ -744,8 +744,9 @@
         },
         "border-radius": {
             "--semi-border-radius-full": "9999px",
+            "--semi-border-radius-name": "8px",
             "--semi-border-radius-large": "12px",
-            "--semi-border-radius-small": "3px",
+            "--semi-border-radius-small": "4px",
             "--semi-border-radius-circle": "50%",
             "--semi-border-radius-medium": "6px",
             "--semi-border-radius-extra-small": "3px"

package/scss/_palette.scss

@@ -1,4 +1,4 @@
-body, body[theme-mode="dark"] .semi-always-light {
+body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
 --semi-black: 0,0,0;
 --semi-red-0: 254,242,237;
 --semi-red-1: 254,221,210;
@@ -174,7 +174,7 @@ body, body[theme-mode="dark"] .semi-always-light {
 
 
 }
-body[theme-mode="dark"], body .semi-always-dark {
+body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
 --semi-black: 0, 0, 0;
 --semi-red-0: 108,9,11;
 --semi-red-1: 144,17,16;

package/scss/animation.scss

@@ -1,5 +1,5 @@
 
-        body{
+        body, :host {
             --semi-transform_scale-none:scale(1,1);
     --semi-transform_scale-small:scale(1,1);
     --semi-transform_scale-medium:scale(1,1);

package/scss/global.scss

@@ -1,6 +1,6 @@
 @import './_palette.scss';
 
-body, body[theme-mode="dark"] .semi-always-light {
+body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
 --semi-color-bg-0: rgba(var(--semi-white), 1);
 --semi-color-bg-1: rgba(var(--semi-white), 1);
 --semi-color-bg-2: rgba(var(--semi-white), 1);
@@ -107,15 +107,16 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
 --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
 --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
 --semi-border-radius-full: 9999px;
+--semi-border-radius-name: 8px;
 --semi-border-radius-large: 12px;
---semi-border-radius-small: 3px;
+--semi-border-radius-small: 4px;
 --semi-border-radius-circle: 50%;
 --semi-border-radius-medium: 6px;
 --semi-border-radius-extra-small: 3px;
 
 
 }
-body[theme-mode="dark"], body .semi-always-dark {
+body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
 --semi-color-bg-0: rgba(22, 22, 26, 1);
 --semi-color-bg-1: rgba(35, 36, 41, 1);
 --semi-color-bg-2: rgba(53, 54, 60, 1);
@@ -222,8 +223,9 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
 --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
 --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
 --semi-border-radius-full: 9999px;
+--semi-border-radius-name: 8px;
 --semi-border-radius-large: 12px;
---semi-border-radius-small: 3px;
+--semi-border-radius-small: 4px;
 --semi-border-radius-circle: 50%;
 --semi-border-radius-medium: 6px;
 --semi-border-radius-extra-small: 3px;

package/scss/variables.scss

@@ -21,9 +21,9 @@ $spacing-super-tight: 2px; // 间距 - 极紧凑尺寸内/外边距
 $spacing-extra-tight: 4px; // 间距 - 超紧凑尺寸内/外边距
 $spacing-tight: 8px; // 间距 - 紧凑尺寸内/外边距
 $spacing-base-tight: 12px; // 间距 - 默认（偏紧凑）尺寸内/外边距
-$spacing-base: 16px; // 间距 - 默认尺寸内/外边距
+$spacing-base: 15px; // 间距 - 默认尺寸内/外边距
 $spacing-base-loose: 20px; // 间距 - 默认（偏宽松）尺寸内/外边距
-$spacing-loose: 24px; // 间距 - 宽松尺寸内/外边距
+$spacing-loose: 25px; // 间距 - 宽松尺寸内/外边距
 $spacing-extra-loose: 32px; // 间距 - 超宽松尺寸内/外边距
 $spacing-super-loose: 40px; // 间距 - 极宽松尺寸内/外边距
 
@@ -43,6 +43,14 @@ $z-tooltip: 1060; // tooltip 组件 z-index
 $z-image_preview: 1070; // Image 组件预览层z-index
 $z-image_preview_header: 1; // Image 组件预览层中 header 部分 z-index
 // $z-avatar-default: 100;
+$z-image_preview: 1070; // Image 组件预览层z-index
+$z-image_preview_header: 1; // Image 组件预览层中 header 部分 z-index
+
+// 正在拖拽中的元素的 z-index，需要高于所有的弹出层组件 z-index
+$z-transfer_right_item_drag_item_move: 2000; // 穿梭框右侧面板中正在拖拽元素的z-index
+$z-tagInput_drag_item_move: 2000; // 标签输入框中正在拖拽元素的z-index
+$z-resizable_handler: 2000; // 伸缩框组件中handler的z-index   
+
 
 // font