npm - @biztoken/design-tokens - Versions diffs - 0.1.3 → 0.1.5 - Mend

@biztoken/design-tokens 0.1.3 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/tokens-DTCGS.json CHANGED Viewed

@@ -12,40 +12,40 @@
         },
         "color": {
           "brand": {
-            "$value": "{sys.color.bg.brand-weaker}",
+            "$value": "{sys.color.bg.brand}",
             "$type": "color"
           },
           "success": {
-            "$value": "{sys.color.bg.success-weaker}",
+            "$value": "{sys.color.bg.success}",
             "$type": "color"
           },
           "error": {
-            "$value": "{sys.color.bg.error-weaker}",
+            "$value": "{sys.color.bg.error}",
             "$type": "color"
           },
           "info": {
-            "$value": "{sys.color.bg.info-weaker}",
+            "$value": "{sys.color.bg.info}",
             "$type": "color"
           },
           "warning": {
-            "$value": "{sys.color.bg.warning-weaker}",
+            "$value": "{sys.color.bg.warning}",
             "$type": "color"
           }
         },
         "x-padding": {
-          "$value": "{sys.space.12}",
+          "$value": "{sys.space.inner-component}+{sys.space.mini}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "y-padding-l": {
-          "$value": "{sys.space.12}",
+          "$value": "{sys.space.inner-component}+{sys.space.mini}",
           "$type": "dimension"
         },
         "corner": {
-          "$value": "{sys.corner.regular}",
+          "$value": "{sys.corner.component}",
           "$type": "borderRadius"
         },
         "width": {
@@ -113,7 +113,7 @@
       },
       "description-text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "color": {
@@ -145,7 +145,7 @@
           "$type": "color"
         },
         "left-margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
@@ -214,7 +214,7 @@
         }
       },
       "space-between-tip-icon-and-text": {
-        "$value": "{sys.space.8}",
+        "$value": "{sys.space.component}",
         "$type": "dimension"
       },
       "space-between-title-and-desc": {
@@ -222,29 +222,29 @@
         "$type": "dimension"
       },
       "space-between-desc-text-and-trailing-text": {
-        "$value": "{sys.space.8}",
+        "$value": "{sys.space.component}",
         "$type": "dimension"
       },
       "border": {
         "color": {
           "brand": {
-            "$value": "{sys.color.border.brand-weak}",
+            "$value": "{sys.color.border.brand}",
             "$type": "color"
           },
           "success": {
-            "$value": "{sys.color.border.success-weak}",
+            "$value": "{sys.color.border.success}",
             "$type": "color"
           },
           "error": {
-            "$value": "{sys.color.border.error-weak}",
+            "$value": "{sys.color.border.error}",
             "$type": "color"
           },
           "info": {
-            "$value": "{sys.color.border.info-weak}",
+            "$value": "{sys.color.border.info}",
             "$type": "color"
           },
           "warning": {
-            "$value": "{sys.color.border.warning-weak}",
+            "$value": "{sys.color.border.warning}",
             "$type": "color"
           }
         }
@@ -290,7 +290,7 @@
             "$type": "color"
           },
           "bg-accent": {
-            "$value": "{sys.color.accent}",
+            "$value": "{sys.color.error}",
             "$type": "color"
           },
           "border": {
@@ -331,7 +331,7 @@
           "$type": "dimension"
         },
         "x-margin": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -341,7 +341,7 @@
       },
       "text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "color": {
@@ -366,11 +366,11 @@
           "$description": "超大按钮最小宽度"
         },
         "corner": {
-          "$value": "{sys.corner.regular}",
+          "$value": "{sys.corner.button}",
           "$type": "borderRadius"
         },
         "x-padding-xl": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.mini}*6",
           "$type": "dimension",
           "$description": "超大按钮左右边距"
         },
@@ -400,7 +400,7 @@
           "$description": "大按钮高度"
         },
         "height": {
-          "$value": "{sys.size.row-height.m}",
+          "$value": "{sys.size.row-height.regular}",
           "$type": "dimension",
           "$description": "常规按钮高度"
         },
@@ -410,17 +410,17 @@
           "$description": "小按钮高度"
         },
         "x-padding-l": {
-          "$value": "{sys.space.20}",
+          "$value": "{sys.space.mini}*5",
           "$type": "dimension",
           "$description": "大按钮左右边距"
         },
         "x-padding": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.mini}*4",
           "$type": "dimension",
           "$description": "常规按钮左右边距"
         },
         "x-padding-s": {
-          "$value": "{sys.space.12}",
+          "$value": "{sys.space.mini}*3",
           "$type": "dimension",
           "$description": "小按钮左右边距"
         },
@@ -442,7 +442,7 @@
             "$type": "color"
           },
           "filled-accent": {
-            "$value": "{sys.color.accent}",
+            "$value": "{sys.color.error}",
             "$type": "color"
           },
           "filled-accent-hover": {
@@ -590,15 +590,15 @@
             "$type": "color"
           },
           "outline-primary": {
-            "$value": "{sys.color.border.brand-weak}",
+            "$value": "{sys.color.border.brand}",
             "$type": "color"
           },
           "outline-primary-hover": {
-            "$value": "{sys.color.border.brand-weak}",
+            "$value": "{sys.color.border.brand}",
             "$type": "color"
           },
           "outline-primary-press": {
-            "$value": "{sys.color.border.brand-weak}",
+            "$value": "{sys.color.border.brand}",
             "$type": "color"
           },
           "outline-primary-disable": {
@@ -606,31 +606,31 @@
             "$type": "color"
           },
           "outline-secondary": {
-            "$value": "{sys.color.border.neutral-weak}",
+            "$value": "{sys.color.border.regular}",
             "$type": "color"
           },
           "outline-secondary-hover": {
-            "$value": "{sys.color.border.neutral-weak}",
+            "$value": "{sys.color.border.regular}",
             "$type": "color"
           },
           "outline-secondary-press": {
-            "$value": "{sys.color.border.neutral-weak}",
+            "$value": "{sys.color.border.regular}",
             "$type": "color"
           },
           "outline-secondary-disable": {
-            "$value": "{sys.color.border.neutral-disable}",
+            "$value": "{sys.color.border.strong}",
             "$type": "color"
           },
           "outline-accent": {
-            "$value": "{sys.color.border.accent-weak}",
+            "$value": "{sys.color.border.accent}",
             "$type": "color"
           },
           "outline-accent-hover": {
-            "$value": "{sys.color.border.accent-weak}",
+            "$value": "{sys.color.border.accent}",
             "$type": "color"
           },
           "outline-accent-press": {
-            "$value": "{sys.color.border.accent-weak}",
+            "$value": "{sys.color.border.accent}",
             "$type": "color"
           },
           "outline-accent-disable": {
@@ -638,15 +638,15 @@
             "$type": "color"
           },
           "ghost-primary": {
-            "$value": "{sys.color.border.brand-weak}",
+            "$value": "{sys.color.border.brand}",
             "$type": "color"
           },
           "ghost-primary-hover": {
-            "$value": "{sys.color.border.brand-weak}",
+            "$value": "{sys.color.border.brand}",
             "$type": "color"
           },
           "ghost-primary-press": {
-            "$value": "{sys.color.border.brand-weak}",
+            "$value": "{sys.color.border.brand}",
             "$type": "color"
           },
           "ghost-primary-disable": {
@@ -654,31 +654,31 @@
             "$type": "color"
           },
           "ghost-secondary": {
-            "$value": "{sys.color.border.neutral-weak}",
+            "$value": "{sys.color.border.regular}",
             "$type": "color"
           },
           "ghost-secondary-hover": {
-            "$value": "{sys.color.border.neutral-weak}",
+            "$value": "{sys.color.border.regular}",
             "$type": "color"
           },
           "ghost-secondary-press": {
-            "$value": "{sys.color.border.neutral-weak}",
+            "$value": "{sys.color.border.regular}",
             "$type": "color"
           },
           "ghost-secondary-disable": {
-            "$value": "{sys.color.border.neutral-disable}",
+            "$value": "{sys.color.border.strong}",
             "$type": "color"
           },
           "ghost-accent": {
-            "$value": "{sys.color.border.accent-weak}",
+            "$value": "{sys.color.border.accent}",
             "$type": "color"
           },
           "ghost-accent-hover": {
-            "$value": "{sys.color.border.accent-weak}",
+            "$value": "{sys.color.border.accent}",
             "$type": "color"
           },
           "ghost-accent-press": {
-            "$value": "{sys.color.border.accent-weak}",
+            "$value": "{sys.color.border.accent}",
             "$type": "color"
           },
           "ghost-accent-disable": {
@@ -693,7 +693,7 @@
       },
       "text": {
         "font-size-xl": {
-          "$value": "{sys.font-size.label-s}",
+          "$value": "{sys.font-size.body-l}",
           "$type": "dimension",
           "$description": "超大按钮文字大小"
         },
@@ -703,7 +703,7 @@
           "$description": "大按钮文字大小"
         },
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension",
           "$description": "常规按钮文字大小"
         },
