@sdata/web-vue 4.6.0 → 4.7.0

package/es/auto-complete/style/index.css

@@ -26,7 +26,7 @@
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-autocomplete-popup .sd-select-popup .sd-select-popup-inner {
   max-height: 200px;

package/es/bloom-menu/style/index.css

@@ -17,7 +17,7 @@
 /********* icon hover *********/
 .sd-bloom-menu {
   display: inline-flex;
-  font-family: inter, "-apple-system", blinkmacsystemfont, "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif;
+  font-family: -apple-system, blinkmacsystemfont, "inter", "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif;
 }
 .sd-bloom-menu-trigger-content {
   display: inline-flex;
@@ -35,7 +35,7 @@
   --bloom-menu-panel-background: var(--sd-color-bg-2);
   --bloom-menu-panel-border-color: var(--sd-color-neutral-3);
   --bloom-menu-panel-border-radius: var(--sd-border-radius-medium);
-  --bloom-menu-panel-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  --bloom-menu-panel-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
   overflow: hidden;
   border: 1px solid var(--sd-color-neutral-3);
 }

package/es/card/style/index.css

@@ -132,7 +132,7 @@
   z-index: 1;
 }
 .sd-card-grid-hoverable:hover::before {
-  box-shadow: 0 4px 10px rgb(var(--sd-gray-2));
+  box-shadow: 0 1px 2px rgb(var(--sd-gray-2)), 0 4px 10px rgb(var(--sd-gray-2));
 }
 .sd-card-grid .sd-card {
   background: none;
@@ -145,7 +145,7 @@
   padding: 0;
 }
 .sd-card-hoverable:hover {
-  box-shadow: 0 4px 10px rgb(var(--sd-gray-2));
+  box-shadow: 0 1px 2px rgb(var(--sd-gray-2)), 0 4px 10px rgb(var(--sd-gray-2));
 }
 .sd-card-bordered {
   border: 1px solid var(--sd-color-neutral-3);
@@ -218,5 +218,5 @@
 
 :where(body, [sd-theme])[sd-theme=dark] .sd-card-grid-hoverable:hover::before,
 :where(body, [sd-theme])[sd-theme=dark] .sd-card-hoverable:hover {
-  box-shadow: 0 4px 10px rgb(var(--sd-gray-1), 40%);
+  box-shadow: 0 1px 2px rgb(var(--sd-gray-1), 40%), 0 4px 10px rgb(var(--sd-gray-1), 40%);
 }

package/es/card/style/index.scss

@@ -159,7 +159,9 @@ $card-prefix-cls: string.unquote('#{theme.$prefix}-card');
       z-index: 1;
 
       &::before {
-        box-shadow: 0 4px 10px $card-color-box-shadow;
+        box-shadow:
+          0 1px 2px $card-color-box-shadow,
+          0 4px 10px $card-color-box-shadow;
       }
     }
 
@@ -179,7 +181,9 @@ $card-prefix-cls: string.unquote('#{theme.$prefix}-card');
   }
 
   &-hoverable:hover {
-    box-shadow: 0 4px 10px $card-color-box-shadow;
+    box-shadow:
+      0 1px 2px $card-color-box-shadow,
+      0 4px 10px $card-color-box-shadow;
   }
 
   &-bordered {
@@ -262,6 +266,8 @@ $card-prefix-cls: string.unquote('#{theme.$prefix}-card');
 #{global.$sd-theme-tag}[sd-theme='dark'] {
   .#{$card-prefix-cls}-grid-hoverable:hover::before,
   .#{$card-prefix-cls}-hoverable:hover {
-    box-shadow: 0 4px 10px $card-color-box-shadow_dark;
+    box-shadow:
+      0 1px 2px $card-color-box-shadow_dark,
+      0 4px 10px $card-color-box-shadow_dark;
   }
 }

package/es/cascader/style/index.css

