@biztoken/design-tokens 0.1.5 → 0.1.7

package/tokens-DTCGS.json

@@ -3,7 +3,7 @@
     "alert": {
       "container": {
         "min-height": {
-          "$value": "40px",
+          "$value": "30px",
           "$type": "dimension"
         },
         "min-height-l": {
@@ -33,11 +33,11 @@
           }
         },
         "x-padding": {
-          "$value": "{sys.space.inner-component}+{sys.space.mini}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "y-padding-l": {
@@ -85,7 +85,7 @@
           }
         },
         "margin-top": {
-          "$value": "2px",
+          "$value": "1px",
           "$type": "dimension"
         },
         "margin-top-with-title": {
@@ -145,7 +145,7 @@
           "$type": "color"
         },
         "left-margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -214,7 +214,7 @@
         }
       },
       "space-between-tip-icon-and-text": {
-        "$value": "{sys.space.component}",
+        "$value": "{sys.space.inner-component}",
         "$type": "dimension"
       },
       "space-between-title-and-desc": {
@@ -222,7 +222,7 @@
         "$type": "dimension"
       },
       "space-between-desc-text-and-trailing-text": {
-        "$value": "{sys.space.component}",
+        "$value": "{sys.space.inner-component}",
         "$type": "dimension"
       },
       "border": {
@@ -606,19 +606,19 @@
             "$type": "color"
           },
           "outline-secondary": {
-            "$value": "{sys.color.border.regular}",
+            "$value": "{sys.color.border.neutral}",
             "$type": "color"
           },
           "outline-secondary-hover": {
-            "$value": "{sys.color.border.regular}",
+            "$value": "{sys.color.border.neutral}",
             "$type": "color"
           },
           "outline-secondary-press": {
-            "$value": "{sys.color.border.regular}",
+            "$value": "{sys.color.border.neutral}",
             "$type": "color"
           },
           "outline-secondary-disable": {
-            "$value": "{sys.color.border.strong}",
+            "$value": "{sys.color.border.neutral-disable}",
             "$type": "color"
           },
           "outline-accent": {
@@ -654,19 +654,19 @@
             "$type": "color"
           },
           "ghost-secondary": {
-            "$value": "{sys.color.border.regular}",
+            "$value": "{sys.color.border.neutral}",
             "$type": "color"
           },
           "ghost-secondary-hover": {
-            "$value": "{sys.color.border.regular}",
+            "$value": "{sys.color.border.neutral}",
             "$type": "color"
           },
           "ghost-secondary-press": {
-            "$value": "{sys.color.border.regular}",
+            "$value": "{sys.color.border.neutral}",
             "$type": "color"
           },
           "ghost-secondary-disable": {
-            "$value": "{sys.color.border.strong}",
+            "$value": "{sys.color.border.neutral-disable}",
             "$type": "color"
           },
           "ghost-accent": {
@@ -989,7 +989,7 @@
           "$type": "dimension"
         },
         "button-gap": {
-          "$value": "{sys.space.layout}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "button-gap-l": {
@@ -1047,7 +1047,7 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "x-padding-l": {
@@ -1105,11 +1105,11 @@
       },
       "item-group-container": {
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "min-width": {
@@ -1126,14 +1126,14 @@
         },
         "color": {
           "border-near-inner-content": {
-            "$value": "{sys.color.divider.weak}",
+            "$value": "{sys.color.divider.regular}",
             "$type": "color"
           }
         }
       },
       "panel": {
         "top-margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "shadow": {
@@ -1265,7 +1265,7 @@
       },
       "space": {
         "icon-and-text-gap": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "checkbox-gap": {
@@ -1285,7 +1285,7 @@
     "datepicker": {
       "top-container": {
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "y-padding": {
@@ -1294,7 +1294,7 @@
         },
         "color": {
           "bottom-border": {
-            "$value": "{sys.color.divider.weak}",
+            "$value": "{sys.color.divider.regular}",
             "$type": "color"
           }
         }
@@ -1305,7 +1305,7 @@
           "$type": "dimension"
         },
         "gap": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -1327,7 +1327,7 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -1395,12 +1395,12 @@
       },
       "bottom-container": {
         "padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
           "top-border": {
-            "$value": "{sys.color.divider.weak}",
+            "$value": "{sys.color.divider.regular}",
             "$type": "color"
           }
         }
@@ -1419,16 +1419,16 @@
           "$type": "dimension"
         },
         "gap": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "gap-date": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
           "border": {
-            "$value": "{sys.color.brand}",
+            "$value": "{sys.color.transparent}",
             "$type": "color"
           },
           "border-hover": {
@@ -1456,7 +1456,7 @@
             "$type": "color"
           },
           "bg-present": {
-            "$value": "{sys.color.bg-state.brand.selected}",
+            "$value": "{sys.color.bg.brand}",
             "$type": "color"
           }
         }
@@ -1467,7 +1467,7 @@
           "$type": "dimension"
         },
         "gap": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -1491,7 +1491,7 @@
         "color": {
           "border": {
             "near-inner-content": {
-              "$value": "{sys.color.divider.weak}",
+              "$value": "{sys.color.divider.regular}",
               "$type": "color"
             }
           }
@@ -1499,7 +1499,7 @@
       },
       "panel": {
         "top-margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "shadow": {
@@ -1517,7 +1517,7 @@
         "color": {
           "border": {
             "near-inner-content": {
-              "$value": "{sys.color.divider.weak}",
+              "$value": "{sys.color.divider.regular}",
               "$type": "color"
             }
           }
@@ -1576,7 +1576,7 @@
         },
         "border-bottom": {
           "color": {
-            "$value": "{sys.color.divider.weak}",
+            "$value": "{sys.color.divider.regular}",
             "$type": "color"
           }
         },
@@ -1698,7 +1698,7 @@
         }
       },
       "space-title-and-operation-icon-gap": {
-        "$value": "{sys.space.component}",
+        "$value": "{sys.space.inner-component}",
         "$type": "dimension"
       },
       "space-button-gap": {
@@ -1769,32 +1769,7 @@
           "$type": "color"
         },
         "shadow": {
-          "$value": [
-            {
-              "color": "#00000005",
-              "$type": "dropShadow",
-              "x": 0,
-              "y": 5,
-              "blur": 12,
-              "spread": 0
-            },
-            {
-              "color": "#00000008",
-              "$type": "dropShadow",
-              "x": 0,
-              "y": 6,
-              "blur": 14,
-              "spread": 8
-            },
-            {
-              "color": "#0000000a",
-              "$type": "dropShadow",
-              "x": 0,
-              "y": 7,
-              "blur": 16,
-              "spread": 16
-            }
-          ],
+          "$value": "{sys.shadow.top}",
           "$type": "shadow"
         },
         "border": {
@@ -1819,18 +1794,18 @@
         },
         "bottom-border": {
           "color": {
-            "$value": "{sys.color.divider.weak}",
+            "$value": "{sys.color.divider.regular}",
             "$type": "color"
           }
         },
         "x-padding": {
-          "$value": "{sys.space.mini}*5",
+          "$value": "{sys.space.sub-layout}",
           "$type": "dimension"
         }
       },
       "content-container": {
         "x-padding": {
-          "$value": "{sys.space.mini}*5",
+          "$value": "{sys.space.sub-layout}",
           "$type": "dimension"
         },
         "y-padding": {
@@ -1850,11 +1825,11 @@
           "$type": "shadow"
         },
         "x-padding": {
-          "$value": "{sys.space.mini}*5",
+          "$value": "{sys.space.sub-layout}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -1863,7 +1838,7 @@
         },
         "border": {
           "color": {
-            "$value": "{com.drawer.container.color}",
+            "$value": "{sys.color.divider.regular}",
             "$type": "color"
           }
         }
@@ -1901,11 +1876,11 @@
         }
       },
       "space-title-and-operation-icon-gap": {
-        "$value": "{sys.space.component}",
+        "$value": "{sys.space.inner-component}",
         "$type": "dimension"
       },
       "space-button-gap": {
-        "$value": "{sys.space.component}",
+        "$value": "{sys.space.inner-component}",
         "$type": "dimension"
       }
     },