@@ -750,15 +750,15 @@
             "$type": "color"
           },
           "outline-accent": {
-            "$value": "{sys.color.accent}",
+            "$value": "{sys.color.error}",
             "$type": "color"
           },
           "outline-accent-hover": {
-            "$value": "{sys.color.accent}",
+            "$value": "{sys.color.error}",
             "$type": "color"
           },
           "outline-accent-press": {
-            "$value": "{sys.color.accent}",
+            "$value": "{sys.color.error}",
             "$type": "color"
           },
           "outline-accent-disable": {
@@ -798,15 +798,15 @@
             "$type": "color"
           },
           "ghost-accent": {
-            "$value": "{sys.color.accent}",
+            "$value": "{sys.color.error}",
             "$type": "color"
           },
           "ghost-accent-hover": {
-            "$value": "{sys.color.accent}",
+            "$value": "{sys.color.error}",
             "$type": "color"
           },
           "ghost-accent-press": {
-            "$value": "{sys.color.accent}",
+            "$value": "{sys.color.error}",
             "$type": "color"
           },
           "ghost-accent-disable": {
@@ -830,7 +830,7 @@
             "$type": "color"
           },
           "text-accent": {
-            "$value": "{sys.color.accent}",
+            "$value": "{sys.color.error}",
             "$type": "color"
           },
           "text-accent-disable": {
@@ -974,7 +974,7 @@
             "$type": "color"
           },
           "text-accent": {
-            "$value": "{sys.color.accent}",
+            "$value": "{sys.color.error}",
             "$type": "color"
           },
           "text-accent-disable": {
@@ -985,11 +985,11 @@
       },
       "space": {
         "between-icon-and-text": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "button-gap": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         },
         "button-gap-l": {
@@ -1013,7 +1013,7 @@
           "$type": "dimension"
         },
         "font-size-l": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-size-s": {
@@ -1035,7 +1035,7 @@
       },
       "item-container": {
         "y-padding": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "y-padding-l": {
@@ -1047,7 +1047,7 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "x-padding-l": {
@@ -1065,7 +1065,7 @@
           }
         },
         "corner": {
-          "$value": "{sys.corner.regular}",
+          "$value": "{sys.corner.component}",
           "$type": "borderRadius"
         }
       },
@@ -1105,11 +1105,11 @@
       },
       "item-group-container": {
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "min-width": {
@@ -1133,7 +1133,7 @@
       },
       "panel": {
         "top-margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "shadow": {
@@ -1217,7 +1217,7 @@
       },
       "text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-size-l": {
@@ -1265,11 +1265,11 @@
       },
       "space": {
         "icon-and-text-gap": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "checkbox-gap": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         },
         "checkbox-gap-l": {
@@ -1285,11 +1285,11 @@
     "datepicker": {
       "top-container": {
         "x-padding": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.12}",
+          "$value": "{sys.space.mini}*3",
           "$type": "dimension"
         },
         "color": {
@@ -1305,7 +1305,7 @@
           "$type": "dimension"
         },
         "gap": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -1327,7 +1327,7 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -1389,13 +1389,13 @@
       },
       "body-container": {
         "padding": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
       "bottom-container": {
         "padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -1419,11 +1419,11 @@
           "$type": "dimension"
         },
         "gap": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "gap-date": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -1467,7 +1467,7 @@
           "$type": "dimension"
         },
         "gap": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -1499,7 +1499,7 @@
       },
       "panel": {
         "top-margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "shadow": {
@@ -1565,7 +1565,7 @@
           "$type": "shadow"
         },
         "corner": {
-          "$value": "{sys.corner.regular}",
+          "$value": "{sys.corner.component}",
           "$type": "borderRadius"
         }
       },
@@ -1581,7 +1581,7 @@
           }
         },
         "x-padding": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         }
       },
@@ -1597,21 +1597,21 @@
           }
         },
         "padding": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         },
         "padding-top": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         },
         "padding-bottom": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         }
       },
       "content-container": {
         "x-padding": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         },
         "top-pading": {
@@ -1689,7 +1689,7 @@
       },
       "text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "color": {
@@ -1698,16 +1698,16 @@
         }
       },
       "space-title-and-operation-icon-gap": {
-        "$value": "{sys.space.8}",
+        "$value": "{sys.space.component}",
         "$type": "dimension"
       },
       "space-button-gap": {
-        "$value": "{sys.space.12}",
+        "$value": "{sys.space.mini}*3",
         "$type": "dimension"
       },
       "title-container-with-icon": {
         "x-padding": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "border-bottom": {
@@ -1824,17 +1824,17 @@
           }
         },
         "x-padding": {
-          "$value": "{sys.space.20}",
+          "$value": "{sys.space.mini}*5",
           "$type": "dimension"
         }
       },
       "content-container": {
         "x-padding": {
-          "$value": "{sys.space.20}",
+          "$value": "{sys.space.mini}*5",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "border": {
@@ -1850,11 +1850,11 @@
           "$type": "shadow"
         },
         "x-padding": {
-          "$value": "{sys.space.20}",
+          "$value": "{sys.space.mini}*5",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -1870,7 +1870,7 @@
       },
       "title": {
         "font-size": {
-          "$value": "{sys.font-size.label-s}",
+          "$value": "{sys.font-size.title}",
           "$type": "dimension"
         },
         "font-weight": {
@@ -1901,18 +1901,18 @@
         }
       },
       "space-title-and-operation-icon-gap": {
-        "$value": "{sys.space.8}",
+        "$value": "{sys.space.component}",
         "$type": "dimension"
       },
       "space-button-gap": {
-        "$value": "{sys.space.12}",
+        "$value": "{sys.space.component}",
         "$type": "dimension"
       }
     },
     "dropdown": {
       "text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-size-l": {
@@ -1938,7 +1938,7 @@
       },
       "item-container": {
         "y-padding": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "y-padding-l": {
@@ -1950,7 +1950,7 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "x-padding-l": {
@@ -1968,17 +1968,17 @@
           }
         },
         "corner": {
-          "$value": "{sys.corner.regular}",
+          "$value": "{sys.corner.component}",
           "$type": "borderRadius"
         }
       },
       "panel": {
         "x-padding": {
-          "$value": "{sys.space.base}",
+          "$value": "{sys.space.mini}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "min-width": {
@@ -2004,7 +2004,7 @@
           }
         },
         "margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
@@ -2106,7 +2106,7 @@
     "form": {
       "label": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-size-l": {
@@ -2124,7 +2124,7 @@
       },
       "item": {
         "gap": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         },
         "gap-l": {
@@ -2226,7 +2226,7 @@
           "$type": "color"
         },
         "height": {
-          "$value": "{sys.size.row-height.m}",
+          "$value": "{sys.size.row-height.regular}",
           "$type": "dimension"
         },
         "height-l": {
@@ -2238,7 +2238,7 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "width": {
@@ -2276,7 +2276,7 @@
           "$type": "color"
         },
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-size-l": {
@@ -2440,15 +2440,15 @@
       },
       "space": {
         "between-supporting-icon-and-supporting-text": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "tag-gap": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "icon-and-input-text": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       }
@@ -2478,7 +2478,7 @@
       },
       "affix-container": {
         "color": {
-          "$value": "{sys.color.bg.neutral-weaker}",
+          "$value": "{sys.color.bg.strong}",
           "$type": "color"
         },
         "height": {
@@ -2494,7 +2494,7 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color-border": {
@@ -2568,7 +2568,7 @@
           "$type": "color"
         },
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "y-axis": {
@@ -2642,7 +2642,7 @@
     "link": {
       "text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-size-s": {
@@ -2737,7 +2737,7 @@
         }
       },
       "space-between-icon-and-text": {
-        "$value": "{sys.space.4}",
+        "$value": "{sys.space.inner-component}",
         "$type": "dimension"
       },
       "icon": {
@@ -2806,15 +2806,15 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.12}",
+          "$value": "{sys.space.mini}*3",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "corner": {
-          "$value": "{sys.corner.regular}",
+          "$value": "{sys.corner.component}",
           "$type": "borderRadius"
         },
         "color": {
@@ -2866,7 +2866,7 @@
       },
       "text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "color": {
@@ -2990,7 +2990,7 @@
           "$type": "dimension"
         },
         "corner": {
-          "$value": "{sys.corner.regular} *2",
+          "$value": "{sys.corner.component} *2",
           "$type": "borderRadius"
         }
       },
@@ -3006,7 +3006,7 @@
           }
         },
         "x-padding": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         }
       },