@@ -28,7 +28,7 @@
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-select-dropdown .sd-select-dropdown-loading {
   display: flex;
@@ -138,7 +138,7 @@
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-cascader-search-panel {
   justify-content: flex-start;

package/es/color-picker/style/index.css

@@ -25,7 +25,7 @@
   align-items: center;
   box-sizing: border-box;
   background-color: var(--sd-color-fill-2);
-  border-radius: 2px;
+  border-radius: 4px;
 }
 .sd-color-picker-preview {
   box-sizing: border-box;
@@ -98,7 +98,7 @@
 .sd-color-picker-panel {
   width: 260px;
   background-color: var(--sd-color-bg-1);
-  border-radius: 2px;
+  border-radius: 4px;
   box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
 }
 .sd-color-picker-panel .sd-color-picker-panel-head {
@@ -124,7 +124,7 @@
   padding: 0;
   background-color: transparent;
   border: 1px solid var(--sd-color-border-2);
-  border-radius: 4px;
+  border-radius: 6px;
   cursor: pointer;
 }
 .sd-color-picker-panel .sd-color-picker-gradient-thumb {
@@ -168,7 +168,7 @@
   height: 32px;
   margin-top: 8px;
   border: 1px solid var(--sd-color-border-2);
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .sd-color-picker-panel .sd-color-picker-palette {
   position: relative;
@@ -210,7 +210,7 @@
   color: #fff;
   font-size: 20px;
   border: 1px solid var(--sd-color-border-2);
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .sd-color-picker-panel .sd-color-picker-panel-control .sd-color-picker-control-wrapper .sd-color-picker-control-bar-alpha {
   margin-top: 12px;

package/es/copy/style/index.css

@@ -16,7 +16,7 @@
 /******** radius *******/
 /********* icon hover *********/
 .sd-copy {
-  border-radius: 2px;
+  border-radius: 4px;
 }
 .sd-copy.sd-copy-inherit {
   color: inherit;

package/es/cropper/style/index.css

@@ -25,7 +25,7 @@
   overflow: hidden;
   background-color: var(--sd-color-neutral-2);
   border: 1px solid var(--sd-color-neutral-3);
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .sd-cropper-source-image {
   display: block;

package/es/date-picker/style/index.css

@@ -195,7 +195,7 @@
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-picker-container-shortcuts-placement-left, .sd-picker-container-shortcuts-placement-right,
 .sd-picker-range-container-shortcuts-placement-left,

package/es/dropdown/style/index.css

@@ -28,7 +28,7 @@
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-dropdown-list {
   margin-top: 0;

package/es/index.css

@@ -1472,9 +1472,9 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   --sd-color-warning-light-3: rgb(var(--sd-warning-3));
   --sd-color-warning-light-4: rgb(var(--sd-warning-4));
   --sd-border-radius-none: 0;
-  --sd-border-radius-small: 2px;
-  --sd-border-radius-medium: 4px;
-  --sd-border-radius-large: 8px;
+  --sd-border-radius-small: 4px;
+  --sd-border-radius-medium: 6px;
+  --sd-border-radius-large: 10px;
   --sd-border-radius-circle: 50%;
   --sd-color-tooltip-bg: rgb(var(--sd-gray-10));
   --sd-color-spin-layer-bg: rgba(255, 255, 255, 0.6);
@@ -1922,7 +1922,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 
 body {
   font-size: 14px;
-  font-family: inter, "-apple-system", blinkmacsystemfont, "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif;
+  font-family: -apple-system, blinkmacsystemfont, "inter", "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif;
 }
 
 .sd-trigger-wrapper {
@@ -3920,7 +3920,7 @@ body {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-tree-select-popup .sd-tree-select-tree-wrapper {
   height: 100%;
@@ -4556,7 +4556,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 
 .sd-tour-popover .sd-tour-content {
@@ -5064,7 +5064,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-timepicker-column {
   box-sizing: border-box;
@@ -6278,7 +6278,7 @@ body.sd-tour-active .sd-tour-popover * {
   background: var(--sd-color-bg-5);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
 }
 .sd-table-filters-list {
   max-height: 200px;
@@ -8286,7 +8286,7 @@ body.sd-tour-active .sd-tour-popover * {
   content: "";
 }
 .sd-slider-btn.sd-slider-btn-active::after, .sd-slider-btn:hover::after {
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
   transform: scale("");
 }
 .sd-slider-track-vertical .sd-slider-btn {
@@ -8436,7 +8436,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-select-dropdown .sd-select-dropdown-loading {
   display: flex;
@@ -10066,7 +10066,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-popover-title {
   color: var(--sd-color-text-1);
@@ -10094,7 +10094,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-popconfirm-popup-content .sd-popconfirm-body {
   position: relative;
@@ -10524,7 +10524,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.1);
   opacity: 1;
   transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
@@ -11164,7 +11164,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-small);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
   transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
   pointer-events: auto;
 }
@@ -11810,7 +11810,7 @@ body.sd-tour-active .sd-tour-popover * {
   line-height: 40px;
   border: 1px solid transparent;
   border-radius: 50%;
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-menu-collapsed {
   width: 48px;
@@ -11897,7 +11897,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-trigger-menu-hidden {
   display: none;
@@ -12399,7 +12399,7 @@ body.sd-tour-active .sd-tour-popover * {
   color: var(--sd-color-white);
   font-size: 18px;
   background: var(--sd-color-menu-dark-bg);
-  border-radius: 0 8px 8px 0;
+  border-radius: 0 10px 10px 0;
   cursor: pointer;
   transition: background-color 0.3s ease;
   inset-inline-end: -40px;
@@ -12416,7 +12416,7 @@ body.sd-tour-active .sd-tour-popover * {
 }
 .sd-layout-sider-zero-width-trigger-right {
   inset-inline-start: -40px;
-  border-radius: 8px 0 0 8px;
+  border-radius: 10px 0 0 10px;
 }
 .sd-layout-sider-light {
   background: var(--sd-color-bg-1);
@@ -12444,7 +12444,7 @@ body.sd-tour-active .sd-tour-popover * {
   height: 40px;
   color: var(--sd-color-text-1);
   font-size: 18px;
-  border-radius: 8px;
+  border-radius: 10px;
   cursor: pointer;
   transition: background-color 0.2s ease;
 }
@@ -16439,7 +16439,7 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-json-form-control {
   width: 100%;
   min-width: 0;
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .sd-json-form-chips {
   display: inline-flex;
@@ -16451,7 +16451,7 @@ body.sd-tour-active .sd-tour-popover * {
   margin-right: 0;
   padding: 2px 6px;
   border: 1px solid var(--sd-color-neutral-3);
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .sd-json-form-chips .sd-checkbox-checked {
   border-color: rgb(var(--sd-primary-6));
@@ -16508,7 +16508,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-dropdown-list {
   margin-top: 0;
@@ -17001,7 +17001,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-picker-container-shortcuts-placement-left, .sd-picker-container-shortcuts-placement-right,
 .sd-picker-range-container-shortcuts-placement-left,
@@ -17607,7 +17607,7 @@ body.sd-tour-active .sd-tour-popover * {
   overflow: hidden;
   background-color: var(--sd-color-neutral-2);
   border: 1px solid var(--sd-color-neutral-3);
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .sd-cropper-source-image {
   display: block;
@@ -17684,7 +17684,7 @@ body.sd-tour-active .sd-tour-popover * {
 }
 
 .sd-copy {
-  border-radius: 2px;
+  border-radius: 4px;
 }
 .sd-copy.sd-copy-inherit {
   color: inherit;
@@ -17697,7 +17697,7 @@ body.sd-tour-active .sd-tour-popover * {
   align-items: center;
   box-sizing: border-box;
   background-color: var(--sd-color-fill-2);
-  border-radius: 2px;
+  border-radius: 4px;
 }
 .sd-color-picker-preview {
   box-sizing: border-box;
@@ -17770,7 +17770,7 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-color-picker-panel {
   width: 260px;
   background-color: var(--sd-color-bg-1);
-  border-radius: 2px;
+  border-radius: 4px;
   box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
 }
 .sd-color-picker-panel .sd-color-picker-panel-head {
@@ -17796,7 +17796,7 @@ body.sd-tour-active .sd-tour-popover * {
   padding: 0;
   background-color: transparent;
   border: 1px solid var(--sd-color-border-2);
-  border-radius: 4px;
+  border-radius: 6px;
   cursor: pointer;
 }
 .sd-color-picker-panel .sd-color-picker-gradient-thumb {
@@ -17840,7 +17840,7 @@ body.sd-tour-active .sd-tour-popover * {
   height: 32px;
   margin-top: 8px;
   border: 1px solid var(--sd-color-border-2);
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .sd-color-picker-panel .sd-color-picker-palette {
   position: relative;
@@ -17882,7 +17882,7 @@ body.sd-tour-active .sd-tour-popover * {
   color: #fff;
   font-size: 20px;
   border: 1px solid var(--sd-color-border-2);
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .sd-color-picker-panel .sd-color-picker-panel-control .sd-color-picker-control-wrapper .sd-color-picker-control-bar-alpha {
   margin-top: 12px;
@@ -18325,7 +18325,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-cascader-search-panel {
   justify-content: flex-start;
@@ -19057,7 +19057,7 @@ body.sd-tour-active .sd-tour-popover * {
   z-index: 1;
 }
 .sd-card-grid-hoverable:hover::before {
-  box-shadow: 0 4px 10px rgb(var(--sd-gray-2));
+  box-shadow: 0 1px 2px rgb(var(--sd-gray-2)), 0 4px 10px rgb(var(--sd-gray-2));
 }
 .sd-card-grid .sd-card {
   background: none;
@@ -19070,7 +19070,7 @@ body.sd-tour-active .sd-tour-popover * {
   padding: 0;
 }
 .sd-card-hoverable:hover {
-  box-shadow: 0 4px 10px rgb(var(--sd-gray-2));
+  box-shadow: 0 1px 2px rgb(var(--sd-gray-2)), 0 4px 10px rgb(var(--sd-gray-2));
 }
 .sd-card-bordered {
   border: 1px solid var(--sd-color-neutral-3);
@@ -19143,7 +19143,7 @@ body.sd-tour-active .sd-tour-popover * {
 
 :where(body, [sd-theme])[sd-theme=dark] .sd-card-grid-hoverable:hover::before,
 :where(body, [sd-theme])[sd-theme=dark] .sd-card-hoverable:hover {
-  box-shadow: 0 4px 10px rgb(var(--sd-gray-1), 40%);
+  box-shadow: 0 1px 2px rgb(var(--sd-gray-1), 40%), 0 4px 10px rgb(var(--sd-gray-1), 40%);
 }
 
 .sd-selectable-card {
@@ -22205,7 +22205,7 @@ body.sd-tour-active .sd-tour-popover * {
 
 .sd-bloom-menu {
   display: inline-flex;
-  font-family: inter, "-apple-system", blinkmacsystemfont, "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif;
+  font-family: -apple-system, blinkmacsystemfont, "inter", "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif;
 }
 .sd-bloom-menu-trigger-content {
   display: inline-flex;
@@ -22223,7 +22223,7 @@ body.sd-tour-active .sd-tour-popover * {
   --bloom-menu-panel-background: var(--sd-color-bg-2);
   --bloom-menu-panel-border-color: var(--sd-color-neutral-3);
   --bloom-menu-panel-border-radius: var(--sd-border-radius-medium);
-  --bloom-menu-panel-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  --bloom-menu-panel-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
   overflow: hidden;
   border: 1px solid var(--sd-color-neutral-3);
 }
@@ -22462,7 +22462,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-autocomplete-popup .sd-select-popup .sd-select-popup-inner {
   max-height: 200px;

package/es/json-form/style/index.css

@@ -21,7 +21,7 @@
 .sd-json-form-control {
   width: 100%;
   min-width: 0;
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .sd-json-form-chips {
   display: inline-flex;
@@ -33,7 +33,7 @@
   margin-right: 0;
   padding: 2px 6px;
   border: 1px solid var(--sd-color-neutral-3);
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .sd-json-form-chips .sd-checkbox-checked {
   border-color: rgb(var(--sd-primary-6));

package/es/layout/style/index.css

@@ -138,7 +138,7 @@
   color: var(--sd-color-white);
   font-size: 18px;
   background: var(--sd-color-menu-dark-bg);
-  border-radius: 0 8px 8px 0;
+  border-radius: 0 10px 10px 0;
   cursor: pointer;
   transition: background-color 0.3s ease;
   inset-inline-end: -40px;
@@ -155,7 +155,7 @@
 }
 .sd-layout-sider-zero-width-trigger-right {
   inset-inline-start: -40px;
-  border-radius: 8px 0 0 8px;
+  border-radius: 10px 0 0 10px;
 }
 .sd-layout-sider-light {
   background: var(--sd-color-bg-1);
@@ -183,7 +183,7 @@
   height: 40px;
   color: var(--sd-color-text-1);
   font-size: 18px;
-  border-radius: 8px;
+  border-radius: 10px;
   cursor: pointer;
   transition: background-color 0.2s ease;
 }

package/es/menu/style/index.css

@@ -537,7 +537,7 @@
   line-height: 40px;
   border: 1px solid transparent;
   border-radius: 50%;
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-menu-collapsed {
   width: 48px;
@@ -624,7 +624,7 @@
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-trigger-menu-hidden {
   display: none;

package/es/message/style/index.css

@@ -49,7 +49,7 @@
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-small);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
   transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
   pointer-events: auto;
 }

package/es/notification/style/index.css

@@ -54,7 +54,7 @@
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.1);
   opacity: 1;
   transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }

package/es/notification/style/index.scss

@@ -53,7 +53,9 @@ $notification-prefix-cls: string.unquote('#{theme.$prefix}-notification');
   background-color: $notification-normal-color-bg;
   border: $notification-border-width $notification-border-style $notification-normal-color-border;
   border-radius: $notification-border-radius;
-  box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
+  box-shadow:
+    0 1px 3px rgb(0 0 0 / 6%),
+    0 8px 24px rgb(0 0 0 / 10%);
   opacity: 1;
   transition: opacity theme.$transition-duration-2 theme.$transition-timing-function-standard;
 

package/es/popconfirm/style/index.css

@@ -24,7 +24,7 @@
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-popconfirm-popup-content .sd-popconfirm-body {
   position: relative;

package/es/popover/style/index.css

@@ -24,7 +24,7 @@
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-popover-title {
   color: var(--sd-color-text-1);

package/es/select/style/index.css

@@ -28,7 +28,7 @@
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-select-dropdown .sd-select-dropdown-loading {
   display: flex;

package/es/slider/style/index.css

@@ -134,7 +134,7 @@
   content: "";
 }
 .sd-slider-btn.sd-slider-btn-active::after, .sd-slider-btn:hover::after {
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
   transform: scale("");
 }
 .sd-slider-track-vertical .sd-slider-btn {

package/es/style/theme/_tokens.scss

@@ -8,7 +8,7 @@ $sd-color-success-6: fn.sd-token-var('success-6', '0, 180, 42', $sd-theme-prefix
 $sd-color-warning-6: fn.sd-token-var('warning-6', '255, 125, 0', $sd-theme-prefix) !default;
 $sd-color-danger-6: fn.sd-token-var('danger-6', '245, 63, 63', $sd-theme-prefix) !default;
 $sd-color-link-6: fn.sd-token-var('link-6', '22, 93, 255', $sd-theme-prefix) !default;
-$sd-border-radius-medium: fn.sd-token-var('border-radius-medium', '4px', $sd-theme-prefix) !default;
+$sd-border-radius-medium: fn.sd-token-var('border-radius-medium', '6px', $sd-theme-prefix) !default;
 
 // Legacy aliases for migration window.
 $sd-legacy-color-primary-6: legacy.sd-legacy-token-var(