@douyinfe/semi-foundation 2.99.0 → 2.99.2

package/lib/cjs/modal/modal.css

@@ -41,7 +41,7 @@
 }
 .semi-modal-wrap-center {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
 }
 .semi-modal-title {
   display: inline-flex;
@@ -152,7 +152,7 @@
 }
 
 .semi-modal-centered {
-  margin: 0 auto;
+  margin: auto;
 }
 
 .semi-modal-popup .semi-modal-mask,

package/lib/cjs/modal/modal.scss

@@ -46,7 +46,14 @@ $module: #{$prefix}-modal;
         outline: 0;
         &-center{
             display: flex;
-            align-items: center;
+            // Use flex-start + auto margin instead of `align-items: center`.
+            // When content fits the viewport, `margin: auto` on the modal
+            // centers it vertically. When content exceeds the viewport, auto
+            // margins collapse to 0 per the flexbox spec, so the modal aligns
+            // to the top of the wrap and the wrap's `overflow: auto` can scroll
+            // to both the top and the bottom of the modal. This prevents the
+            // "centered modal becomes unreachable" bug when content overflows.
+            align-items: flex-start;
         }
     }
 
@@ -194,7 +201,10 @@ $module: #{$prefix}-modal;
 }
 
 .#{$module}-centered {
-    margin: 0 auto;
+    // `margin: auto` (instead of `0 auto`) lets the wrap's `display: flex;
+    // align-items: flex-start` produce visual vertical centering when content
+    // fits, while degrading to top-aligned + scrollable when content overflows.
+    margin: auto;
 }
 
 .#{$module}-popup {

package/lib/cjs/table/table.css

@@ -429,7 +429,7 @@
   pointer-events: none;
 }
 .semi-table-bordered:not(.semi-table-scroll-position-right) > .semi-table-container > .semi-table-header {
-  box-shadow: inset-1px 0 0 0 var(--semi-color-border);
+  box-shadow: inset -1px 0 0 0 var(--semi-color-border);
 }
 :where(.semi-table-bordered > .semi-table-container) > .semi-table-body > .semi-table-placeholder {
   border-right: 1px solid var(--semi-color-border);

package/lib/cjs/table/table.scss

@@ -579,7 +579,11 @@ $module: #{$prefix}-table;
                 // Ensure header shows a visible right border even when the container overlay
                 // is covered by native scrollbars in some browsers.
                 & > .#{$module}-header {
-                    box-shadow: inset -$width-table_base_border 0 0 0 $color-table-border-default;
+                    // NOTE: write the negative width as `$var * -1` instead of `-$var` here.
+                    // Sass >=1.55 treats `inset -$width-...` as the binary expression
+                    // `inset - $width-...` (strict-unary deprecation), which compiles to the
+                    // broken value `inset-1px` (no space) and breaks the box-shadow.
+                    box-shadow: inset $width-table_base_border * -1 0 0 0 $color-table-border-default;
                 }
             }
         }

package/lib/es/modal/modal.css

@@ -41,7 +41,7 @@
 }
 .semi-modal-wrap-center {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
 }
 .semi-modal-title {
   display: inline-flex;
@@ -152,7 +152,7 @@
 }
 
 .semi-modal-centered {
-  margin: 0 auto;
+  margin: auto;
 }
 
 .semi-modal-popup .semi-modal-mask,

package/lib/es/modal/modal.scss

@@ -46,7 +46,14 @@ $module: #{$prefix}-modal;
         outline: 0;
         &-center{
             display: flex;
-            align-items: center;
+            // Use flex-start + auto margin instead of `align-items: center`.
+            // When content fits the viewport, `margin: auto` on the modal
+            // centers it vertically. When content exceeds the viewport, auto
+            // margins collapse to 0 per the flexbox spec, so the modal aligns
+            // to the top of the wrap and the wrap's `overflow: auto` can scroll
+            // to both the top and the bottom of the modal. This prevents the
+            // "centered modal becomes unreachable" bug when content overflows.
+            align-items: flex-start;
         }
     }
 
@@ -194,7 +201,10 @@ $module: #{$prefix}-modal;
 }
 
 .#{$module}-centered {