@@ -3016,11 +3016,11 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.20}",
+          "$value": "{sys.space.mini}*5",
           "$type": "dimension"
         }
       },
@@ -3032,11 +3032,11 @@
           }
         },
         "x-padding": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         }
       },
@@ -3073,11 +3073,11 @@
         }
       },
       "space-title-and-operation-icon-gap": {
-        "$value": "{sys.space.8}",
+        "$value": "{sys.space.component}",
         "$type": "dimension"
       },
       "space-button-gap": {
-        "$value": "{sys.space.12}",
+        "$value": "{sys.space.mini}*3",
         "$type": "dimension"
       }
     },
@@ -3088,15 +3088,15 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.12}",
+          "$value": "{sys.space.mini}*3",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.12}",
+          "$value": "{sys.space.mini}*3",
           "$type": "dimension"
         },
         "corner": {
-          "$value": "{sys.corner.regular}",
+          "$value": "{sys.corner.component}",
           "$type": "borderRadius"
         },
         "color": {
@@ -3158,7 +3158,7 @@
       },
       "description-text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "color": {
@@ -3188,12 +3188,12 @@
           "$type": "color"
         },
         "left-margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
       "space-tip-icon-and-text-gap": {
-        "$value": "{sys.space.8}",
+        "$value": "{sys.space.component}",
         "$type": "dimension"
       }
     },
@@ -3216,7 +3216,7 @@
     "pagination": {
       "number-button-container": {
         "min-size": {
-          "$value": "{sys.size.row-height.m}",
+          "$value": "{sys.size.row-height.regular}",
           "$type": "dimension"
         },
         "min-size-l": {
@@ -3228,15 +3228,15 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "x-padding-l": {
-          "$value": "{sys.space.12}",
+          "$value": "{sys.space.mini}*3",
           "$type": "dimension"
         },
         "x-padding-s": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -3303,7 +3303,7 @@
             "$type": "color"
           },
           "border-selected": {
-            "$value": "{sys.color.border.brand-weak}",
+            "$value": "{sys.color.border.brand}",
             "$type": "color"
           },
           "border-disable": {
@@ -3314,7 +3314,7 @@
       },
       "text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-size-l": {
@@ -3370,15 +3370,15 @@
       },
       "space": {
         "number-button-gap": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "element-gap": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "skip-area-text-and-input-gap": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       }
@@ -3390,12 +3390,12 @@
           "$type": "dimension"
         },
         "corner": {
-          "$value": "{sys.corner.regular}",
+          "$value": "{sys.corner.component}",
           "$type": "borderRadius"
         },
         "space": {
           "padding": {
-            "$value": "{sys.space.12}",
+            "$value": "{sys.space.mini}*3",
             "$type": "dimension"
           }
         },
@@ -3468,13 +3468,13 @@
           }
         },
         "right-margin": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
       "text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "color": {
@@ -3484,12 +3484,12 @@
       },
       "button": {
         "top-margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
       "space-button-gap": {
-        "$value": "{sys.space.8}",
+        "$value": "{sys.space.component}",
         "$type": "dimension"
       }
     },
@@ -3578,11 +3578,11 @@
       },
       "space": {
         "bottom-bar-and-icon-gap": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "bottom-bar-and-text-gap": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
@@ -3630,11 +3630,11 @@
       },
       "text": {
         "font-size": {
-          "$value": "{sys.font-size.body-l}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-size-l": {
-          "$value": "{sys.font-size.label-m}",
+          "$value": "{sys.font-size.body-l}",
           "$type": "dimension"
         },
         "font-size-s": {
@@ -3728,7 +3728,7 @@
           "$type": "dimension"
         },
         "font-size-l": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-size-s": {
@@ -3774,7 +3774,7 @@
       },
       "button-container": {
         "height": {
-          "$value": "{sys.size.row-height.m}",
+          "$value": "{sys.size.row-height.regular}",
           "$type": "dimension"
         },
         "height-l": {
@@ -3786,15 +3786,15 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "x-padding-l": {
-          "$value": "{sys.space.20}",
+          "$value": "{sys.space.mini}*5",
           "$type": "dimension"
         },
         "x-padding-s": {
-          "$value": "{sys.space.12}",
+          "$value": "{sys.space.mini}*3",
           "$type": "dimension"
         },
         "color": {
@@ -3847,15 +3847,15 @@
             "$type": "color"
           },
           "border-hover": {
-            "$value": "{sys.color.border.brand-weak}",
+            "$value": "{sys.color.border.brand}",
             "$type": "color"
           },
           "border-selected": {
-            "$value": "{sys.color.border.brand-weak}",
+            "$value": "{sys.color.border.brand}",
             "$type": "color"
           },
           "border-press": {
-            "$value": "{sys.color.border.brand-weak}",
+            "$value": "{sys.color.border.brand}",
             "$type": "color"
           },
           "border-selected-disable": {
@@ -3876,7 +3876,7 @@
       },
       "border-between-button": {
         "height": {
-          "$value": "{sys.size.row-height.m}-2px",
+          "$value": "{sys.size.row-height.regular}-2px",
           "$type": "dimension"
         },
         "height-l": {
@@ -3910,11 +3910,11 @@
       },
       "space": {
         "icon-and-text-gap": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "radio-gap": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         },
         "radio-gap-l": {
@@ -3994,7 +3994,7 @@
     "select": {
       "selector-container": {
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "height": {
@@ -4027,7 +4027,7 @@
             "$type": "color"
           },
           "border-hover": {
-            "$value": "{sys.color.border.neutral-weak}",
+            "$value": "{sys.color.border.regular}",
             "$type": "color"
           },
           "border-error": {
@@ -4094,7 +4094,7 @@
       },
       "arrow-icon": {
         "left-margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
@@ -4130,7 +4130,7 @@
       },
       "option-container": {
         "y-padding": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "y-padding-l": {
@@ -4142,7 +4142,7 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "x-padding-l": {
@@ -4166,15 +4166,15 @@
       },
       "panel": {
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "top-margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "shadow": {
@@ -4192,7 +4192,7 @@
       },
       "tag": {
         "gap": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -4318,11 +4318,11 @@
       },
       "text-container": {
         "top-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -4345,11 +4345,11 @@
             "$type": "color"
           },
           "border": {
-            "$value": "{sys.color.border.neutral-weak}",
+            "$value": "{sys.color.border.regular}",
             "$type": "color"
           },
           "border-disable": {
-            "$value": "{sys.color.border.neutral-disable}",
+            "$value": "{sys.color.border.strong}",
             "$type": "color"
           },
           "bg-active": {
@@ -4372,7 +4372,7 @@
       },
       "inputnumber": {
         "left-margin": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       }
@@ -4454,7 +4454,7 @@
           "$type": "dimension"
         },
         "left-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
@@ -4464,7 +4464,7 @@
           "$type": "dimension"
         },
         "left-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
@@ -4504,11 +4504,11 @@
     "steps-center": {
       "title-container": {
         "top-margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
@@ -4578,11 +4578,11 @@
           "$type": "dimension"
         },
         "padding": {
-          "$value": "{sys.space.4}/2",
+          "$value": "{sys.space.inner-component}/2",
           "$type": "dimension"
         },
         "color": {
-          "$value": "{sys.color.bg.brand-weak}",
+          "$value": "{sys.color.bg.brand-strong}",
           "$type": "color"
         },
         "color-forbidden": {
@@ -4594,7 +4594,7 @@
           "$type": "color"
         },
         "color-disable": {
-          "$value": "{sys.color.bg.neutral-weak}",
+          "$value": "{sys.color.bg.regular}",
           "$type": "color"
         },
         "corner": {
@@ -4624,11 +4624,11 @@
           "$type": "color"
         },
         "color-forbidden": {
-          "$value": "{sys.color.bg.brand-weak}",
+          "$value": "{sys.color.bg.brand-strong}",
           "$type": "color"
         },
         "color-disable": {
-          "$value": "{sys.color.bg.neutral-weaker}",
+          "$value": "{sys.color.bg.strong}",
           "$type": "color"
         }
       },
@@ -4652,7 +4652,7 @@
       },
       "content-container": {
         "x-padding": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -4662,7 +4662,7 @@
           "$type": "dimension"
         },
         "font-size-l": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "color": {
@@ -4678,7 +4678,7 @@
     "table": {
       "title": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-size-l": {
@@ -4704,7 +4704,7 @@
       },
       "primary-text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-size-l": {
@@ -4726,11 +4726,11 @@
       },
       "item-container": {
         "x-padding": {
-          "$value": "{sys.space.12}",
+          "$value": "{sys.space.mini}*3",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -4739,7 +4739,7 @@
             "$type": "color"
           },
           "bg-title": {
-            "$value": "{sys.color.bg.neutral-weaker}",
+            "$value": "{sys.color.bg.strong}",
             "$type": "color"
           },
           "bg": {
@@ -4747,7 +4747,7 @@
             "$type": "color"
           },
           "bg-zebra-stripe": {
-            "$value": "{sys.color.bg.neutral-weaker}",
+            "$value": "{sys.color.bg.strong}",
             "$type": "color"
           },
           "bg-hover": {
@@ -4774,11 +4774,11 @@
           "$type": "dimension"
         },
         "x-padding-s": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "x-padding-l": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.mini}*4",
           "$type": "dimension"
         }
       },
@@ -4822,7 +4822,7 @@
           "$type": "dimension"
         },
         "top-margin": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -4848,7 +4848,7 @@
           "$type": "dimension"
         },
         "right-margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "opacity": {
@@ -4860,7 +4860,7 @@
       },
       "item-element": {
         "gap": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
@@ -4872,7 +4872,7 @@
           }
         },
         "corner": {
-          "$value": "{sys.corner.regular}*2",
+          "$value": "{sys.corner.component}*2",
           "$type": "borderRadius"
         }
       },