@@ -2004,7 +1979,7 @@
           }
         },
         "margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -2026,7 +2001,7 @@
           "$type": "dimension"
         },
         "color": {
-          "$value": "{sys.color.divider.weak}",
+          "$value": "{com.button.text.color.filled}",
           "$type": "color"
         }
       },
@@ -2196,35 +2171,39 @@
     "input": {
       "container": {
         "color": {
-          "$value": "{sys.color.white}",
-          "$type": "color",
-          "": {
-            "color": {
+          "regular": {
+            "$type": "color",
+            "$value": "{sys.color.white}"
+          },
+          "disable": {
+            "$value": "{sys.color.bg-state.forbidden}",
+            "$type": "color"
+          }
+        },
+        "border": {
+          "color": {
+            "regular": {
               "$value": "{sys.color.border.input}",
               "$type": "color"
             },
-            "color-hover": {
-              "$value": "{sys.color.neutral}",
+            "disable": {
+              "$value": "{sys.color.border.input-disable}",
               "$type": "color"
             },
-            "color-focuse": {
+            "hover": {
               "$value": "{sys.color.brand}",
               "$type": "color"
             },
-            "color-error": {
-              "$value": "{sys.color.error}",
+            "focus": {
+              "$value": "{sys.color.brand}",
               "$type": "color"
             },
-            "color-disable": {
-              "$value": "{sys.color.border.input-disable}",
+            "error": {
+              "$value": "{sys.color.error}",
               "$type": "color"
             }
           }
         },
-        "color-disable": {
-          "$value": "{sys.color.bg-state.forbidden}",
-          "$type": "color"
-        },
         "height": {
           "$value": "{sys.size.row-height.regular}",
           "$type": "dimension"
@@ -2238,32 +2217,12 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "width": {
           "$value": "100%",
           "$type": "dimension"
-        },
-        "color-border": {
-          "$value": "{sys.color.border.input}",
-          "$type": "color"
-        },
-        "color-border-hover": {
-          "$value": "{sys.color.brand}",
-          "$type": "color"
-        },
-        "color-border-focuse": {
-          "$value": "{sys.color.brand}",
-          "$type": "color"
-        },
-        "color-border-error": {
-          "$value": "{sys.color.error}",
-          "$type": "color"
-        },
-        "color-border-disable": {
-          "$value": "{sys.color.border.input-disable}",
-          "$type": "color"
         }
       },
       "input-text": {
@@ -2448,7 +2407,7 @@
           "$type": "dimension"
         },
         "icon-and-input-text": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       }
@@ -2478,7 +2437,7 @@
       },
       "affix-container": {
         "color": {
-          "$value": "{sys.color.bg.strong}",
+          "$value": "{sys.color.bg.neutral-strong}",
           "$type": "color"
         },
         "height": {
@@ -2494,11 +2453,11 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color-border": {
-          "$value": "{com.input.container.color-border}",
+          "$value": "{com.input.container.border.color.regular}",
           "$type": "color"
         },
         "corner": {
@@ -2528,20 +2487,6 @@
       }
     },
     "input-number": {
-      "operation-button-container-down": {
-        "height": {
-          "$value": "({com.input.container.height}-2px)/2",
-          "$type": "dimension"
-        },
-        "height-l": {
-          "$value": "({com.input.container.height-l}-2px)/2",
-          "$type": "dimension"
-        },
-        "height-s": {
-          "$value": "({com.input.container.height-s}-2px)/2",
-          "$type": "dimension"
-        }
-      },
       "operation-button-container": {
         "color-hover": {
           "$value": "{sys.color.bg-state.brand.hover-opacity}",
@@ -2560,15 +2505,15 @@
           "$type": "color"
         },
         "color-border-disable": {
-          "$value": "{com.input.container.color-border-disable}",
+          "$value": "{com.input.container.border.color.disable}",
           "$type": "color"
         },
         "color-border": {
-          "$value": "{com.input.container.color-border}",
+          "$value": "{com.input.container.border.color.regular}",
           "$type": "color"
         },
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "y-axis": {
@@ -2586,6 +2531,30 @@
             "$value": 0,
             "$type": "borderRadius"
           }
+        },
+        "height": {
+          "$value": "({com.input.container.height}-2px)/2",
+          "$type": "dimension"
+        },
+        "height-l": {
+          "$value": "({com.input.container.height-l}-2px)/2",
+          "$type": "dimension"
+        },
+        "height-s": {
+          "$value": "({com.input.container.height-s}-2px)/2",
+          "$type": "dimension"
+        },
+        "width": {
+          "$value": "({com.input.container.height}-2px)",
+          "$type": "dimension"
+        },
+        "width-l": {
+          "$value": "({com.input.container.height-l}-2px)",
+          "$type": "dimension"
+        },
+        "width-s": {
+          "$value": "({com.input.container.height-s}-2px)",
+          "$type": "dimension"
         }
       },
       "operation-icon": {
@@ -2604,11 +2573,11 @@
       },
       "border-between-operation-button": {
         "color": {
-          "$value": "{com.input.container.color-border}",
+          "$value": "{com.input.container.border.color.regular}",
           "$type": "color"
         },
         "color-disable": {
-          "$value": "{com.input.container.color-border-disable}",
+          "$value": "{com.input.container.border.color.disable}",
           "$type": "color"
         }
       },
@@ -2623,20 +2592,6 @@
           "$value": "{com.input.container.x-padding}",
           "$type": "dimension"
         }
-      },
-      "operation-button-container-up": {
-        "height": {
-          "$value": "14px",
-          "$type": "dimension"
-        },
-        "height-l": {
-          "$value": "18px",
-          "$type": "dimension"
-        },
-        "height-s": {
-          "$value": "10px",
-          "$type": "dimension"
-        }
       }
     },
     "link": {
@@ -2810,7 +2765,7 @@
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "corner": {
@@ -2964,11 +2919,7 @@
     "messagebox": {
       "container": {
         "width": {
-          "$value": "960px",
-          "$type": "dimension"
-        },
-        "min-height": {
-          "$value": "480px",
+          "$value": "720px",
           "$type": "dimension"
         },
         "color": {
@@ -3001,7 +2952,7 @@
         },
         "border-bottom": {
           "color": {
-            "$value": "{sys.color.divider.weak}",
+            "$value": "{sys.color.divider.regular}",
             "$type": "color"
           }
         },
@@ -3027,16 +2978,16 @@
       "button-container": {
         "border-top": {
           "color": {
-            "$value": "{com.messagebox.container.color}",
+            "$value": "{sys.color.divider.regular}",
             "$type": "color"
           }
         },
         "x-padding": {
-          "$value": "{sys.space.layout}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.layout}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
@@ -3073,7 +3024,7 @@
         }
       },
       "space-title-and-operation-icon-gap": {
-        "$value": "{sys.space.component}",
+        "$value": "{sys.space.inner-component}",
         "$type": "dimension"
       },
       "space-button-gap": {
@@ -3188,12 +3139,12 @@
           "$type": "color"
         },
         "left-margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
       "space-tip-icon-and-text-gap": {
-        "$value": "{sys.space.component}",
+        "$value": "{sys.space.inner-component}",
         "$type": "dimension"
       }
     },
@@ -3214,7 +3165,7 @@
       }
     },
     "pagination": {
-      "number-button-container": {
+      "button-container": {
         "min-size": {
           "$value": "{sys.size.row-height.regular}",
           "$type": "dimension"
@@ -3228,7 +3179,7 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "x-padding-l": {
@@ -3273,42 +3224,88 @@
               "$value": "{sys.color.white}",
               "$type": "color"
             },
+            "outline-disable": {
+              "$type": "color",
+              "$value": "{sys.color.bg-state.neutral.disable}"
+            },
             "text": {
-              "$value": "{sys.color.white}",
+              "$value": "{sys.color.transparent}",
               "$type": "color"
             },
             "text-hover": {
-              "$value": "{sys.color.bg-state.brand.hover-opacity}",
+              "$value": "{sys.color.transparent}",
               "$type": "color"
             },
             "text-press": {
-              "$value": "{sys.color.bg-state.brand.press-opacity}",
+              "$value": "{sys.color.transparent}",
               "$type": "color"
             },
             "text-selected": {
-              "$value": "{sys.color.white}",
+              "$value": "{sys.color.transparent}",
               "$type": "color"
             },
-            "disable": {
-              "$value": "{sys.color.bg-state.forbidden}",
+            "text-disable": {
+              "$value": "{sys.color.transparent}",
               "$type": "color"
             }
           },
           "border": {
-            "$value": "{sys.color.border.input}",
-            "$type": "color"
-          },
-          "border-text": {
-            "$value": "{sys.color.border.input}",
-            "$type": "color"
-          },
-          "border-selected": {
-            "$value": "{sys.color.border.brand}",
-            "$type": "color"
-          },
-          "border-disable": {
-            "$value": "{sys.color.border.input-disable}",
-            "$type": "color"
+            "ghost": {
+              "$type": "color",
+              "$value": "{sys.color.bg-state.brand.hover-opacity}"
+            },
+            "ghost-hover": {
+              "$type": "color",
+              "$value": "{sys.color.bg-state.brand.hover-weak}"
+            },
+            "ghost-press": {
+              "$type": "color",
+              "$value": "{sys.color.bg-state.brand.press-weak}"
+            },
+            "ghost-selected": {
+              "$type": "color",
+              "$value": "{sys.color.bg-state.brand.hover-opacity}"
+            },
+            "outline": {
+              "$type": "color",
+              "$value": "{sys.color.bg-state.brand.hover-weak}"
+            },
+            "outline-hover": {
+              "$type": "color",
+              "$value": "{sys.color.bg-state.brand.hover-weak}"
+            },
+            "outline-press": {
+              "$type": "color",
+              "$value": "{sys.color.bg-state.brand.press-weak}"
+            },
+            "outline-selected": {
+              "$type": "color",
+              "$value": "{sys.color.border.brand}"
+            },
+            "outline-disable": {
+              "$type": "color",
+              "$value": "{sys.color.border.neutral-disable}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{sys.color.transparent}"
+            },
+            "text-hover": {
+              "$type": "color",
+              "$value": "{sys.color.transparent}"
+            },
+            "text-press": {
+              "$type": "color",
+              "$value": "{sys.color.transparent}"
+            },
+            "text-selected": {
+              "$type": "color",
+              "$value": "{sys.color.transparent}"
+            },
+            "text-disable": {
+              "$type": "color",
+              "$value": "{sys.color.transparent}"
+            }
           }
         }
       },
@@ -3326,24 +3323,58 @@
           "$type": "dimension"
         },
         "color": {
-          "$value": "{sys.color.content.secondary}",
-          "$type": "color"
-        },
-        "color-hover": {
-          "$value": "{sys.color.brand}",
-          "$type": "color"
-        },
-        "color-press": {
-          "$value": "{com.pagination.text.color-hover}",
-          "$type": "color"
-        },
-        "color-selected": {
-          "$value": "{com.pagination.text.color-hover}",
-          "$type": "color"
-        },
-        "color-disable": {
-          "$value": "{sys.color.content-state.neutral-disable}",
-          "$type": "color"
+          "ghost": {
+            "$type": "color",
+            "$value": "{sys.color.content.brand}"
+          },
+          "ghost-hover": {
+            "$type": "color",
+            "$value": "{sys.color.content-state.brand-hover}"
+          },
+          "ghost-press": {
+            "$type": "color",
+            "$value": "{sys.color.content-state.brand-press}"
+          },
+          "ghost-selected": {
+            "$type": "color",
+            "$value": "{sys.color.content-state.brand-visited}"
+          },
+          "outline": {
+            "$type": "color",
+            "$value": "{com.pagination.text.color.ghost}"
+          },
+          "outline-hover": {
+            "$type": "color",
+            "$value": "{com.pagination.text.color.ghost-hover}"
+          },
+          "outline-press": {
+            "$type": "color",
+            "$value": "{com.pagination.text.color.ghost-press}"
+          },
+          "outline-selected": {
+            "$type": "color",
+            "$value": "{com.pagination.text.color.ghost-selected}"
+          },
+          "text": {
+            "$type": "color",
+            "$value": "{com.pagination.text.color.ghost}"
+          },
+          "text-hover": {
+            "$type": "color",
+            "$value": "{com.pagination.text.color.ghost-hover}"
+          },
+          "text-press": {
+            "$type": "color",
+            "$value": "{com.pagination.text.color.ghost-press}"
+          },
+          "text-selected": {
+            "$type": "color",
+            "$value": "{com.pagination.text.color.ghost-selected}"
+          },
+          "text-disable": {
+            "$type": "color",
+            "$value": "{sys.color.content-state.neutral-disable}"
+          }
         }
       },
       "icon": {
@@ -3358,19 +3389,11 @@
         "size-s": {
           "$value": "{sys.size.element.m.12}",
           "$type": "dimension"
-        },
-        "color": {
-          "$value": "{sys.color.content.assist}",
-          "$type": "color"
-        },
-        "color-disable": {
-          "$value": "{com.pagination.text.color-disable}",
-          "$type": "color"
         }
       },
       "space": {
-        "number-button-gap": {
-          "$value": "{sys.space.component}",
+        "button-gap": {
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "element-gap": {
@@ -3378,7 +3401,7 @@
           "$type": "dimension"
         },
         "skip-area-text-and-input-gap": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       }
@@ -3484,12 +3507,12 @@
       },
       "button": {
         "top-margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
       "space-button-gap": {
-        "$value": "{sys.space.component}",
+        "$value": "{sys.space.inner-component}",
         "$type": "dimension"
       }
     },
@@ -3578,11 +3601,11 @@
       },
       "space": {
         "bottom-bar-and-icon-gap": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "bottom-bar-and-text-gap": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -3910,7 +3933,7 @@
       },
       "space": {
         "icon-and-text-gap": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "radio-gap": {
@@ -3994,7 +4017,7 @@
     "select": {
       "selector-container": {
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "height": {
@@ -4027,7 +4050,7 @@
             "$type": "color"
           },
           "border-hover": {
-            "$value": "{sys.color.border.regular}",
+            "$value": "{sys.color.border.neutral}",
             "$type": "color"
           },
           "border-error": {
@@ -4094,7 +4117,7 @@
       },
       "arrow-icon": {
         "left-margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -4142,7 +4165,7 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "x-padding-l": {
@@ -4166,15 +4189,11 @@
       },
       "panel": {
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "0px",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.component}",
-          "$type": "dimension"
-        },
-        "top-margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "shadow": {
@@ -4228,7 +4247,7 @@
           "$type": "dimension"
         },
         "color": {
-          "$value": "{sys.color.divider.weak}",
+          "$value": "{sys.color.divider.regular}",
           "$type": "color"
         }
       }
@@ -4318,7 +4337,7 @@
       },
       "text-container": {
         "top-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "x-padding": {
@@ -4345,11 +4364,11 @@
             "$type": "color"
           },
           "border": {
-            "$value": "{sys.color.border.regular}",
+            "$value": "{sys.color.border.neutral}",
             "$type": "color"
           },
           "border-disable": {
-            "$value": "{sys.color.border.strong}",
+            "$value": "{sys.color.border.neutral-disable}",
             "$type": "color"
           },
           "bg-active": {
@@ -4454,7 +4473,7 @@
           "$type": "dimension"
         },
         "left-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -4464,7 +4483,7 @@
           "$type": "dimension"
         },
         "left-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -4504,11 +4523,11 @@
     "steps-center": {
       "title-container": {
         "top-margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -4594,7 +4613,7 @@
           "$type": "color"
         },
         "color-disable": {
-          "$value": "{sys.color.bg.regular}",
+          "$value": "{sys.color.bg-state.neutral.disable}",
           "$type": "color"
         },
         "corner": {
@@ -4628,7 +4647,7 @@
           "$type": "color"
         },
         "color-disable": {
-          "$value": "{sys.color.bg.strong}",
+          "$value": "{sys.color.bg.neutral-strong}",
           "$type": "color"
         }
       },
@@ -4730,16 +4749,16 @@
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
           "border-near-inner-content": {
-            "$value": "{sys.color.divider.weak}",
+            "$value": "{sys.color.divider.regular}",
             "$type": "color"
           },
           "bg-title": {
-            "$value": "{sys.color.bg.strong}",
+            "$value": "{sys.color.bg.neutral-strong}",
             "$type": "color"
           },
           "bg": {
@@ -4747,7 +4766,7 @@
             "$type": "color"
           },
           "bg-zebra-stripe": {
-            "$value": "{sys.color.bg.strong}",
+            "$value": "{sys.color.bg.neutral-strong}",
             "$type": "color"
           },
           "bg-hover": {
@@ -4774,11 +4793,11 @@
           "$type": "dimension"
         },
         "x-padding-s": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "x-padding-l": {
-          "$value": "{sys.space.mini}*4",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
@@ -4848,7 +4867,7 @@
           "$type": "dimension"
         },
         "right-margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "opacity": {
@@ -4860,14 +4879,14 @@
       },
       "item-element": {
         "gap": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
       "container": {
         "color": {
           "border": {
-            "$value": "{sys.color.divider.weak}",
+            "$value": "{sys.color.divider.regular}",
             "$type": "color"
           }
         },
@@ -4924,7 +4943,7 @@
       },
       "placeholder-element": {
         "gap": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "positon": {
@@ -5018,7 +5037,7 @@
           "$type": "dimension"
         },
         "left-margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -5026,11 +5045,11 @@
           "$type": "color"
         },
         "color-active": {
-          "$value": "{sys.color.content.brand-weak}",
+          "$value": "{sys.color.content.brand}",
           "$type": "color"
         },
         "color-selected": {
-          "$value": "{sys.color.content.brand-weak}",
+          "$value": "{sys.color.content.brand}",
           "$type": "color"
         },
         "color-hover": {
@@ -5044,7 +5063,7 @@
       },
       "item-container": {
         "y-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "gap": {
@@ -5100,13 +5119,13 @@
           "$type": "dimension"
         },
         "min-gap-item-container-and-operation-button-card": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
       "operation-button": {
         "gap": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -5147,11 +5166,11 @@
         },
         "color": {
           "brand-filled": {
-            "$value": "{sys.color.brand}",
+            "$value": "{sys.color.bg.brand-strong}",
             "$type": "color"
           },
           "brand-filled-weak": {
-            "$value": "{sys.color.bg.brand-strong}",
+            "$value": "{sys.color.bg.brand}",
             "$type": "color"
           },
           "brand-filled-hover": {
@@ -5171,11 +5190,11 @@
             "$type": "color"
           },
           "success-filled": {
-            "$value": "{sys.color.success}",
+            "$value": "{sys.color.bg.success-strong}",
             "$type": "color"
           },
           "success-filled-weak": {
-            "$value": "{sys.color.bg.success-strong}",
+            "$value": "{sys.color.bg.success}",
             "$type": "color"
           },
           "success-filled-hover": {
@@ -5195,11 +5214,11 @@
             "$type": "color"
           },
           "warning-filled": {
-            "$value": "{sys.color.warning}",
+            "$value": "{sys.color.bg.warning-strong}",
             "$type": "color"
           },
           "warning-filled-weak": {
-            "$value": "{sys.color.bg.warning-strong}",
+            "$value": "{sys.color.bg.warning}",
             "$type": "color"
           },
           "warning-filled-hover": {
@@ -5219,11 +5238,11 @@
             "$type": "color"
           },
           "info-filled": {
-            "$value": "{sys.color.info}",
+            "$value": "{sys.color.bg.info-strong}",
             "$type": "color"
           },
           "info-filled-weak": {
-            "$value": "{sys.color.bg.info-strong}",
+            "$value": "{sys.color.bg.info}",
             "$type": "color"
           },
           "info-filled-hover": {
@@ -5243,11 +5262,11 @@
             "$type": "color"
           },
           "accent-filled": {
-            "$value": "{sys.color.error}",
+            "$value": "{sys.color.bg.error-strong}",
             "$type": "color"
           },
           "accent-filled-weak": {
-            "$value": "{sys.color.bg.error-strong}",
+            "$value": "{sys.color.bg.error}",
             "$type": "color"
           },
           "accent-filled-hover": {
@@ -5267,11 +5286,11 @@
             "$type": "color"
           },
           "neutral-filled": {
-            "$value": "{sys.color.neutral}",
+            "$value": "{sys.color.bg.neutral-strong}",
             "$type": "color"
           },
           "neutral-filled-weak": {
-            "$value": "{sys.color.bg.neutral-weak-opacity}",
+            "$value": "{sys.color.bg.neutral-strong}",
             "$type": "color"
           },
           "neutral-filled-hover": {
@@ -5602,11 +5621,11 @@
               "$type": "color"
             },
             "neutral": {
-              "$value": "{sys.color.border.regular}",
+              "$value": "{sys.color.border.neutral}",
               "$type": "color"
             },
             "neutral-disable": {
-              "$value": "{sys.color.border.strong}",
+              "$value": "{sys.color.border.neutral-disable}",
               "$type": "color"
             }
           }
@@ -5777,7 +5796,7 @@
             "$type": "color"
           },
           "brand": {
-            "$value": "{sys.color.content.brand-weak}",
+            "$value": "{sys.color.content.brand}",
             "$type": "color"
           },
           "brand-hover": {
@@ -5855,19 +5874,19 @@
       "container": {
         "color": {
           "bg": {
-            "$value": "{com.input.container.color}",
+            "$value": "{com.input.container.color.regular}",
             "$type": "color"
           },
           "bg-disable": {
-            "$value": "{com.input.container.color-disable}",
+            "$value": "{com.input.container.color.disable}",
             "$type": "color"
           },
           "border": {
-            "$value": "{com.input.container.color-border}",
+            "$value": "{com.input.container.border.color.regular}",
             "$type": "color"
           },
           "border-disable": {
-            "$value": "{com.input.container.color-border-disable}",
+            "$value": "{com.input.container.border.color.disable}",
             "$type": "color"
           }
         }
@@ -5969,7 +5988,7 @@
             "$type": "color"
           },
           "border-disable": {
-            "$value": "{sys.color.border.strong}",
+            "$value": "{sys.color.border.neutral-disable}",
             "$type": "color"
           }
         },
@@ -6048,7 +6067,7 @@
           "$type": "dimension"
         },
         "bottom-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       }
@@ -6082,7 +6101,7 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "min-width": {
@@ -6146,7 +6165,7 @@
           "$type": "dimension"
         },
         "gap": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -6168,12 +6187,12 @@
       },
       "button-container": {
         "padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
           "top-border": {
-            "$value": "{sys.color.divider.weak}",
+            "$value": "{sys.color.divider.regular}",
             "$type": "color"
           }
         }
