@semi-bot/semi-theme-trade-pass-growth-platform-test 1.0.12 → 1.0.13

package/README.md

@@ -9,7 +9,7 @@ Compatible with Semi Foundation Version 2.97.0 or newer.
     
 ## Version Release Note
     
-modal变更样式，统一
+modal统一样式变更
     
     
 ## Manual

package/package.json

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

package/raw.json

@@ -696,6 +696,36 @@
                     "$color-input_default-border-default": "var(--semi-color-border)"
                 }
             },
+            "modal": {
+                "color": {
+                    "$color-modal-bg": "var(--semi-color-bg-4)",
+                    "$color-modal_footer-bg": "var(--semi-color-bg-3)",
+                    "$color-modal_header-bg": "var(--semi-color-bg-4)",
+                    "$color-modal_footer-border": "var(--semi-color-border)",
+                    "$color-modal_header-border": "var(--semi-color-border)"
+                },
+                "width": {
+                    "$width-modal_footer-border": "1px",
+                    "$width-modal_header-border": "1px",
+                    "$width-modal_content-border": "0px"
+                },
+                "radius": {
+                    "$radius-modal_footer": "1px"
+                },
+                "spacing": {
+                    "$spacing-modal_wrap-top": "10px",
+                    "$spacing-modal_body-margin": "24px",
+                    "$spacing-modal_wrap-bottom": "10px",
+                    "$spacing-modal_footer-marginY": "0px",
+                    "$spacing-modal_header-marginY": "0px",
+                    "$spacing-modal_footer-paddingX": "24px",
+                    "$spacing-modal_footer-paddingY": "16px",
+                    "$spacing-modal_header-paddingX": "24px",
+                    "$spacing-modal_header-paddingY": "16px",
+                    "$spacing-modal_content-paddingX": "0px",
+                    "$spacing-modal_content-paddingY": "0px"
+                }
+            },
             "radio": {
                 "color": {
                     "$color-radio_buttonRadio-bg-default": "var(--semi-color-bg-1)",

package/scss/local.scss

@@ -6,6 +6,26 @@ $color-input_default-bg-default: var(--semi-color-fill-3);
 $color-input_default-border-hover: var(--semi-color-border);
 $color-input_default-bg-focus-hover: var(--semi-color-bg-2);
 $color-input_default-border-default: var(--semi-color-border);
+$color-modal-bg: var(--semi-color-bg-4);
+$color-modal_footer-bg: var(--semi-color-bg-3);
+$color-modal_header-bg: var(--semi-color-bg-4);
+$color-modal_footer-border: var(--semi-color-border);
+$color-modal_header-border: var(--semi-color-border);
+$width-modal_footer-border: 1px;
+$width-modal_header-border: 1px;
+$width-modal_content-border: 0px;
+$radius-modal_footer: 1px;
+$spacing-modal_wrap-top: 10px;
+$spacing-modal_body-margin: 24px;
+$spacing-modal_wrap-bottom: 10px;
+$spacing-modal_footer-marginY: 0px;
+$spacing-modal_header-marginY: 0px;
+$spacing-modal_footer-paddingX: 24px;
+$spacing-modal_footer-paddingY: 16px;
+$spacing-modal_header-paddingX: 24px;
+$spacing-modal_header-paddingY: 16px;
+$spacing-modal_content-paddingX: 0px;
+$spacing-modal_content-paddingY: 0px;
 $color-radio_buttonRadio-bg-default: var(--semi-color-bg-1);
 $color-radio_buttonRadio-text-default: var(--semi-color-text-2);
 $color-radio_addon_buttonRadio-bg-hover: var(--semi-color-bg-4);

package/semi.css

@@ -15709,9 +15709,9 @@ img[src=""], img:not([src]) {
 .semi-modal-wrap {
   position: fixed;
   overflow: auto;
-  top: 0;
+  top: 10px;
   right: 0;
-  bottom: 0;
+  bottom: 10px;
   left: 0;
   z-index: 1000;
   -webkit-overflow-scrolling: touch;
@@ -15735,11 +15735,11 @@ img[src=""], img:not([src]) {
   width: 100%;
   box-sizing: border-box;
   flex-direction: column;
-  background-color: var(--semi-color-bg-2);
+  background-color: var(--semi-color-bg-4);
   backdrop-filter: none;
-  border: 1px solid var(--semi-color-border);
+  border: 0px solid var(--semi-color-border);
   border-radius: var(--semi-border-radius-large);
-  padding: 0 24px;
+  padding: 0px 0px;
   background-clip: padding-box;
   overflow: hidden;
   box-shadow: var(--semi-shadow-elevated);
@@ -15759,13 +15759,13 @@ img[src=""], img:not([src]) {
 .semi-modal-header {
   display: flex;
   align-items: flex-start;
-  margin: 24px 0;
-  padding: 0 0;
+  margin: 0px 0;
+  padding: 16px 24px;
   font-size: 14px;
   font-weight: 600;
-  background-color: transparent;
+  background-color: var(--semi-color-bg-4);
   color: var(--semi-color-text-0);
-  border-bottom: 0 solid transparent;
+  border-bottom: 1px solid var(--semi-color-border);
 }
 .semi-modal-body-wrapper {
   display: flex;
@@ -15774,19 +15774,19 @@ img[src=""], img:not([src]) {
 }
 .semi-modal-body {
   flex: 1 1 auto;
-  margin: 0;
+  margin: 24px;
   padding: 0;
 }
 .semi-modal-withIcon {
   margin-left: 36px;
 }
 .semi-modal-footer {
-  margin: 24px 0;
-  padding: 0 0;
+  margin: 0px 0;
+  padding: 16px 24px;
   text-align: right;
-  border-radius: 0 0 5px 5px;
-  border-top: 0 solid transparent;
-  background-color: transparent;
+  border-radius: 1px;
+  border-top: 1px solid var(--semi-color-border);
+  background-color: var(--semi-color-bg-3);
 }
 .semi-modal-footer .semi-button {
   margin-left: 12px;