@@ -4910,7 +4910,7 @@
       },
       "placeholder-container": {
         "padding": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         },
         "padding-l": {
@@ -4924,7 +4924,7 @@
       },
       "placeholder-element": {
         "gap": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "positon": {
@@ -4948,7 +4948,7 @@
           "$type": "dimension"
         },
         "right-margin": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -4970,7 +4970,7 @@
       },
       "text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-size-l": {
@@ -5018,7 +5018,7 @@
           "$type": "dimension"
         },
         "left-margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -5044,11 +5044,11 @@
       },
       "item-container": {
         "y-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "gap": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         },
         "x-padding": {
@@ -5056,12 +5056,12 @@
           "$type": "dimension"
         },
         "x-padding-card": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "corner": {
           "near-outer-container": {
-            "$value": "{sys.corner.regular}*2",
+            "$value": "{sys.corner.component}*2",
             "$type": "borderRadius"
           },
           "near-inner-content": {
@@ -5096,17 +5096,17 @@
       },
       "space": {
         "min-gap-item-container-and-operation-button": {
-          "$value": "{sys.space.24}",
+          "$value": "{sys.space.layout}",
           "$type": "dimension"
         },
         "min-gap-item-container-and-operation-button-card": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
       "operation-button": {
         "gap": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
@@ -5151,7 +5151,7 @@
             "$type": "color"
           },
           "brand-filled-weak": {
-            "$value": "{sys.color.bg.brand-weak}",
+            "$value": "{sys.color.bg.brand-strong}",
             "$type": "color"
           },
           "brand-filled-hover": {
@@ -5175,7 +5175,7 @@
             "$type": "color"
           },
           "success-filled-weak": {
-            "$value": "{sys.color.bg.success-weak}",
+            "$value": "{sys.color.bg.success-strong}",
             "$type": "color"
           },
           "success-filled-hover": {
@@ -5199,7 +5199,7 @@
             "$type": "color"
           },
           "warning-filled-weak": {
-            "$value": "{sys.color.bg.warning-weak}",
+            "$value": "{sys.color.bg.warning-strong}",
             "$type": "color"
           },
           "warning-filled-hover": {
@@ -5223,7 +5223,7 @@
             "$type": "color"
           },
           "info-filled-weak": {
-            "$value": "{sys.color.bg.info-weak}",
+            "$value": "{sys.color.bg.info-strong}",
             "$type": "color"
           },
           "info-filled-hover": {
@@ -5243,11 +5243,11 @@
             "$type": "color"
           },
           "accent-filled": {
-            "$value": "{sys.color.accent}",
+            "$value": "{sys.color.error}",
             "$type": "color"
           },
           "accent-filled-weak": {
-            "$value": "{sys.color.bg.accent-weak}",
+            "$value": "{sys.color.bg.error-strong}",
             "$type": "color"
           },
           "accent-filled-hover": {
@@ -5562,7 +5562,7 @@
               "$type": "color"
             },
             "brand": {
-              "$value": "{sys.color.border.brand-weak}",
+              "$value": "{sys.color.border.brand}",
               "$type": "color"
             },
             "brand-disable": {
@@ -5570,7 +5570,7 @@
               "$type": "color"
             },
             "success": {
-              "$value": "{sys.color.border.success-weak}",
+              "$value": "{sys.color.border.success}",
               "$type": "color"
             },
             "success-disable": {
@@ -5578,7 +5578,7 @@
               "$type": "color"
             },
             "warning": {
-              "$value": "{sys.color.border.warning-weak}",
+              "$value": "{sys.color.border.warning}",
               "$type": "color"
             },
             "warning-disable": {
@@ -5586,7 +5586,7 @@
               "$type": "color"
             },
             "info": {
-              "$value": "{sys.color.border.info-weak}",
+              "$value": "{sys.color.border.info}",
               "$type": "color"
             },
             "info-disable": {
@@ -5594,7 +5594,7 @@
               "$type": "color"
             },
             "accent": {
-              "$value": "{sys.color.border.accent-weak}",
+              "$value": "{sys.color.border.accent}",
               "$type": "color"
             },
             "accent-disable": {
@@ -5602,11 +5602,11 @@
               "$type": "color"
             },
             "neutral": {
-              "$value": "{sys.color.border.neutral-weak}",
+              "$value": "{sys.color.border.regular}",
               "$type": "color"
             },
             "neutral-disable": {
-              "$value": "{sys.color.border.neutral-disable}",
+              "$value": "{sys.color.border.strong}",
               "$type": "color"
             }
           }
@@ -5628,7 +5628,7 @@
       },
       "text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-size-l": {
@@ -5961,7 +5961,7 @@
             "$type": "color"
           },
           "border-accent": {
-            "$value": "{sys.color.accent}",
+            "$value": "{sys.color.error}",
             "$type": "color"
           },
           "border-neutral": {
@@ -5969,7 +5969,7 @@
             "$type": "color"
           },
           "border-disable": {
-            "$value": "{sys.color.border.neutral-disable}",
+            "$value": "{sys.color.border.strong}",
             "$type": "color"
           }
         },
@@ -5996,7 +5996,7 @@
       },
       "title": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-weight": {
@@ -6014,7 +6014,7 @@
       },
       "body": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "color": {
@@ -6048,7 +6048,7 @@
           "$type": "dimension"
         },
         "bottom-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       }
