@biztoken/design-tokens 0.1.22 → 0.1.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@biztoken/design-tokens",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "type": "module",
   "description": "the design tokens for biz",
   "main": "tokens-DTCGS.json",

package/schema.json

@@ -137,7 +137,7 @@
           "$ref": "#/definitions/Tabs"
         },
         "tag": {
-          "$ref": "#/definitions/COMTag"
+          "$ref": "#/definitions/Tag"
         },
         "textarea": {
           "$ref": "#/definitions/Textarea"
@@ -1453,7 +1453,7 @@
           "$ref": "#/definitions/DialogButtonContainer"
         },
         "content-container": {
-          "$ref": "#/definitions/DialogContentContainer"
+          "$ref": "#/definitions/SearchContainerClass"
         },
         "tip-icon": {
           "$ref": "#/definitions/TipIconClass"
@@ -1545,7 +1545,7 @@
       },
       "title": "DialogContainer"
     },
-    "DialogContentContainer": {
+    "SearchContainerClass": {
       "type": "object",
       "additionalProperties": false,
       "properties": {
@@ -1556,7 +1556,7 @@
           "$ref": "#/definitions/Chinese"
         }
       },
-      "title": "DialogContentContainer"
+      "title": "SearchContainerClass"
     },
     "ContentContainerWithIcon": {
       "type": "object",
@@ -3321,7 +3321,7 @@
           "$ref": "#/definitions/PanelClass"
         },
         "tag": {
-          "$ref": "#/definitions/ItemElementClass"
+          "$ref": "#/definitions/Item"
         },
         "checkbox": {
           "$ref": "#/definitions/CascaderCheckbox"
@@ -3364,16 +3364,6 @@
       },
       "title": "SelectorContainer"
     },
-    "ItemElementClass": {
-      "type": "object",
-      "additionalProperties": false,
-      "properties": {
-        "gap": {
-          "$ref": "#/definitions/Chinese"
-        }
-      },
-      "title": "ItemElementClass"
-    },
     "Slider": {
       "type": "object",
       "additionalProperties": false,
@@ -3720,7 +3710,7 @@
           "$ref": "#/definitions/StepsCenterTitleContainer"
         },
         "body-container": {
-          "$ref": "#/definitions/ContentContainerClass"
+          "$ref": "#/definitions/StepsCenterBodyContainer"
         },
         "item-gap": {
           "$ref": "#/definitions/Chinese"
@@ -3731,7 +3721,7 @@
       },
       "title": "StepsCenter"
     },
-    "ContentContainerClass": {
+    "StepsCenterBodyContainer": {
       "type": "object",
       "additionalProperties": false,
       "properties": {
@@ -3739,7 +3729,7 @@
           "$ref": "#/definitions/Chinese"
         }
       },
-      "title": "ContentContainerClass"
+      "title": "StepsCenterBodyContainer"
     },
     "StepsCenterTitleContainer": {
       "type": "object",
@@ -3800,7 +3790,7 @@
           "$ref": "#/definitions/DragIconClass"
         },
         "content-container": {
-          "$ref": "#/definitions/ContentContainerClass"
+          "$ref": "#/definitions/StepsCenterBodyContainer"
         },
         "text": {
           "$ref": "#/definitions/LabelClass"
@@ -3881,7 +3871,7 @@
           "$ref": "#/definitions/Image"
         },
         "item-element": {
-          "$ref": "#/definitions/ItemElementClass"
+          "$ref": "#/definitions/ItemElement"
         },
         "container": {
           "$ref": "#/definitions/TableContainer"
@@ -4022,6 +4012,16 @@
       },
       "title": "PurpleShadow"
     },
+    "ItemElement": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "gap": {
+          "$ref": "#/definitions/Chinese"
+        }
+      },
+      "title": "ItemElement"
+    },
     "PlaceholderContainer": {
       "type": "object",
       "additionalProperties": false,
@@ -4074,7 +4074,7 @@
           "$ref": "#/definitions/TabsSpace"
         },
         "operation-button": {
-          "$ref": "#/definitions/ItemElementClass"
+          "$ref": "#/definitions/ItemElement"
         },
         "container": {
           "$ref": "#/definitions/TabsContainer"
@@ -4193,7 +4193,7 @@
       },
       "title": "TabsSpace"
     },
-    "COMTag": {
+    "Tag": {
       "type": "object",
       "additionalProperties": false,
       "properties": {
@@ -4213,7 +4213,7 @@
           "$ref": "#/definitions/TrailingText"
         }
       },
-      "title": "COMTag"
+      "title": "Tag"
     },
     "TagContainer": {
       "type": "object",
@@ -4758,7 +4758,7 @@
           "$ref": "#/definitions/SwitchButton"
         },
         "search-container": {
-          "$ref": "#/definitions/SearchContainer"
+          "$ref": "#/definitions/SearchContainerClass"
         },
         "panel": {
           "$ref": "#/definitions/TransferPanel"
@@ -4849,19 +4849,6 @@
       },
       "title": "FriskyColor"
     },