@@ -6189,7 +6208,7 @@
         },
         "color": {
           "bottom-border": {
-            "$value": "{sys.color.divider.weak}",
+            "$value": "{sys.color.divider.regular}",
             "$type": "color"
           }
         }
@@ -6206,7 +6225,7 @@
       },
       "panel": {
         "top-margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "shadow": {
@@ -6232,11 +6251,11 @@
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "x-padding-s": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "y-padding-s": {
@@ -6358,7 +6377,7 @@
       },
       "option-item-container": {
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "height": {
@@ -6387,7 +6406,7 @@
         },
         "color": {
           "bottom-border": {
-            "$value": "{sys.color.divider.weak}",
+            "$value": "{sys.color.divider.regular}",
             "$type": "color"
           },
           "bg": {
@@ -6402,11 +6421,11 @@
       },
       "option-container": {
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "height": {
@@ -6416,7 +6435,7 @@
       },
       "switch-button": {
         "gap": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "x-margin": {
@@ -6456,7 +6475,7 @@
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -6510,17 +6529,17 @@
           "$type": "color"
         },
         "color-selected-drag": {
-          "$value": "{sys.color.content.brand-weak}",
+          "$value": "{sys.color.content.brand}",
           "$type": "color"
         }
       },
       "item-container": {
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "gap": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "height": {
@@ -6558,7 +6577,7 @@
           "$type": "dimension"
         },
         "right-margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -6580,7 +6599,7 @@
           "$type": "dimension"
         },
         "right-margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -6606,7 +6625,7 @@
       },
       "checkbox": {
         "right-margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -6690,11 +6709,11 @@
       },
       "file-item-container": {
         "padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "gap": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -6889,11 +6908,11 @@
     "upload-click-upload": {
       "image-filename-container": {
         "right-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -6905,7 +6924,7 @@
       },
       "image-container": {
         "padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -6919,7 +6938,7 @@
     "upload-photo-wall": {
       "progress": {
         "top-margin": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -7165,44 +7184,54 @@
       },
       "neutral": {
         "1": {
-          "$value": "#ffffff",
-          "$type": "color"
+          "$value": "#fafafa",
+          "$type": "color",
+          "$description": "黑色2% 透明度，浅灰色背景"
         },
         "2": {
-          "$value": "#F5F5F5",
-          "$type": "color"
+          "$value": "#f5f5f5",
+          "$type": "color",
+          "$description": "黑色4% 透明度，深色背景。"
         },
         "3": {
-          "$value": "#F0F0F0",
-          "$type": "color"
+          "$value": "#f0f0f0",
+          "$type": "color",
+          "$description": "黑色6% 透明度，浅色分割线"
         },
         "4": {
-          "$value": "#E5E5E5",
-          "$type": "color"
+          "$value": "#e5e5e5",
+          "$type": "color",
+          "$description": "黑色10% 透明度，深色分割线、禁用色"
         },
         "5": {
           "$value": "#d9d9d9",
-          "$type": "color"
+          "$type": "color",
+          "$description": "黑色15% 透明度，输入框描边"
         },
         "6": {
-          "$value": "#BFBFBF",
-          "$type": "color"
+          "$value": "#bfbfbf",
+          "$type": "color",
+          "$description": "黑色25% 透明度，失效文字、功能icon浅"
         },
         "7": {
-          "$value": "#8C8C8C",
-          "$type": "color"
+          "$value": "#8c8c8c",
+          "$type": "color",
+          "$description": "黑色45% 透明度，辅助说明文字、功能icon深"
         },
         "8": {
           "$value": "#595959",
-          "$type": "color"
+          "$type": "color",
+          "$description": "黑色65% 透明度，次要文字"
         },
         "9": {
           "$value": "#262626",
-          "$type": "color"
+          "$type": "color",
+          "$description": "黑色85% 透明度，主要文字、标题"
         },
         "10": {
-          "$value": "#000000",
-          "$type": "color"
+          "$value": "#00000080",
+          "$type": "color",
+          "$description": "黑色50% 透明度，弹窗背景"
         }
       }
     },
@@ -7258,18 +7287,18 @@
           "$type": "color",
           "$description": "强调背景"
         },
-        "regular": {
-          "$value": "#f5f5f5",
+        "neutral": {
+          "$value": "{sys.palette.neutral.4}",
           "$type": "color",
           "$description": "描边标签、警告提示背景、开关失效点、表格斑马纹"
         },
-        "strong": {
-          "$value": "#fafafa",
+        "neutral-strong": {
+          "$value": "{sys.palette.neutral.5}",
           "$type": "color",
           "$description": "填充警告提示背景、开关失效背景色"
         },
         "neutral-weak-opacity": {
-          "$value": "{sys.palette.neutral.10}",
+          "$value": "{sys.palette.neutral.4}",
           "$type": "color",
           "$description": "10%\n场景：进度条灰底\\滚动条颜色"
         },
@@ -7307,12 +7336,12 @@
             "$description": "标签、按钮点击浅底色"
           },
           "hover-opacity": {
-            "$value": "{sys.palette.brand.6}",
+            "$value": "{sys.palette.brand.1}",
             "$type": "color",
             "$description": "6%\n悬浮-透底状态\n场景：幽灵按钮"
           },
           "press-opacity": {
-            "$value": "{sys.palette.brand.6}",
+            "$value": "{sys.palette.brand.4}",
             "$type": "color",
             "$description": "15%\n点击-透底状态\n场景：幽灵按钮"
           },
@@ -7322,7 +7351,7 @@
             "$description": "25%\n已选择悬浮-透底状态层"
           },
           "selected": {
-            "$value": "{sys.palette.brand.6}",
+            "$value": "{sys.palette.brand.1}",
             "$type": "color",
             "$description": "10%\n已选择-透底状态层"
           }
@@ -7560,31 +7589,31 @@
           }
         },
         "forbidden": {
-          "$value": "{sys.palette.neutral.10}",
+          "$value": "{sys.palette.neutral.2}",
           "$type": "color",
-          "$description": "4%\n禁用底色（透底状态层）\n场景：输入框、单选、多选"
+          "$description": "禁用底色（透底状态层）\n场景：输入框、单选、多选"
         }
       },
       "content": {
         "primary": {
-          "$value": "{sys.palette.neutral.10}",
+          "$value": "{sys.palette.neutral.9}",
           "$type": "color",
-          "$description": "85%（黑色）重点突出文字\n场景：输入框内需要输入的文字颜色、强调展示类文字"
+          "$description": "主要文字、标题\n场景：输入框内需要输入的文字颜色、强调展示类文字"
         },
         "secondary": {
-          "$value": "{sys.palette.neutral.10}",
+          "$value": "{sys.palette.neutral.8}",
           "$type": "color",
-          "$description": "65%（黑色）常规文字\n场景：表格文字、输入框标题、标签文字"
+          "$description": "次要文字\n场景：表格文字、输入框标题、标签文字"
         },
         "assist": {
-          "$value": "{sys.palette.neutral.10}",
+          "$value": "{sys.palette.neutral.7}",
           "$type": "color",
-          "$description": "45%（黑色）解释说明类文字、深色图标\n场景：对主要文字的补充说明\n推荐：与priamry所有字重、secondary加粗字重时搭配使用\n不推荐：与secondary常规字重搭配使用"
+          "$description": "解释说明类辅助文字、深色图标"
         },
         "prompt": {
-          "$value": "{sys.palette.neutral.10}",
+          "$value": "{sys.palette.neutral.6}",
           "$type": "color",
-          "$description": "25%（黑色）\n输入框内提示文字、非常次要提示、浅色图标"
+          "$description": "输入框内提示文字、失效文字、浅色标题"
         },
         "primary-inverse": {
           "$value": "{sys.palette.neutral.1}",
@@ -7626,7 +7655,7 @@
           "$type": "color",
           "$description": "45%\n标签操作icon"
         },
-        "brand-weak": {
+        "brand": {
           "$value": "{sys.palette.brand.6}",
           "$type": "color",
           "$description": "45%\n标签操作icon"
@@ -7639,19 +7668,19 @@
       },
       "content-state": {
         "neutral-press": {
-          "$value": "{sys.palette.neutral.10}",
+          "$value": "{sys.palette.neutral.8}",
           "$type": "color",
-          "$description": "65%（黑色）用于中性色press"
+          "$description": "用于中性色press"
         },
         "neutral-hover": {
-          "$value": "{sys.palette.neutral.10}",
+          "$value": "{sys.palette.neutral.7}",
           "$type": "color",
-          "$description": "45%（黑色）用于中性色hover"
+          "$description": "用于中性色hover"
         },
         "neutral-disable": {
-          "$value": "{sys.palette.neutral.10}",
+          "$value": "{sys.palette.neutral.6}",
           "$type": "color",
-          "$description": "25%（黑色）用于中性色disable（失效文字、图标）\n场景：描边标签内失效文字、描边按钮、幽灵按钮、文字按钮"
+          "$description": "用于中性色disable（失效文字、图标）\n场景：描边标签内失效文字、描边按钮、幽灵按钮、文字按钮"
         },
         "neutral-inverse-press": {
           "$value": "{sys.palette.neutral.1}",
@@ -7856,7 +7885,7 @@
           "$description": "65%\n按钮、标签、警告提示描边"
         },
         "brand-disable": {
-          "$value": "{sys.palette.brand.6}",
+          "$value": "{sys.palette.brand.3}",
           "$type": "color",
           "$description": "45%\n按钮、标签、警告提示描边"
         },
@@ -7910,49 +7939,45 @@
           "$type": "color",
           "$description": "45%\n按钮、标签、警告提示描边"
         },
-        "regular": {
-          "$value": "#d9d9d9",
-          "$type": "color",
-          "$description": "15%\n按钮、标签、警告提示描边"
+        "neutral": {
+          "$value": "{sys.palette.neutral.5}",
+          "$type": "color"
         },
-        "strong": {
-          "$value": "#bfbfbf",
-          "$type": "color",
-          "$description": "25%\n按钮、标签、警告提示描边"
+        "neutral-disable": {
+          "$value": "{sys.palette.neutral.4}",
+          "$type": "color"
         },
         "input": {
-          "$value": "{sys.palette.neutral.10}",
-          "$type": "color",
-          "$description": "15% 输入框描边\n场景：输入框、单选、多选按钮、分页按钮描边、选项卡描边"
+          "$value": "{sys.palette.neutral.5}",
+          "$type": "color"
         },
         "input-disable": {
-          "$value": "{sys.palette.neutral.10}",
-          "$type": "color",
-          "$description": "10% 输入框描边-失效\n场景：单选、多选按钮描边"
+          "$value": "{sys.palette.neutral.3}",
+          "$type": "color"
         }
       },
       "divider": {
-        "weak": {
-          "$value": "#f0f0f0",
+        "regular": {
+          "$value": "{sys.palette.neutral.3}",
           "$type": "color",
-          "$description": "6%黑色 场景：表格内起分割作用、实线"
+          "$description": "场景：表格内起分割作用、实线"
         },
         "strong": {
-          "$value": "#e5e5e5",
+          "$value": "{sys.palette.neutral.4}",
           "$type": "color",
-          "$description": "10%黑色 场景：多用于虚线，与背景对比感较强的实线分割线"
+          "$description": "场景：多用于虚线，与背景对比感较强的实线分割线"
         }
       },
-      "success": {
-        "$value": "{sys.palette.success.6}",
-        "$type": "color",
-        "$description": "成功色"
-      },
       "warning": {
         "$value": "{sys.palette.warning.6}",
         "$type": "color",
         "$description": "警告色"
       },
+      "success": {
+        "$value": "{sys.palette.success.6}",
+        "$type": "color",
+        "$description": "成功色"
+      },
       "info": {
         "$value": "{sys.palette.info.6}",
         "$type": "color",
@@ -7979,23 +8004,27 @@
         "$description": "强调色"
       },
       "black": {
-        "$value": "{sys.palette.neutral.10}",
+        "$value": "#000000",
         "$type": "color",
         "$description": "黑色"
       },
       "white": {
-        "$value": "{sys.palette.neutral.1}",
+        "$value": "#FFFFFF",
         "$type": "color",
         "$description": "白色"
       },
+      "transparent": {
+        "$type": "color",
+        "$value": "#00000000"
+      },
       "scrim": {
         "white": {
-          "$value": "{sys.palette.neutral.1}",
+          "$value": "#FFFFFF80",
           "$type": "color",
           "$description": "65% 蒙层-白"
         },
         "black": {
-          "$value": "rgba(0,0,0, 0.5)",
+          "$value": "{sys.palette.neutral.10}",
           "$type": "color",
           "$description": "50% 蒙层-黑"
         }
@@ -8138,23 +8167,23 @@
           {
             "color": "#00000005",
             "x": 0,
-            "y": 1,
-            "blur": 4,
+            "y": "1px",
+            "blur": "4px",
             "spread": 0
           },
           {
             "color": "#00000005",
             "x": 0,
-            "y": 2,
-            "blur": 6,
-            "spread": 2
+            "y": "2px",
+            "blur": "6px",
+            "spread": "2px"
           },
           {
             "color": "#00000005",
             "x": 0,
-            "y": 3,
-            "blur": 8,
-            "spread": 4
+            "y": "3px",
+            "blur": "8px",
+            "spread": "4px"
           }
         ],
         "$type": "shadow",
@@ -8165,23 +8194,23 @@
           {
             "color": "#00000005",
             "offsetX": 0,
-            "offsetY": 3,
-            "blur": 8,
+            "offsetY": "3px",
+            "blur": "8px",
             "spread": 0
           },
           {
             "color": "#00000008",
             "offsetX": 0,
-            "offsetY": 4,
-            "blur": 10,
-            "spread": 4
+            "offsetY": "4px",
+            "blur": "10px",
+            "spread": "4px"
           },
           {
             "color": "#0000000a",
             "offsetX": 0,
-            "offsetY": 5,
-            "blur": 12,
-            "spread": 8
+            "offsetY": "5px",
+            "blur": "12px",
+            "spread": "8px"
           }
         ],
         "$type": "shadow",
@@ -8192,23 +8221,23 @@
           {
             "color": "#00000005",
             "x": 0,
-            "y": 5,
-            "blur": 12,
+            "y": "5px",
+            "blur": "12px",
             "spread": 0
           },
           {
             "color": "#00000008",
             "x": 0,
-            "y": 6,
-            "blur": 14,
-            "spread": 8
+            "y": "6px",
+            "blur": "14px",
+            "spread": "8px"
           },
           {
             "color": "#0000000a",
             "x": 0,
-            "y": 7,
-            "blur": 16,
-            "spread": 16
+            "y": "7px",
+            "blur": "16px",
+            "spread": "16px"
           }
         ],
         "$type": "shadow",