@@ -6082,7 +6082,7 @@
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "min-width": {
@@ -6092,7 +6092,7 @@
       },
       "body-container": {
         "right-padding": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "min-width": {
@@ -6146,7 +6146,7 @@
           "$type": "dimension"
         },
         "gap": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -6162,13 +6162,13 @@
       },
       "body-container": {
         "padding": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
       "button-container": {
         "padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -6180,11 +6180,11 @@
       },
       "top-container": {
         "y-padding": {
-          "$value": "{sys.space.12}",
+          "$value": "{sys.space.mini}*3",
           "$type": "dimension"
         },
         "x-padding": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -6206,7 +6206,7 @@
       },
       "panel": {
         "top-margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "shadow": {
@@ -6224,23 +6224,23 @@
     "tooltip": {
       "container-rectangle": {
         "corner": {
-          "$value": "{sys.corner.regular}",
+          "$value": "{sys.corner.component}",
           "$type": "borderRadius"
         },
         "x-padding": {
-          "$value": "{sys.space.12}",
+          "$value": "{sys.space.mini}*3",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "x-padding-s": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "y-padding-s": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         }
       },
@@ -6300,7 +6300,7 @@
       },
       "text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-size-s": {
@@ -6320,7 +6320,7 @@
     "transfer": {
       "title": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-weight": {
@@ -6358,7 +6358,7 @@
       },
       "option-item-container": {
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "height": {
@@ -6372,13 +6372,13 @@
           }
         },
         "corner": {
-          "$value": "{sys.corner.regular}",
+          "$value": "{sys.corner.component}",
           "$type": "borderRadius"
         }
       },
       "title-container": {
         "x-padding": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "height": {
@@ -6402,11 +6402,11 @@
       },
       "option-container": {
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "height": {
@@ -6416,7 +6416,7 @@
       },
       "switch-button": {
         "gap": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "x-margin": {
@@ -6452,11 +6452,11 @@
       },
       "footer-container": {
         "x-padding": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -6484,7 +6484,7 @@
     "tree": {
       "text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "font-weight": {
@@ -6516,11 +6516,11 @@
       },
       "item-container": {
         "x-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "gap": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "height": {
@@ -6558,7 +6558,7 @@
           "$type": "dimension"
         },
         "right-margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -6580,7 +6580,7 @@
           "$type": "dimension"
         },
         "right-margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -6606,13 +6606,13 @@
       },
       "checkbox": {
         "right-margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
       "drag-icon": {
         "left-margin": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -6642,7 +6642,7 @@
     "upload": {
       "hint-icon": {
         "right-margin": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "size": {
@@ -6656,7 +6656,7 @@
       },
       "filename": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "color": {
@@ -6670,7 +6670,7 @@
           "$type": "dimension"
         },
         "left-margin": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -6690,11 +6690,11 @@
       },
       "file-item-container": {
         "padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "gap": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -6797,11 +6797,11 @@
       },
       "primary-text": {
         "font-size": {
-          "$value": "{sys.font-size.body-m}",
+          "$value": "{sys.font-size.body}",
           "$type": "dimension"
         },
         "top-margin": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -6823,7 +6823,7 @@
           "$type": "dimension"
         },
         "top-margin": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -6841,7 +6841,7 @@
           "$type": "dimension"
         },
         "right-margin": {
-          "$value": "{sys.space.4}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "color": {
@@ -6859,7 +6859,7 @@
           "$type": "dimension"
         },
         "gap": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
@@ -6889,11 +6889,11 @@
     "upload-click-upload": {
       "image-filename-container": {
         "right-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
@@ -6905,13 +6905,13 @@
       },
       "image-container": {
         "padding": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
       "image-item-container": {
         "gap": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       }
@@ -6919,13 +6919,13 @@
     "upload-photo-wall": {
       "progress": {
         "top-margin": {
-          "$value": "{sys.space.8}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
       "drag-button-container": {
         "gap": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         }
       },
@@ -6935,7 +6935,7 @@
           "$type": "dimension"
         },
         "gap": {
-          "$value": "{sys.space.16}",
+          "$value": "{sys.space.component}",
           "$type": "dimension"
         },
         "color": {
@@ -6965,122 +6965,157 @@
   },
   "sys": {
     "palette": {
+      "brand": {
+        "1": {
+          "$value": "#F2F8FF",
+          "$type": "color",
+          "$description": "浅色背景"
+        },
+        "2": {
+          "$value": "#C9E0FF",
+          "$type": "color",
+          "$description": "描边"
+        },
+        "3": {
+          "$value": "#A3C6FF",
+          "$type": "color",
+          "$description": "禁用、失效"
+        },
+        "4": {
+          "$value": "#1C4AD4",
+          "$type": "color",
+          "$description": "点击"
+        },
+        "5": {
+          "$value": "#548AFF",
+          "$type": "color",
+          "$description": "悬浮"
+        },
+        "6": {
+          "$value": "#2c68ff",
+          "$type": "color",
+          "$description": "常规"
+        },
+        "7": {
+          "$value": "#1C4AD4",
+          "$type": "color",
+          "$description": "点击"
+        }
+      },
       "warning": {
         "1": {
           "$value": "#FFFAF2",
-          "$type": "color"
+          "$type": "color",
+          "$description": "浅色背景"
         },
         "2": {
-          "$value": "#FFEAC9",
-          "$type": "color"
+          "$value": "#FFC17A",
+          "$type": "color",
+          "$description": "描边"
         },
         "3": {
           "$value": "#FFD7A3",
-          "$type": "color"
+          "$type": "color",
+          "$description": "禁用、失效"
         },
         "4": {
-          "$value": "#FFC17A",
-          "$type": "color"
+          "$value": "#D46B1C",
+          "$type": "color",
+          "$description": "点击"
         },
         "5": {
           "$value": "#FFAA54",
-          "$type": "color"
+          "$type": "color",
+          "$description": "悬浮"
         },
         "6": {
-          "$value": "#FF8E2C",
-          "$type": "color"
+          "$value": "#FF7D00",
+          "$type": "color",
+          "$description": "常规"
         },
         "7": {
           "$value": "#D46B1C",
-          "$type": "color"
-        },
-        "8": {
-          "$value": "#A64A0D",
-          "$type": "color"
-        },
-        "9": {
-          "$value": "#7A3005",
-          "$type": "color"
-        },
-        "10": {
-          "$value": "#4D1900",
-          "$type": "color"
+          "$type": "color",
+          "$description": "点击"
         }
       },
       "success": {
         "1": {
           "$value": "#F2FFF7",
-          "$type": "color"
+          "$type": "color",
+          "$description": "浅色背景"
         },
         "2": {
-          "$value": "#C3F7D6",
-          "$type": "color"
+          "$value": "#6FE892",
+          "$type": "color",
+          "$description": "描边"
         },
         "3": {
           "$value": "#99F0B5",
-          "$type": "color"
+          "$type": "color",
+          "$description": "禁用、失效"
         },
         "4": {
-          "$value": "#6FE892",
-          "$type": "color"
+          "$value": "#18B534",
+          "$type": "color",
+          "$description": "点击"
         },
         "5": {
           "$value": "#4AE070",
-          "$type": "color"
+          "$type": "color",
+          "$description": "悬浮"
         },
         "6": {
           "$value": "#25D94C",
-          "$type": "color"
+          "$type": "color",
+          "$description": "常规"
         },
         "7": {
           "$value": "#18B534",
-          "$type": "color"
-        },
-        "8": {
-          "$value": "#0C9420",
-          "$type": "color"
-        },
-        "9": {
-          "$value": "#047011",
-          "$type": "color"
-        },
-        "10": {
-          "$value": "#004D06",
-          "$type": "color"
+          "$type": "color",
+          "$description": "点击"
         }
       },
       "info": {
         "1": {
           "$value": "#F2F8FF",
-          "$type": "color"
+          "$type": "color",
+          "$description": "浅色背景"
         },
         "2": {
           "$value": "#C9E0FF",
-          "$type": "color"
+          "$type": "color",
+          "$description": "描边"
         },
         "3": {
           "$value": "#A3C6FF",
-          "$type": "color"
+          "$type": "color",
+          "$description": "常规"
         },
         "4": {
           "$value": "#7AA9FF",
-          "$type": "color"
+          "$type": "color",
+          "$description": "常规"
         },
         "5": {
           "$value": "#548AFF",
-          "$type": "color"
+          "$type": "color",
+          "$description": "常规"
         },
         "6": {
           "$value": "#2c68ff",
-          "$type": "color"
+          "$type": "color",
+          "$description": "常规"
         },
         "7": {
           "$value": "#1C4AD4",
-          "$type": "color"
+          "$type": "color",
+          "$description": "常规"
         },
         "8": {
           "$value": "#0D2EA6",
-          "$type": "color"
+          "$type": "color",
+          "$description": "常规"
         },
         "9": {
           "$value": "#051A7A",
@@ -7093,44 +7128,39 @@
       },
       "error": {
         "1": {
-          "$value": "#FFF2F5",
-          "$type": "color"
+          "$value": "#FFECE8",
+          "$type": "color",
+          "$description": "浅色背景"
         },
         "2": {
-          "$value": "#FFC9D2",
-          "$type": "color"
+          "$value": "#FF7A88",
+          "$type": "color",
+          "$description": "描边"
         },
         "3": {
           "$value": "#FFA3AF",
-          "$type": "color"
+          "$type": "color",
+          "$description": "禁用、失效"
         },
         "4": {
-          "$value": "#FF7A88",
-          "$type": "color"
+          "$value": "#D41C28",
+          "$type": "color",
+          "$description": "点击"
         },
         "5": {
           "$value": "#FF5460",
-          "$type": "color"
+          "$type": "color",
+          "$description": "悬浮"
         },
         "6": {
           "$value": "#FF2C33",
-          "$type": "color"
+          "$type": "color",
+          "$description": "常规"
         },
         "7": {
           "$value": "#D41C28",
-          "$type": "color"
-        },
-        "8": {
-          "$value": "#A60D1D",
-          "$type": "color"
-        },
-        "9": {
-          "$value": "#7A0515",
-          "$type": "color"
-        },
-        "10": {
-          "$value": "#4D000D",
-          "$type": "color"
+          "$type": "color",
+          "$description": "点击"
         }
       },
       "neutral": {
@@ -7174,125 +7204,67 @@
           "$value": "#000000",
           "$type": "color"
         }
-      },
-      "brand": {
-        "1": {
-          "$value": "#F2F8FF",
-          "$type": "color"
-        },
-        "2": {
-          "$value": "#C9E0FF",
-          "$type": "color"
-        },
-        "3": {
-          "$value": "#A3C6FF",
-          "$type": "color"
-        },
-        "4": {
-          "$value": "#7AA9FF",
-          "$type": "color"
-        },
-        "5": {
-          "$value": "#548AFF",
-          "$type": "color"
-        },
-        "6": {
-          "$value": "#2c68ff",
-          "$type": "color"
-        },
-        "7": {
-          "$value": "#1C4AD4",
-          "$type": "color"
-        },
-        "8": {
-          "$value": "#0D2EA6",
-          "$type": "color"
-        },
-        "9": {
-          "$value": "#051A7A",
-          "$type": "color"
-        },
-        "10": {
-          "$value": "#000B4D",
-          "$type": "color"
-        }
-      }
-    },
-    "border-width": {
-      "regular": {
-        "$value": "1px",
-        "$type": "borderWidth"
       }
     },
     "color": {
       "bg": {
-        "success-weaker": {
-          "$value": "{sys.palette.success.1}",
-          "$type": "color",
-          "$description": "描边标签、警告提示背景"
-        },
-        "warning-weaker": {
-          "$value": "{sys.palette.warning.1}",
-          "$type": "color",
-          "$description": "描边标签、警告提示背景"
-        },
-        "info-weaker": {
-          "$value": "{sys.palette.info.1}",
+        "brand": {
+          "$value": "{sys.palette.brand.1}",
           "$type": "color",
-          "$description": "描边标签、警告提示背景"
+          "$description": "背景"
         },
-        "error-weaker": {
-          "$value": "{sys.palette.error.1}",
+        "brand-strong": {
+          "$value": "{sys.palette.brand.2}",
           "$type": "color",
-          "$description": "描边标签、警告提示背景"
+          "$description": "填充警告提示背景"
         },
-        "brand-weaker": {
-          "$value": "{sys.palette.brand.1}",
+        "warning": {
+          "$value": "{sys.palette.warning.1}",
           "$type": "color",
-          "$description": "描边标签、警告提示背景"
+          "$description": "背景"
         },
-        "accent-weaker": {
-          "$value": "{sys.palette.error.1}",
+        "warning-strong": {
+          "$value": "{sys.palette.warning.2}",
           "$type": "color",
-          "$description": "描边标签、警告提示背景"
+          "$description": "强调背景"
         },
-        "neutral-weaker": {
-          "$value": "{sys.palette.neutral.2}",
+        "success": {
+          "$value": "{sys.palette.success.1}",
           "$type": "color",
-          "$description": "描边标签、警告提示背景、开关失效点、表格斑马纹"
+          "$description": "背景"
         },
-        "success-weak": {
+        "success-strong": {
           "$value": "{sys.palette.success.2}",
           "$type": "color",
-          "$description": "填充警告提示背景"
+          "$description": "强调背景"
         },
-        "warning-weak": {
-          "$value": "{sys.palette.warning.2}",
+        "info": {
+          "$value": "{sys.palette.info.1}",
           "$type": "color",
-          "$description": "填充警告提示背景"
+          "$description": "背景"
         },
-        "info-weak": {
+        "info-strong": {
           "$value": "{sys.palette.info.2}",
           "$type": "color",
-          "$description": "填充警告提示背景"
+          "$description": "强调背景"
         },
-        "error-weak": {
-          "$value": "{sys.palette.error.2}",
+        "error": {
+          "$value": "{sys.palette.error.1}",
           "$type": "color",
-          "$description": "填充警告提示背景、填充标签失效"
+          "$description": "背景"
         },
-        "brand-weak": {
-          "$value": "{sys.palette.brand.2}",
+        "error-strong": {
+          "$value": "{sys.palette.error.2}",
           "$type": "color",
-          "$description": "填充警告提示背景"
+          "$description": "强调背景"
         },
-        "accent-weak": {
-          "$value": "{sys.palette.error.2}",
+        "regular": {
+          "$value": "#f5f5f5",
           "$type": "color",
-          "$description": "填充警告提示背景"
+          "$description": "描边标签、警告提示背景、开关失效点、表格斑马纹"
         },
-        "neutral-weak": {
-          "$value": "{sys.palette.neutral.4}",
+        "strong": {
+          "$value": "#fafafa",
           "$type": "color",
           "$description": "填充警告提示背景、开关失效背景色"
         },
@@ -7308,41 +7280,51 @@
         }
       },
       "bg-state": {
-        "success": {
+        "brand": {
           "disable": {
-            "$value": "{sys.palette.success.3}",
+            "$value": "{sys.palette.brand.3}",
             "$type": "color",
             "$description": "标签、按钮失效底色"
           },
           "hover": {
-            "$value": "{sys.palette.success.5}",
+            "$value": "{sys.palette.brand.5}",
             "$type": "color",
             "$description": "标签、按钮悬浮底色"
           },
           "press": {
-            "$value": "{sys.palette.success.7}",
+            "$value": "{sys.palette.brand.7}",
             "$type": "color",
             "$description": "标签、按钮点击底色"
           },
           "hover-weak": {
-            "$value": "{sys.palette.success.1}",
+            "$value": "{sys.palette.brand.1}",
             "$type": "color",
             "$description": "标签、按钮悬浮浅底色"
           },
           "press-weak": {
-            "$value": "{sys.palette.success.2}",
+            "$value": "{sys.palette.brand.2}",
             "$type": "color",
             "$description": "标签、按钮点击浅底色"
           },
           "hover-opacity": {
-            "$value": "{sys.palette.success.6}",
+            "$value": "{sys.palette.brand.6}",
             "$type": "color",
             "$description": "6%\n悬浮-透底状态\n场景：幽灵按钮"
           },
           "press-opacity": {
-            "$value": "{sys.palette.success.6}",
+            "$value": "{sys.palette.brand.6}",
             "$type": "color",
             "$description": "15%\n点击-透底状态\n场景：幽灵按钮"
+          },
+          "selected-hover": {
+            "$value": "{sys.palette.brand.6}",
+            "$type": "color",
+            "$description": "25%\n已选择悬浮-透底状态层"
+          },
+          "selected": {
+            "$value": "{sys.palette.brand.6}",
+            "$type": "color",
+            "$description": "10%\n已选择-透底状态层"
           }
         },
         "warning": {
@@ -7382,125 +7364,115 @@
             "$description": "15%\n点击-透底状态\n场景：幽灵按钮"
           }
         },
-        "info": {
+        "success": {
           "disable": {
-            "$value": "{sys.palette.info.3}",
+            "$value": "{sys.palette.success.3}",
             "$type": "color",
             "$description": "标签、按钮失效底色"
           },
           "hover": {
-            "$value": "{sys.palette.info.5}",
+            "$value": "{sys.palette.success.5}",
             "$type": "color",
             "$description": "标签、按钮悬浮底色"
           },
           "press": {
-            "$value": "{sys.palette.info.7}",
+            "$value": "{sys.palette.success.7}",
             "$type": "color",
             "$description": "标签、按钮点击底色"
           },
           "hover-weak": {
-            "$value": "{sys.palette.info.1}",
+            "$value": "{sys.palette.success.1}",
             "$type": "color",
             "$description": "标签、按钮悬浮浅底色"
           },
           "press-weak": {
-            "$value": "{sys.palette.info.2}",
+            "$value": "{sys.palette.success.2}",
             "$type": "color",
             "$description": "标签、按钮点击浅底色"
           },
           "hover-opacity": {
-            "$value": "{sys.palette.info.6}",
+            "$value": "{sys.palette.success.6}",
             "$type": "color",
             "$description": "6%\n悬浮-透底状态\n场景：幽灵按钮"
           },
           "press-opacity": {
-            "$value": "{sys.palette.info.6}",
+            "$value": "{sys.palette.success.6}",
             "$type": "color",
             "$description": "15%\n点击-透底状态\n场景：幽灵按钮"
           }
         },
-        "error": {
+        "info": {
           "disable": {
-            "$value": "{sys.palette.error.3}",
+            "$value": "{sys.palette.info.3}",
             "$type": "color",
             "$description": "标签、按钮失效底色"
           },
           "hover": {
-            "$value": "{sys.palette.error.5}",
+            "$value": "{sys.palette.info.5}",
             "$type": "color",
             "$description": "标签、按钮悬浮底色"
           },
           "press": {
-            "$value": "{sys.palette.error.7}",
+            "$value": "{sys.palette.info.7}",
             "$type": "color",
             "$description": "标签、按钮点击底色"
           },
           "hover-weak": {
-            "$value": "{sys.palette.error.1}",
+            "$value": "{sys.palette.info.1}",
             "$type": "color",
             "$description": "标签、按钮悬浮浅底色"
           },
           "press-weak": {
-            "$value": "{sys.palette.error.2}",
+            "$value": "{sys.palette.info.2}",
             "$type": "color",
             "$description": "标签、按钮点击浅底色"
           },
           "hover-opacity": {
-            "$value": "{sys.palette.error.6}",
+            "$value": "{sys.palette.info.6}",
             "$type": "color",
             "$description": "6%\n悬浮-透底状态\n场景：幽灵按钮"
           },
           "press-opacity": {
-            "$value": "{sys.palette.error.6}",
+            "$value": "{sys.palette.info.6}",
             "$type": "color",
             "$description": "15%\n点击-透底状态\n场景：幽灵按钮"
           }
         },
-        "brand": {
+        "error": {
           "disable": {
-            "$value": "{sys.palette.brand.3}",
+            "$value": "{sys.palette.error.3}",
             "$type": "color",
             "$description": "标签、按钮失效底色"
           },
           "hover": {
-            "$value": "{sys.palette.brand.5}",
+            "$value": "{sys.palette.error.5}",
             "$type": "color",
             "$description": "标签、按钮悬浮底色"
           },
           "press": {
-            "$value": "{sys.palette.brand.7}",
+            "$value": "{sys.palette.error.7}",
             "$type": "color",
             "$description": "标签、按钮点击底色"
           },
           "hover-weak": {
-            "$value": "{sys.palette.brand.1}",
+            "$value": "{sys.palette.error.1}",
             "$type": "color",
             "$description": "标签、按钮悬浮浅底色"
           },
           "press-weak": {
-            "$value": "{sys.palette.brand.2}",
+            "$value": "{sys.palette.error.2}",
             "$type": "color",
             "$description": "标签、按钮点击浅底色"
           },
           "hover-opacity": {
-            "$value": "{sys.palette.brand.6}",
+            "$value": "{sys.palette.error.6}",
             "$type": "color",
             "$description": "6%\n悬浮-透底状态\n场景：幽灵按钮"
           },
           "press-opacity": {
-            "$value": "{sys.palette.brand.6}",
+            "$value": "{sys.palette.error.6}",
             "$type": "color",
             "$description": "15%\n点击-透底状态\n场景：幽灵按钮"
-          },
-          "selected-hover": {
-            "$value": "{sys.palette.brand.6}",
-            "$type": "color",
-            "$description": "25%\n已选择悬浮-透底状态层"
-          },
-          "selected": {
-            "$value": "{sys.palette.brand.6}",
-            "$type": "color",
-            "$description": "10%\n已选择-透底状态层"
           }
         },
         "accent": {
@@ -7697,7 +7669,7 @@
           "$description": "25%（白色）用于中性色disable（失效文字、图标）"
         },
         "success-disable": {
-          "$value": "{sys.palette.success.6}",
+          "$value": "{sys.palette.success.3}",
           "$type": "color",
           "$description": "45%\n用于成功色失效文字、图标"
         },
@@ -7707,12 +7679,12 @@
           "$description": "65%\n场景：文字链已访问状态"
         },
         "success-hover": {
-          "$value": "{sys.palette.success.7}",
+          "$value": "{sys.palette.success.5}",
           "$type": "color",
           "$description": "用于成功色悬浮文字、图标"
         },
         "success-press": {
-          "$value": "{sys.palette.success.8}",
+          "$value": "{sys.palette.success.7}",
           "$type": "color",
           "$description": "用于成功色点击文字、图标"
         },
@@ -7727,7 +7699,7 @@
           "$description": "85%\n用于content-weak的状态层"
         },
         "warning-disable": {
-          "$value": "{sys.palette.warning.6}",
+          "$value": "{sys.palette.warning.3}",
           "$type": "color",
           "$description": "45%\n用于警告色失效文字、图标"
         },
@@ -7737,12 +7709,12 @@
           "$description": "65%\n场景：文字链已访问状态"
         },
         "warning-hover": {
-          "$value": "{sys.palette.warning.7}",
+          "$value": "{sys.palette.warning.5}",
           "$type": "color",
           "$description": "用于警告色悬浮文字、图标"
         },
         "warning-press": {
-          "$value": "{sys.palette.warning.8}",
+          "$value": "{sys.palette.warning.7}",
           "$type": "color",
           "$description": "用于警告色点击文字、图标"
         },
@@ -7757,7 +7729,7 @@
           "$description": "85%\n用于content-weak的状态层"
         },
         "info-disable": {
-          "$value": "{sys.palette.info.6}",
+          "$value": "{sys.palette.info.3}",
           "$type": "color",
           "$description": "45%\n用于提示色失效文字、图标"
         },
@@ -7767,12 +7739,12 @@
           "$description": "65%\n场景：文字链已访问状态"
         },
         "info-hover": {
-          "$value": "{sys.palette.info.7}",
+          "$value": "{sys.palette.info.5}",
           "$type": "color",
           "$description": "用于提示色悬浮文字、图标"
         },
         "info-press": {
-          "$value": "{sys.palette.info.8}",
+          "$value": "{sys.palette.info.7}",
           "$type": "color",
           "$description": "用于提示色点击文字、图标"
         },
@@ -7787,7 +7759,7 @@
           "$description": "85%\n用于content-weak的状态层"
         },
         "error-disable": {
-          "$value": "{sys.palette.error.6}",
+          "$value": "{sys.palette.error.3}",
           "$type": "color",
           "$description": "45%\n用于报错提示文字失效"
         },
@@ -7797,12 +7769,12 @@
           "$description": "65%\n场景：文字链已访问状态"
         },
         "error-hover": {
-          "$value": "{sys.palette.error.7}",
+          "$value": "{sys.palette.error.5}",
           "$type": "color",
           "$description": "用于报错提示文字悬浮"
         },
         "error-press": {
-          "$value": "{sys.palette.error.8}",
+          "$value": "{sys.palette.error.7}",
           "$type": "color",
           "$description": "用于报错提示文字点击"
         },
@@ -7817,7 +7789,7 @@
           "$description": "85%\n用于content-weak的状态层"
         },
         "brand-disable": {
-          "$value": "{sys.palette.brand.6}",
+          "$value": "{sys.palette.brand.3}",
           "$type": "color",
           "$description": "45%\n用于主题色失效文字、图标\n场景：描边按钮、幽灵按钮、文字按钮"
         },
@@ -7827,12 +7799,12 @@
           "$description": "65%\n场景：文字链已访问状态"
         },
         "brand-hover": {
-          "$value": "{sys.palette.brand.7}",
+          "$value": "{sys.palette.brand.5}",
           "$type": "color",
           "$description": "用于主题色悬浮文字、图标"
         },
         "brand-press": {
-          "$value": "{sys.palette.brand.8}",
+          "$value": "{sys.palette.brand.7}",
           "$type": "color",
           "$description": "用于主题色点击文字、图标"
         },
@@ -7847,7 +7819,7 @@
           "$description": "85%\n用于content-weak的状态层"
         },
         "accent-disable": {
-          "$value": "{sys.palette.error.6}",
+          "$value": "{sys.palette.error.3}",
           "$type": "color",
           "$description": "45%\n用于强调色失效文字、图标"
         },
@@ -7857,12 +7829,12 @@
           "$description": "65%\n场景：文字链已访问状态"
         },
         "accent-hover": {
-          "$value": "{sys.palette.error.7}",
+          "$value": "{sys.palette.error.5}",
           "$type": "color",
           "$description": "用于强调色悬浮文字、图标"
         },
         "accent-press": {
-          "$value": "{sys.palette.error.8}",
+          "$value": "{sys.palette.error.7}",
           "$type": "color",
           "$description": "用于强调色点击文字、图标"
         },
@@ -7878,76 +7850,76 @@
         }
       },
       "border": {
-        "success-weak": {
-          "$value": "{sys.palette.success.6}",
-          "$type": "color",
-          "$description": "65%\n按钮、标签、警告提示描边"
-        },
-        "warning-weak": {
-          "$value": "{sys.palette.warning.6}",
-          "$type": "color",
-          "$description": "65%\n按钮、标签、警告提示描边"
-        },
-        "info-weak": {
-          "$value": "{sys.palette.info.6}",
-          "$type": "color",
-          "$description": "65%\n按钮、标签、警告提示描边"
-        },
-        "error-weak": {
-          "$value": "{sys.palette.error.6}",
+        "brand": {
+          "$value": "{sys.palette.brand.6}",
           "$type": "color",
           "$description": "65%\n按钮、标签、警告提示描边"
         },
-        "brand-weak": {
+        "brand-disable": {
           "$value": "{sys.palette.brand.6}",
           "$type": "color",
-          "$description": "65%\n按钮、标签、警告提示描边"
+          "$description": "45%\n按钮、标签、警告提示描边"
         },
-        "accent-weak": {
-          "$value": "{sys.palette.error.6}",
+        "warning": {
+          "$value": "{sys.palette.warning.6}",
           "$type": "color",
           "$description": "65%\n按钮、标签、警告提示描边"
         },
-        "neutral-weak": {
-          "$value": "{sys.palette.neutral.10}",
+        "warning-disable": {
+          "$value": "{sys.palette.warning.6}",
           "$type": "color",
-          "$description": "25%\n按钮、标签、警告提示描边"
+          "$description": "45%\n按钮、标签、警告提示描边"
         },
-        "neutral-disable": {
-          "$value": "{sys.palette.neutral.10}",
+        "success": {
+          "$value": "{sys.palette.success.6}",
           "$type": "color",
-          "$description": "15%\n按钮、标签、警告提示描边"
+          "$description": "65%\n按钮、标签、警告提示描边"
         },
         "success-disable": {
           "$value": "{sys.palette.success.6}",
           "$type": "color",
           "$description": "45%\n按钮、标签、警告提示描边"
         },
-        "warning-disable": {
-          "$value": "{sys.palette.warning.6}",
+        "info": {
+          "$value": "{sys.palette.info.6}",
           "$type": "color",
-          "$description": "45%\n按钮、标签、警告提示描边"
+          "$description": "65%\n按钮、标签、警告提示描边"
         },
         "info-disable": {
           "$value": "{sys.palette.info.6}",
           "$type": "color",
           "$description": "45%\n按钮、标签、警告提示描边"
         },
+        "error": {
+          "$value": "{sys.palette.error.6}",
+          "$type": "color",
+          "$description": "65%\n按钮、标签、警告提示描边"
+        },
         "error-disable": {
           "$value": "{sys.palette.error.6}",
           "$type": "color",
           "$description": "45%\n按钮、标签、警告提示描边"
         },
-        "brand-disable": {
-          "$value": "{sys.palette.brand.6}",
+        "accent": {
+          "$value": "{sys.palette.error.6}",
           "$type": "color",
-          "$description": "45%\n按钮、标签、警告提示描边"
+          "$description": "65%\n按钮、标签、警告提示描边"
         },
         "accent-disable": {
           "$value": "{sys.palette.error.6}",
           "$type": "color",
           "$description": "45%\n按钮、标签、警告提示描边"
         },
+        "regular": {
+          "$value": "#d9d9d9",
+          "$type": "color",
+          "$description": "15%\n按钮、标签、警告提示描边"
+        },
+        "strong": {
+          "$value": "#bfbfbf",
+          "$type": "color",
+          "$description": "25%\n按钮、标签、警告提示描边"
+        },
         "input": {
           "$value": "{sys.palette.neutral.10}",
           "$type": "color",
@@ -7961,14 +7933,14 @@
       },
       "divider": {
         "weak": {
-          "$value": "{sys.palette.neutral.10}",
+          "$value": "#f0f0f0",
           "$type": "color",
-          "$description": "6%\n场景：表格内起分割作用、实线"
+          "$description": "6%黑色 场景：表格内起分割作用、实线"
         },
         "strong": {
-          "$value": "{sys.palette.neutral.10}",
+          "$value": "#e5e5e5",
           "$type": "color",
-          "$description": "10%\n场景：多用于虚线，与背景对比感较强的实线分割线"
+          "$description": "10%黑色 场景：多用于虚线，与背景对比感较强的实线分割线"
         }
       },
       "success": {
@@ -7997,7 +7969,7 @@
         "$description": "主题色"
       },
       "neutral": {
-        "$value": "{sys.palette.neutral.7}",
+        "$value": "{sys.palette.neutral.6}",
         "$type": "color",
         "$description": "中性色"
       },
@@ -8023,26 +7995,33 @@
           "$description": "65% 蒙层-白"
         },
         "black": {
-          "$value": "{sys.palette.neutral.10}",
+          "$value": "rgba(0,0,0, 0.5)",
           "$type": "color",
-          "$description": "65% 蒙层-黑"
+          "$description": "50% 蒙层-黑"
         }
       }
     },
+    "border-width": {
+      "regular": {
+        "$value": "1px",
+        "$type": "borderWidth"
+      }
+    },
     "corner": {
-      "small": {
-        "$value": "2px",
+      "component": {
+        "$value": "4px",
         "$type": "dimension",
-        "$description": "小号圆角"
+        "$description": "组件圆角"
       },
-      "regular": {
-        "$value": "2px",
-        "$type": "dimension"
-      },
-      "large": {
+      "card": {
         "$value": "8px",
         "$type": "dimension",
-        "$description": "大号圆角"
+        "$description": "卡片圆角"
+      },
+      "button": {
+        "$value": "9999px",
+        "$type": "dimension",
+        "$description": "按钮圆角"
       },
       "circle": {
         "$value": "9999px",
@@ -8056,42 +8035,61 @@
     "font-size": {
       "body-s": {
         "$value": "12px",
-        "$type": "dimension"
+        "$type": "dimension",
+        "$description": "正文小号字体"
       },
-      "body-m": {
-        "$value": "14px",
-        "$type": "dimension"
+      "body": {
+        "$value": "12px",
+        "$type": "dimension",
+        "$description": "正文常规字体"
       },
       "body-l": {
-        "$value": "16px",
-        "$type": "dimension"
+        "$value": "14px",
+        "$type": "dimension",
+        "$description": "大号常规字体"
       },
       "label-s": {
-        "$value": "18px",
-        "$type": "dimension"
+        "$value": "12px",
+        "$type": "dimension",
+        "$description": "强调字体"
       },
-      "label-m": {
-        "$value": "20px",
-        "$type": "dimension"
+      "label": {
+        "$value": "12px",
+        "$type": "dimension",
+        "$description": "强调字体"
       },
       "label-l": {
-        "$value": "24px",
-        "$type": "dimension"
+        "$value": "14px",
+        "$type": "dimension",
+        "$description": "强调字体"
+      },
+      "title-s": {
+        "$value": "14px",
+        "$type": "dimension",
+        "$description": "标题字体"
       },
       "title": {
-        "$value": "32px",
-        "$type": "dimension"
+        "$value": "14px",
+        "$type": "dimension",
+        "$description": "标题字体"
+      },
+      "title-l": {
+        "$value": "16px",
+        "$type": "dimension",
+        "$description": "标题字体"
       },
       "headline": {
         "$value": "40px",
-        "$type": "dimension"
+        "$type": "dimension",
+        "$description": "题字体"
       },
       "display": {
         "$value": "56px",
-        "$type": "dimension"
+        "$type": "dimension",
+        "$description": "超大标题字体"
       }
     },
-    "fontFamily": {
+    "font-family": {
       "regular": {
         "$value": [
           "-apple-system",
@@ -8225,22 +8223,22 @@
       },
       "row-height": {
         "s": {
-          "$value": "{sys.size.base}*6",
+          "$value": "24px",
           "$type": "dimension",
           "$description": "用于小号按钮、输入框"
         },
-        "m": {
-          "$value": "{sys.size.base}*8",
+        "regular": {
+          "$value": "32px",
           "$type": "dimension",
           "$description": "用于常规按钮、输入框"
         },
         "l": {
-          "$value": "{sys.size.base}*10",
+          "$value": "40px",
           "$type": "dimension",
           "$description": "用于大号按钮、输入框"
         },
         "xl": {
-          "$value": "{sys.size.base}*12",
+          "$value": "40px",
           "$type": "dimension",
           "$description": "用于超大号按钮、输入框"
         }
@@ -8321,43 +8319,51 @@
     },
     "space": {
       "mini": {
-        "$value": "2px",
+        "$value": "4px",
         "$type": "dimension",
         "$description": "极小间距"
       },
-      "base": {
-        "$value": "4px",
+      "inner-component": {
+        "$value": "8px",
         "$type": "dimension",
-        "$description": "基础间距"
+        "$description": "组件内部元素的空间、todo"
       },
-      "4": {
-        "$value": "{sys.space.base}",
-        "$type": "dimension"
-      },
-      "8": {
-        "$value": "{sys.space.base}*2",
-        "$type": "dimension"
-      },
-      "12": {
-        "$value": "{sys.space.base}*3",
+      "component": {
+        "$value": "16px",
         "$type": "dimension",
-        "$description": "左右边距\n场景：小按钮"
+        "$description": "组件之前的空间、todo"
       },
-      "16": {
-        "$value": "{sys.space.base}*4",
+      "sub-layout": {
+        "$value": "16px",
         "$type": "dimension",
-        "$description": "左右边距\n场景：常规按钮"
+        "$description": "子布局的空间"
       },
-      "20": {
-        "$value": "{sys.space.base}*5",
+      "layout": {
+        "$value": "24px",
         "$type": "dimension",
-        "$description": "左右边距\n场景：大按钮"
+        "$description": "大结构间的空间"
+      }
+    },
+    "font": {
+      "body": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{sys.font-family.regular}",
+          "fontSize": "{sys.font-size.body}",
+          "fontWeight": "{sys.fontWeight.regular}",
+          "lineHeight": "{sys.line-height.regular}"
+        }
       },
-      "24": {
-        "$value": "{sys.space.base}*6",
-        "$type": "dimension",
-        "$description": "左右边距\n场景：超大按钮"
+      "label": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{sys.font-family.regular}",
+          "fontSize": "{sys.font-size.label}",
+          "fontWeight": "{sys.fontWeight.semibold}",
+          "lineHeight": "{sys.line-height.regular}"
+        }
       }
     }
-  }
+  },
+  "extra": {}
 }