-    "SearchContainer": {
-      "type": "object",
-      "additionalProperties": false,
-      "properties": {
-        "x-pading": {
-          "$ref": "#/definitions/Chinese"
-        },
-        "top-padding": {
-          "$ref": "#/definitions/Chinese"
-        }
-      },
-      "title": "SearchContainer"
-    },
     "SwitchButton": {
       "type": "object",
       "additionalProperties": false,
@@ -5027,7 +5014,7 @@
         "bg-hover": {
           "$ref": "#/definitions/Chinese"
         },
-        "bg-darg": {
+        "bg-drag": {
           "$ref": "#/definitions/Chinese"
         },
         "bg-drop": {
@@ -5288,7 +5275,7 @@
           "$ref": "#/definitions/BodyContainer"
         },
         "image-item-container": {
-          "$ref": "#/definitions/ItemElementClass"
+          "$ref": "#/definitions/ItemElement"
         }
       },
       "title": "UploadClickUpload"
@@ -5314,7 +5301,7 @@
           "$ref": "#/definitions/TitleWithIcon"
         },
         "drag-button-container": {
-          "$ref": "#/definitions/ItemElementClass"
+          "$ref": "#/definitions/ItemElement"
         },
         "operation-icon": {
           "$ref": "#/definitions/AlertOperationIcon"
@@ -5655,15 +5642,15 @@
       "additionalProperties": false,
       "properties": {
         "body": {
-          "$ref": "#/definitions/FontBody"
+          "$ref": "#/definitions/FontClass"
         },
         "label": {
-          "$ref": "#/definitions/FontBody"
+          "$ref": "#/definitions/FontClass"
         }
       },
       "title": "Font"
     },
-    "FontBody": {
+    "FontClass": {
       "type": "object",
       "additionalProperties": false,
       "properties": {
@@ -5674,7 +5661,7 @@
           "$ref": "#/definitions/BodyValue"
         }
       },
-      "title": "FontBody"
+      "title": "FontClass"
     },
     "BodyValue": {
       "type": "object",
@@ -5807,6 +5794,9 @@
         },
         "height": {
           "$ref": "#/definitions/Chinese"
+        },
+        "font": {
+          "$ref": "#/definitions/FontClass"
         }
       },
       "title": "Header"

package/tokens-DTCGS.json

@@ -1017,11 +1017,11 @@
           "$type": "dimension"
         },
         "button-gap-l": {
-          "$value": "{com.button.space.button-gap}+8px",
+          "$value": "{com.button.space.button-gap}+{sys.space.mini}",
           "$type": "dimension"
         },
         "button-gap-s": {
-          "$value": "{com.button.space.button-gap}-8px",
+          "$value": "{com.button.space.button-gap}-{sys.space.mini}",
           "$type": "dimension"
         },
         "button-gap-xl": {
@@ -1279,7 +1279,7 @@
           "$type": "color"
         },
         "color-selected-disable": {
-          "$value": "{com.checkbox.icon.color.border-disable}",
+          "$value": "{sys.color.border.neutral}",
           "$type": "color"
         },
         "color-active": {
@@ -4233,6 +4233,14 @@
         "gap": {
           "$value": "{sys.space.inner-component}",
           "$type": "dimension"
+        },
+        "gap-l": {
+          "$value": "{sys.space.inner-component}",
+          "$type": "dimension"
+        },
+        "gap-s": {
+          "$value": "{sys.space.mini}",
+          "$type": "dimension"
         }
       },
       "checkbox": {
@@ -5161,15 +5169,15 @@
     "tag": {
       "container": {
         "height": {
-          "$value": "22px",
+          "$value": "{sys.size.row-height.regular} - 2*{sys.space.mini}",
           "$type": "dimension"
         },
         "height-l": {
-          "$value": "24px",
+          "$value": "{sys.size.row-height.l} - 2*{sys.space.mini}",
           "$type": "dimension"
         },
         "height-s": {
-          "$value": "18px",
+          "$value": "{sys.size.row-height.s} - 2*{sys.space.mini}",
           "$type": "dimension"
         },
         "x-padding": {
@@ -6397,7 +6405,7 @@
       },
       "option-item-container": {
         "x-padding": {
-          "$value": "{sys.space.inner-component}",
+          "$value": "0",
           "$type": "dimension"
         },
         "height": {
@@ -6417,7 +6425,7 @@
       },
       "title-container": {
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{sys.space.inner-component}",
           "$type": "dimension"
         },
         "height": {
@@ -6441,11 +6449,11 @@
       },
       "option-container": {
         "x-padding": {
-          "$value": "{sys.space.inner-component}",
+          "$value": "{com.transfer.title-container.x-padding}",
           "$type": "dimension"
         },
         "y-padding": {
-          "$value": "{sys.space.inner-component}",
+          "$value": "0",
           "$type": "dimension"
         },
         "height": {
@@ -6464,12 +6472,12 @@
         }
       },
       "search-container": {
-        "x-pading": {
+        "x-padding": {
           "$value": "{com.transfer.title-container.x-padding}",
           "$type": "dimension"
         },
-        "top-padding": {
-          "$value": "{com.transfer.search-container.x-pading}",
+        "y-padding": {
+          "$value": "{com.transfer.search-container.x-padding}",
           "$type": "dimension"
         }
       },
@@ -6491,7 +6499,7 @@
       },
       "footer-container": {
         "x-padding": {
-          "$value": "{sys.space.component}",
+          "$value": "{com.transfer.title-container.x-padding}",
           "$type": "dimension"
         },
         "y-padding": {
@@ -6568,10 +6576,10 @@
         },
         "color": {
           "bg-hover": {
-            "$value": "{sys.color.bg-state.neutral.hover-opacity}",
+            "$value": "{sys.color.bg-state.brand.hover-weak}",
             "$type": "color"
           },
-          "bg-darg": {
+          "bg-drag": {
             "$value": "{sys.color.white}",
             "$type": "color"
           },
@@ -8425,8 +8433,16 @@
         "height": {
           "$type": "dimension",
           "$value": "60px"
+        },
+        "font": {
+          "$type": "typography",
+          "$value": {
+            "fontFamily": "{sys.font-family.regular}",
+            "fontSize": "{sys.font-size.title}",
+            "fontWeight": "{sys.fontWeight.semibold}",
+            "lineHeight": "{sys.line-height.regular}"
+          }
         }
-
       }
     }
   },