-    margin: 0 auto;
+    // `margin: auto` (instead of `0 auto`) lets the wrap's `display: flex;
+    // align-items: flex-start` produce visual vertical centering when content
+    // fits, while degrading to top-aligned + scrollable when content overflows.
+    margin: auto;
 }
 
 .#{$module}-popup {

package/lib/es/table/table.css

@@ -429,7 +429,7 @@
   pointer-events: none;
 }
 .semi-table-bordered:not(.semi-table-scroll-position-right) > .semi-table-container > .semi-table-header {
-  box-shadow: inset-1px 0 0 0 var(--semi-color-border);
+  box-shadow: inset -1px 0 0 0 var(--semi-color-border);
 }
 :where(.semi-table-bordered > .semi-table-container) > .semi-table-body > .semi-table-placeholder {
   border-right: 1px solid var(--semi-color-border);

package/lib/es/table/table.scss

@@ -579,7 +579,11 @@ $module: #{$prefix}-table;
                 // Ensure header shows a visible right border even when the container overlay
                 // is covered by native scrollbars in some browsers.
                 & > .#{$module}-header {
-                    box-shadow: inset -$width-table_base_border 0 0 0 $color-table-border-default;
+                    // NOTE: write the negative width as `$var * -1` instead of `-$var` here.
+                    // Sass >=1.55 treats `inset -$width-...` as the binary expression
+                    // `inset - $width-...` (strict-unary deprecation), which compiles to the
+                    // broken value `inset-1px` (no space) and breaks the box-shadow.
+                    box-shadow: inset $width-table_base_border * -1 0 0 0 $color-table-border-default;
                 }
             }
         }

package/modal/modal.scss

@@ -46,7 +46,14 @@ $module: #{$prefix}-modal;
         outline: 0;
         &-center{
             display: flex;
-            align-items: center;
+            // Use flex-start + auto margin instead of `align-items: center`.
+            // When content fits the viewport, `margin: auto` on the modal
+            // centers it vertically. When content exceeds the viewport, auto
+            // margins collapse to 0 per the flexbox spec, so the modal aligns
+            // to the top of the wrap and the wrap's `overflow: auto` can scroll
+            // to both the top and the bottom of the modal. This prevents the
+            // "centered modal becomes unreachable" bug when content overflows.
+            align-items: flex-start;
         }
     }
 
@@ -194,7 +201,10 @@ $module: #{$prefix}-modal;
 }
 
 .#{$module}-centered {
-    margin: 0 auto;
+    // `margin: auto` (instead of `0 auto`) lets the wrap's `display: flex;
+    // align-items: flex-start` produce visual vertical centering when content
+    // fits, while degrading to top-aligned + scrollable when content overflows.
+    margin: auto;
 }
 
 .#{$module}-popup {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.99.0",
+    "version": "2.99.2",
     "description": "",
     "scripts": {
         "clean": "rimraf lib",
@@ -14225,8 +14225,8 @@
         }
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.99.0",
-        "@douyinfe/semi-json-viewer-core": "2.99.0",
+        "@douyinfe/semi-animation": "2.99.2",
+        "@douyinfe/semi-json-viewer-core": "2.99.2",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -14247,7 +14247,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "c62861b574b51ae39afe7da796ab4f14d1462ef2",
+    "gitHead": "59e8cd9364e406b5097b86455646171863e10466",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/table/table.scss

@@ -579,7 +579,11 @@ $module: #{$prefix}-table;
                 // Ensure header shows a visible right border even when the container overlay
                 // is covered by native scrollbars in some browsers.
                 & > .#{$module}-header {
-                    box-shadow: inset -$width-table_base_border 0 0 0 $color-table-border-default;
+                    // NOTE: write the negative width as `$var * -1` instead of `-$var` here.
+                    // Sass >=1.55 treats `inset -$width-...` as the binary expression
+                    // `inset - $width-...` (strict-unary deprecation), which compiles to the
+                    // broken value `inset-1px` (no space) and breaks the box-shadow.
+                    box-shadow: inset $width-table_base_border * -1 0 0 0 $color-table-border-default;
                 }
             }
         }