@biztoken/design-tokens 0.1.4 → 0.1.6

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 (2) hide show
  1. package/package.json +9 -10
  2. package/tokens-DTCGS.json +898 -864
package/tokens-DTCGS.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "alert": {
4
4
  "container": {
5
5
  "min-height": {
6
- "$value": "40px",
6
+ "$value": "30px",
7
7
  "$type": "dimension"
8
8
  },
9
9
  "min-height-l": {
@@ -12,40 +12,40 @@
12
12
  },
13
13
  "color": {
14
14
  "brand": {
15
- "$value": "{sys.color.bg.brand-weaker}",
15
+ "$value": "{sys.color.bg.brand}",
16
16
  "$type": "color"
17
17
  },
18
18
  "success": {
19
- "$value": "{sys.color.bg.success-weaker}",
19
+ "$value": "{sys.color.bg.success}",
20
20
  "$type": "color"
21
21
  },
22
22
  "error": {
23
- "$value": "{sys.color.bg.error-weaker}",
23
+ "$value": "{sys.color.bg.error}",
24
24
  "$type": "color"
25
25
  },
26
26
  "info": {
27
- "$value": "{sys.color.bg.info-weaker}",
27
+ "$value": "{sys.color.bg.info}",
28
28
  "$type": "color"
29
29
  },
30
30
  "warning": {
31
- "$value": "{sys.color.bg.warning-weaker}",
31
+ "$value": "{sys.color.bg.warning}",
32
32
  "$type": "color"
33
33
  }
34
34
  },
35
35
  "x-padding": {
36
- "$value": "{sys.space.12}",
36
+ "$value": "{sys.space.component}",
37
37
  "$type": "dimension"
38
38
  },
39
39
  "y-padding": {
40
- "$value": "{sys.space.8}",
40
+ "$value": "{sys.space.inner-component}",
41
41
  "$type": "dimension"
42
42
  },
43
43
  "y-padding-l": {
44
- "$value": "{sys.space.12}",
44
+ "$value": "{sys.space.inner-component}+{sys.space.mini}",
45
45
  "$type": "dimension"
46
46
  },
47
47
  "corner": {
48
- "$value": "{sys.corner.regular}",
48
+ "$value": "{sys.corner.component}",
49
49
  "$type": "borderRadius"
50
50
  },
51
51
  "width": {
@@ -85,7 +85,7 @@
85
85
  }
86
86
  },
87
87
  "margin-top": {
88
- "$value": "2px",
88
+ "$value": "1px",
89
89
  "$type": "dimension"
90
90
  },
91
91
  "margin-top-with-title": {
@@ -113,7 +113,7 @@
113
113
  },
114
114
  "description-text": {
115
115
  "font-size": {
116
- "$value": "{sys.font-size.body-m}",
116
+ "$value": "{sys.font-size.body}",
117
117
  "$type": "dimension"
118
118
  },
119
119
  "color": {
@@ -145,7 +145,7 @@
145
145
  "$type": "color"
146
146
  },
147
147
  "left-margin": {
148
- "$value": "{sys.space.8}",
148
+ "$value": "{sys.space.inner-component}",
149
149
  "$type": "dimension"
150
150
  }
151
151
  },
@@ -214,7 +214,7 @@
214
214
  }
215
215
  },
216
216
  "space-between-tip-icon-and-text": {
217
- "$value": "{sys.space.8}",
217
+ "$value": "{sys.space.inner-component}",
218
218
  "$type": "dimension"
219
219
  },
220
220
  "space-between-title-and-desc": {
@@ -222,29 +222,29 @@
222
222
  "$type": "dimension"
223
223
  },
224
224
  "space-between-desc-text-and-trailing-text": {
225
- "$value": "{sys.space.8}",
225
+ "$value": "{sys.space.inner-component}",
226
226
  "$type": "dimension"
227
227
  },
228
228
  "border": {
229
229
  "color": {
230
230
  "brand": {
231
- "$value": "{sys.color.border.brand-weak}",
231
+ "$value": "{sys.color.border.brand}",
232
232
  "$type": "color"
233
233
  },
234
234
  "success": {
235
- "$value": "{sys.color.border.success-weak}",
235
+ "$value": "{sys.color.border.success}",
236
236
  "$type": "color"
237
237
  },
238
238
  "error": {
239
- "$value": "{sys.color.border.error-weak}",
239
+ "$value": "{sys.color.border.error}",
240
240
  "$type": "color"
241
241
  },
242
242
  "info": {
243
- "$value": "{sys.color.border.info-weak}",
243
+ "$value": "{sys.color.border.info}",
244
244
  "$type": "color"
245
245
  },
246
246
  "warning": {
247
- "$value": "{sys.color.border.warning-weak}",
247
+ "$value": "{sys.color.border.warning}",
248
248
  "$type": "color"
249
249
  }
250
250
  }
@@ -290,7 +290,7 @@
290
290
  "$type": "color"
291
291
  },
292
292
  "bg-accent": {
293
- "$value": "{sys.color.accent}",
293
+ "$value": "{sys.color.error}",
294
294
  "$type": "color"
295
295
  },
296
296
  "border": {
@@ -331,7 +331,7 @@
331
331
  "$type": "dimension"
332
332
  },
333
333
  "x-margin": {
334
- "$value": "{sys.space.4}",
334
+ "$value": "{sys.space.inner-component}",
335
335
  "$type": "dimension"
336
336
  },
337
337
  "color": {
@@ -341,7 +341,7 @@
341
341
  },
342
342
  "text": {
343
343
  "font-size": {
344
- "$value": "{sys.font-size.body-m}",
344
+ "$value": "{sys.font-size.body}",
345
345
  "$type": "dimension"
346
346
  },
347
347
  "color": {
@@ -366,11 +366,11 @@
366
366
  "$description": "超大按钮最小宽度"
367
367
  },
368
368
  "corner": {
369
- "$value": "{sys.corner.regular}",
369
+ "$value": "{sys.corner.button}",
370
370
  "$type": "borderRadius"
371
371
  },
372
372
  "x-padding-xl": {
373
- "$value": "{sys.space.24}",
373
+ "$value": "{sys.space.mini}*6",
374
374
  "$type": "dimension",
375
375
  "$description": "超大按钮左右边距"
376
376
  },
@@ -400,7 +400,7 @@
400
400
  "$description": "大按钮高度"
401
401
  },
402
402
  "height": {
403
- "$value": "{sys.size.row-height.m}",
403
+ "$value": "{sys.size.row-height.regular}",
404
404
  "$type": "dimension",
405
405
  "$description": "常规按钮高度"
406
406
  },
@@ -410,17 +410,17 @@
410
410
  "$description": "小按钮高度"
411
411
  },
412
412
  "x-padding-l": {
413
- "$value": "{sys.space.20}",
413
+ "$value": "{sys.space.mini}*5",
414
414
  "$type": "dimension",
415
415
  "$description": "大按钮左右边距"
416
416
  },
417
417
  "x-padding": {
418
- "$value": "{sys.space.16}",
418
+ "$value": "{sys.space.mini}*4",
419
419
  "$type": "dimension",
420
420
  "$description": "常规按钮左右边距"
421
421
  },
422
422
  "x-padding-s": {
423
- "$value": "{sys.space.12}",
423
+ "$value": "{sys.space.mini}*3",
424
424
  "$type": "dimension",
425
425
  "$description": "小按钮左右边距"
426
426
  },
@@ -442,7 +442,7 @@
442
442
  "$type": "color"
443
443
  },
444
444
  "filled-accent": {
445
- "$value": "{sys.color.accent}",
445
+ "$value": "{sys.color.error}",
446
446
  "$type": "color"
447
447
  },
448
448
  "filled-accent-hover": {
@@ -590,15 +590,15 @@
590
590
  "$type": "color"
591
591
  },
592
592
  "outline-primary": {
593
- "$value": "{sys.color.border.brand-weak}",
593
+ "$value": "{sys.color.border.brand}",
594
594
  "$type": "color"
595
595
  },
596
596
  "outline-primary-hover": {
597
- "$value": "{sys.color.border.brand-weak}",
597
+ "$value": "{sys.color.border.brand}",
598
598
  "$type": "color"
599
599
  },
600
600
  "outline-primary-press": {
601
- "$value": "{sys.color.border.brand-weak}",
601
+ "$value": "{sys.color.border.brand}",
602
602
  "$type": "color"
603
603
  },
604
604
  "outline-primary-disable": {
@@ -606,15 +606,15 @@
606
606
  "$type": "color"
607
607
  },
608
608
  "outline-secondary": {
609
- "$value": "{sys.color.border.neutral-weak}",
609
+ "$value": "{sys.color.border.neutral}",
610
610
  "$type": "color"
611
611
  },
612
612
  "outline-secondary-hover": {
613
- "$value": "{sys.color.border.neutral-weak}",
613
+ "$value": "{sys.color.border.neutral}",
614
614
  "$type": "color"
615
615
  },
616
616
  "outline-secondary-press": {
617
- "$value": "{sys.color.border.neutral-weak}",
617
+ "$value": "{sys.color.border.neutral}",
618
618
  "$type": "color"
619
619
  },
620
620
  "outline-secondary-disable": {
@@ -622,15 +622,15 @@
622
622
  "$type": "color"
623
623
  },
624
624
  "outline-accent": {
625
- "$value": "{sys.color.border.accent-weak}",
625
+ "$value": "{sys.color.border.accent}",
626
626
  "$type": "color"
627
627
  },
628
628
  "outline-accent-hover": {
629
- "$value": "{sys.color.border.accent-weak}",
629
+ "$value": "{sys.color.border.accent}",
630
630
  "$type": "color"
631
631
  },
632
632
  "outline-accent-press": {
633
- "$value": "{sys.color.border.accent-weak}",
633
+ "$value": "{sys.color.border.accent}",
634
634
  "$type": "color"
635
635
  },
636
636
  "outline-accent-disable": {
@@ -638,15 +638,15 @@
638
638
  "$type": "color"
639
639
  },
640
640
  "ghost-primary": {
641
- "$value": "{sys.color.border.brand-weak}",
641
+ "$value": "{sys.color.border.brand}",
642
642
  "$type": "color"
643
643
  },
644
644
  "ghost-primary-hover": {
645
- "$value": "{sys.color.border.brand-weak}",
645
+ "$value": "{sys.color.border.brand}",
646
646
  "$type": "color"
647
647
  },
648
648
  "ghost-primary-press": {
649
- "$value": "{sys.color.border.brand-weak}",
649
+ "$value": "{sys.color.border.brand}",
650
650
  "$type": "color"
651
651
  },
652
652
  "ghost-primary-disable": {
@@ -654,15 +654,15 @@
654
654
  "$type": "color"
655
655
  },
656
656
  "ghost-secondary": {
657
- "$value": "{sys.color.border.neutral-weak}",
657
+ "$value": "{sys.color.border.neutral}",
658
658
  "$type": "color"
659
659
  },
660
660
  "ghost-secondary-hover": {
661
- "$value": "{sys.color.border.neutral-weak}",
661
+ "$value": "{sys.color.border.neutral}",
662
662
  "$type": "color"
663
663
  },
664
664
  "ghost-secondary-press": {
665
- "$value": "{sys.color.border.neutral-weak}",
665
+ "$value": "{sys.color.border.neutral}",
666
666
  "$type": "color"
667
667
  },
668
668
  "ghost-secondary-disable": {
@@ -670,15 +670,15 @@
670
670
  "$type": "color"
671
671
  },
672
672
  "ghost-accent": {
673
- "$value": "{sys.color.border.accent-weak}",
673
+ "$value": "{sys.color.border.accent}",
674
674
  "$type": "color"
675
675
  },
676
676
  "ghost-accent-hover": {
677
- "$value": "{sys.color.border.accent-weak}",
677
+ "$value": "{sys.color.border.accent}",
678
678
  "$type": "color"
679
679
  },
680
680
  "ghost-accent-press": {
681
- "$value": "{sys.color.border.accent-weak}",
681
+ "$value": "{sys.color.border.accent}",
682
682
  "$type": "color"
683
683
  },
684
684
  "ghost-accent-disable": {
@@ -693,7 +693,7 @@
693
693
  },
694
694
  "text": {
695
695
  "font-size-xl": {
696
- "$value": "{sys.font-size.label-s}",
696
+ "$value": "{sys.font-size.body-l}",
697
697
  "$type": "dimension",
698
698
  "$description": "超大按钮文字大小"
699
699
  },
@@ -703,7 +703,7 @@
703
703
  "$description": "大按钮文字大小"
704
704
  },
705
705
  "font-size": {
706
- "$value": "{sys.font-size.body-m}",
706
+ "$value": "{sys.font-size.body}",
707
707
  "$type": "dimension",
708
708
  "$description": "常规按钮文字大小"
709
709
  },
@@ -750,15 +750,15 @@
750
750
  "$type": "color"
751
751
  },
752
752
  "outline-accent": {
753
- "$value": "{sys.color.accent}",
753
+ "$value": "{sys.color.error}",
754
754
  "$type": "color"
755
755
  },
756
756
  "outline-accent-hover": {
757
- "$value": "{sys.color.accent}",
757
+ "$value": "{sys.color.error}",
758
758
  "$type": "color"
759
759
  },
760
760
  "outline-accent-press": {
761
- "$value": "{sys.color.accent}",
761
+ "$value": "{sys.color.error}",
762
762
  "$type": "color"
763
763
  },
764
764
  "outline-accent-disable": {
@@ -798,15 +798,15 @@
798
798
  "$type": "color"
799
799
  },
800
800
  "ghost-accent": {
801
- "$value": "{sys.color.accent}",
801
+ "$value": "{sys.color.error}",
802
802
  "$type": "color"
803
803
  },
804
804
  "ghost-accent-hover": {
805
- "$value": "{sys.color.accent}",
805
+ "$value": "{sys.color.error}",
806
806
  "$type": "color"
807
807
  },
808
808
  "ghost-accent-press": {
809
- "$value": "{sys.color.accent}",
809
+ "$value": "{sys.color.error}",
810
810
  "$type": "color"
811
811
  },
812
812
  "ghost-accent-disable": {
@@ -830,7 +830,7 @@
830
830
  "$type": "color"
831
831
  },
832
832
  "text-accent": {
833
- "$value": "{sys.color.accent}",
833
+ "$value": "{sys.color.error}",
834
834
  "$type": "color"
835
835
  },
836
836
  "text-accent-disable": {
@@ -974,7 +974,7 @@
974
974
  "$type": "color"
975
975
  },
976
976
  "text-accent": {
977
- "$value": "{sys.color.accent}",
977
+ "$value": "{sys.color.error}",
978
978
  "$type": "color"
979
979
  },
980
980
  "text-accent-disable": {
@@ -985,11 +985,11 @@
985
985
  },
986
986
  "space": {
987
987
  "between-icon-and-text": {
988
- "$value": "{sys.space.4}",
988
+ "$value": "{sys.space.inner-component}",
989
989
  "$type": "dimension"
990
990
  },
991
991
  "button-gap": {
992
- "$value": "{sys.space.24}",
992
+ "$value": "{sys.space.inner-component}",
993
993
  "$type": "dimension"
994
994
  },
995
995
  "button-gap-l": {
@@ -1013,7 +1013,7 @@
1013
1013
  "$type": "dimension"
1014
1014
  },
1015
1015
  "font-size-l": {
1016
- "$value": "{sys.font-size.body-m}",
1016
+ "$value": "{sys.font-size.body}",
1017
1017
  "$type": "dimension"
1018
1018
  },
1019
1019
  "font-size-s": {
@@ -1035,7 +1035,7 @@
1035
1035
  },
1036
1036
  "item-container": {
1037
1037
  "y-padding": {
1038
- "$value": "{sys.space.4}",
1038
+ "$value": "{sys.space.inner-component}",
1039
1039
  "$type": "dimension"
1040
1040
  },
1041
1041
  "y-padding-l": {
@@ -1047,7 +1047,7 @@
1047
1047
  "$type": "dimension"
1048
1048
  },
1049
1049
  "x-padding": {
1050
- "$value": "{sys.space.8}",
1050
+ "$value": "{sys.space.inner-component}",
1051
1051
  "$type": "dimension"
1052
1052
  },
1053
1053
  "x-padding-l": {
@@ -1065,7 +1065,7 @@
1065
1065
  }
1066
1066
  },
1067
1067
  "corner": {
1068
- "$value": "{sys.corner.regular}",
1068
+ "$value": "{sys.corner.component}",
1069
1069
  "$type": "borderRadius"
1070
1070
  }
1071
1071
  },
@@ -1105,11 +1105,11 @@
1105
1105
  },
1106
1106
  "item-group-container": {
1107
1107
  "x-padding": {
1108
- "$value": "{sys.space.8}",
1108
+ "$value": "{sys.space.inner-component}",
1109
1109
  "$type": "dimension"
1110
1110
  },
1111
1111
  "y-padding": {
1112
- "$value": "{sys.space.8}",
1112
+ "$value": "{sys.space.inner-component}",
1113
1113
  "$type": "dimension"
1114
1114
  },
1115
1115
  "min-width": {
@@ -1126,14 +1126,14 @@
1126
1126
  },
1127
1127
  "color": {
1128
1128
  "border-near-inner-content": {
1129
- "$value": "{sys.color.divider.weak}",
1129
+ "$value": "{sys.color.divider.regular}",
1130
1130
  "$type": "color"
1131
1131
  }
1132
1132
  }
1133
1133
  },
1134
1134
  "panel": {
1135
1135
  "top-margin": {
1136
- "$value": "{sys.space.8}",
1136
+ "$value": "{sys.space.inner-component}",
1137
1137
  "$type": "dimension"
1138
1138
  },
1139
1139
  "shadow": {
@@ -1217,7 +1217,7 @@
1217
1217
  },
1218
1218
  "text": {
1219
1219
  "font-size": {
1220
- "$value": "{sys.font-size.body-m}",
1220
+ "$value": "{sys.font-size.body}",
1221
1221
  "$type": "dimension"
1222
1222
  },
1223
1223
  "font-size-l": {
@@ -1265,11 +1265,11 @@
1265
1265
  },
1266
1266
  "space": {
1267
1267
  "icon-and-text-gap": {
1268
- "$value": "{sys.space.8}",
1268
+ "$value": "{sys.space.inner-component}",
1269
1269
  "$type": "dimension"
1270
1270
  },
1271
1271
  "checkbox-gap": {
1272
- "$value": "{sys.space.24}",
1272
+ "$value": "{sys.space.layout}",
1273
1273
  "$type": "dimension"
1274
1274
  },
1275
1275
  "checkbox-gap-l": {
@@ -1285,16 +1285,16 @@
1285
1285
  "datepicker": {
1286
1286
  "top-container": {
1287
1287
  "x-padding": {
1288
- "$value": "{sys.space.16}",
1288
+ "$value": "{sys.space.inner-component}",
1289
1289
  "$type": "dimension"
1290
1290
  },
1291
1291
  "y-padding": {
1292
- "$value": "{sys.space.12}",
1292
+ "$value": "{sys.space.mini}*3",
1293
1293
  "$type": "dimension"
1294
1294
  },
1295
1295
  "color": {
1296
1296
  "bottom-border": {
1297
- "$value": "{sys.color.divider.weak}",
1297
+ "$value": "{sys.color.divider.regular}",
1298
1298
  "$type": "color"
1299
1299
  }
1300
1300
  }
@@ -1305,7 +1305,7 @@
1305
1305
  "$type": "dimension"
1306
1306
  },
1307
1307
  "gap": {
1308
- "$value": "{sys.space.16}",
1308
+ "$value": "{sys.space.inner-component}",
1309
1309
  "$type": "dimension"
1310
1310
  },
1311
1311
  "color": {
@@ -1327,7 +1327,7 @@
1327
1327
  "$type": "dimension"
1328
1328
  },
1329
1329
  "x-padding": {
1330
- "$value": "{sys.space.8}",
1330
+ "$value": "{sys.space.inner-component}",
1331
1331
  "$type": "dimension"
1332
1332
  },
1333
1333
  "color": {
@@ -1389,18 +1389,18 @@
1389
1389
  },
1390
1390
  "body-container": {
1391
1391
  "padding": {
1392
- "$value": "{sys.space.16}",
1392
+ "$value": "{sys.space.component}",
1393
1393
  "$type": "dimension"
1394
1394
  }
1395
1395
  },
1396
1396
  "bottom-container": {
1397
1397
  "padding": {
1398
- "$value": "{sys.space.8}",
1398
+ "$value": "{sys.space.inner-component}",
1399
1399
  "$type": "dimension"
1400
1400
  },
1401
1401
  "color": {
1402
1402
  "top-border": {
1403
- "$value": "{sys.color.divider.weak}",
1403
+ "$value": "{sys.color.divider.regular}",
1404
1404
  "$type": "color"
1405
1405
  }
1406
1406
  }
@@ -1419,16 +1419,16 @@
1419
1419
  "$type": "dimension"
1420
1420
  },
1421
1421
  "gap": {
1422
- "$value": "{sys.space.16}",
1422
+ "$value": "{sys.space.inner-component}",
1423
1423
  "$type": "dimension"
1424
1424
  },
1425
1425
  "gap-date": {
1426
- "$value": "{sys.space.8}",
1426
+ "$value": "{sys.space.inner-component}",
1427
1427
  "$type": "dimension"
1428
1428
  },
1429
1429
  "color": {
1430
1430
  "border": {
1431
- "$value": "{sys.color.brand}",
1431
+ "$value": "{sys.color.transparent}",
1432
1432
  "$type": "color"
1433
1433
  },
1434
1434
  "border-hover": {
@@ -1456,7 +1456,7 @@
1456
1456
  "$type": "color"
1457
1457
  },
1458
1458
  "bg-present": {
1459
- "$value": "{sys.color.bg-state.brand.selected}",
1459
+ "$value": "{sys.color.bg.brand}",
1460
1460
  "$type": "color"
1461
1461
  }
1462
1462
  }
@@ -1467,7 +1467,7 @@
1467
1467
  "$type": "dimension"
1468
1468
  },
1469
1469
  "gap": {
1470
- "$value": "{sys.space.8}",
1470
+ "$value": "{sys.space.inner-component}",
1471
1471
  "$type": "dimension"
1472
1472
  },
1473
1473
  "color": {
@@ -1491,7 +1491,7 @@
1491
1491
  "color": {
1492
1492
  "border": {
1493
1493
  "near-inner-content": {
1494
- "$value": "{sys.color.divider.weak}",
1494
+ "$value": "{sys.color.divider.regular}",
1495
1495
  "$type": "color"
1496
1496
  }
1497
1497
  }
@@ -1499,7 +1499,7 @@
1499
1499
  },
1500
1500
  "panel": {
1501
1501
  "top-margin": {
1502
- "$value": "{sys.space.8}",
1502
+ "$value": "{sys.space.inner-component}",
1503
1503
  "$type": "dimension"
1504
1504
  },
1505
1505
  "shadow": {
@@ -1517,7 +1517,7 @@
1517
1517
  "color": {
1518
1518
  "border": {
1519
1519
  "near-inner-content": {
1520
- "$value": "{sys.color.divider.weak}",
1520
+ "$value": "{sys.color.divider.regular}",
1521
1521
  "$type": "color"
1522
1522
  }
1523
1523
  }
@@ -1565,7 +1565,7 @@
1565
1565
  "$type": "shadow"
1566
1566
  },
1567
1567
  "corner": {
1568
- "$value": "{sys.corner.regular}",
1568
+ "$value": "{sys.corner.component}",
1569
1569
  "$type": "borderRadius"
1570
1570
  }
1571
1571
  },
@@ -1576,12 +1576,12 @@
1576
1576
  },
1577
1577
  "border-bottom": {
1578
1578
  "color": {
1579
- "$value": "{sys.color.divider.weak}",
1579
+ "$value": "{sys.color.divider.regular}",
1580
1580
  "$type": "color"
1581
1581
  }
1582
1582
  },
1583
1583
  "x-padding": {
1584
- "$value": "{sys.space.24}",
1584
+ "$value": "{sys.space.layout}",
1585
1585
  "$type": "dimension"
1586
1586
  }
1587
1587
  },
@@ -1597,21 +1597,21 @@
1597
1597
  }
1598
1598
  },
1599
1599
  "padding": {
1600
- "$value": "{sys.space.24}",
1600
+ "$value": "{sys.space.layout}",
1601
1601
  "$type": "dimension"
1602
1602
  },
1603
1603
  "padding-top": {
1604
- "$value": "{sys.space.24}",
1604
+ "$value": "{sys.space.layout}",
1605
1605
  "$type": "dimension"
1606
1606
  },
1607
1607
  "padding-bottom": {
1608
- "$value": "{sys.space.24}",
1608
+ "$value": "{sys.space.layout}",
1609
1609
  "$type": "dimension"
1610
1610
  }
1611
1611
  },
1612
1612
  "content-container": {
1613
1613
  "x-padding": {
1614
- "$value": "{sys.space.24}",
1614
+ "$value": "{sys.space.layout}",
1615
1615
  "$type": "dimension"
1616
1616
  },
1617
1617
  "top-pading": {
@@ -1689,7 +1689,7 @@
1689
1689
  },
1690
1690
  "text": {
1691
1691
  "font-size": {
1692
- "$value": "{sys.font-size.body-m}",
1692
+ "$value": "{sys.font-size.body}",
1693
1693
  "$type": "dimension"
1694
1694
  },
1695
1695
  "color": {
@@ -1698,16 +1698,16 @@
1698
1698
  }
1699
1699
  },
1700
1700
  "space-title-and-operation-icon-gap": {
1701
- "$value": "{sys.space.8}",
1701
+ "$value": "{sys.space.inner-component}",
1702
1702
  "$type": "dimension"
1703
1703
  },
1704
1704
  "space-button-gap": {
1705
- "$value": "{sys.space.12}",
1705
+ "$value": "{sys.space.mini}*3",
1706
1706
  "$type": "dimension"
1707
1707
  },
1708
1708
  "title-container-with-icon": {
1709
1709
  "x-padding": {
1710
- "$value": "{sys.space.16}",
1710
+ "$value": "{sys.space.component}",
1711
1711
  "$type": "dimension"
1712
1712
  },
1713
1713
  "border-bottom": {
@@ -1769,32 +1769,7 @@
1769
1769
  "$type": "color"
1770
1770
  },
1771
1771
  "shadow": {
1772
- "$value": [
1773
- {
1774
- "color": "#00000005",
1775
- "$type": "dropShadow",
1776
- "x": 0,
1777
- "y": 5,
1778
- "blur": 12,
1779
- "spread": 0
1780
- },
1781
- {
1782
- "color": "#00000008",
1783
- "$type": "dropShadow",
1784
- "x": 0,
1785
- "y": 6,
1786
- "blur": 14,
1787
- "spread": 8
1788
- },
1789
- {
1790
- "color": "#0000000a",
1791
- "$type": "dropShadow",
1792
- "x": 0,
1793
- "y": 7,
1794
- "blur": 16,
1795
- "spread": 16
1796
- }
1797
- ],
1772
+ "$value": "{sys.shadow.top}",
1798
1773
  "$type": "shadow"
1799
1774
  },
1800
1775
  "border": {
@@ -1819,22 +1794,22 @@
1819
1794
  },
1820
1795
  "bottom-border": {
1821
1796
  "color": {
1822
- "$value": "{sys.color.divider.weak}",
1797
+ "$value": "{sys.color.divider.regular}",
1823
1798
  "$type": "color"
1824
1799
  }
1825
1800
  },
1826
1801
  "x-padding": {
1827
- "$value": "{sys.space.20}",
1802
+ "$value": "{sys.space.sub-layout}",
1828
1803
  "$type": "dimension"
1829
1804
  }
1830
1805
  },
1831
1806
  "content-container": {
1832
1807
  "x-padding": {
1833
- "$value": "{sys.space.20}",
1808
+ "$value": "{sys.space.sub-layout}",
1834
1809
  "$type": "dimension"
1835
1810
  },
1836
1811
  "y-padding": {
1837
- "$value": "{sys.space.16}",
1812
+ "$value": "{sys.space.component}",
1838
1813
  "$type": "dimension"
1839
1814
  },
1840
1815
  "border": {
@@ -1850,11 +1825,11 @@
1850
1825
  "$type": "shadow"
1851
1826
  },
1852
1827
  "x-padding": {
1853
- "$value": "{sys.space.20}",
1828
+ "$value": "{sys.space.sub-layout}",
1854
1829
  "$type": "dimension"
1855
1830
  },
1856
1831
  "y-padding": {
1857
- "$value": "{sys.space.16}",
1832
+ "$value": "{sys.space.inner-component}",
1858
1833
  "$type": "dimension"
1859
1834
  },
1860
1835
  "color": {
@@ -1863,14 +1838,14 @@
1863
1838
  },
1864
1839
  "border": {
1865
1840
  "color": {
1866
- "$value": "{com.drawer.container.color}",
1841
+ "$value": "{sys.color.divider.regular}",
1867
1842
  "$type": "color"
1868
1843
  }
1869
1844
  }
1870
1845
  },
1871
1846
  "title": {
1872
1847
  "font-size": {
1873
- "$value": "{sys.font-size.label-s}",
1848
+ "$value": "{sys.font-size.title}",
1874
1849
  "$type": "dimension"
1875
1850
  },
1876
1851
  "font-weight": {
@@ -1901,18 +1876,18 @@
1901
1876
  }
1902
1877
  },
1903
1878
  "space-title-and-operation-icon-gap": {
1904
- "$value": "{sys.space.8}",
1879
+ "$value": "{sys.space.inner-component}",
1905
1880
  "$type": "dimension"
1906
1881
  },
1907
1882
  "space-button-gap": {
1908
- "$value": "{sys.space.12}",
1883
+ "$value": "{sys.space.inner-component}",
1909
1884
  "$type": "dimension"
1910
1885
  }
1911
1886
  },
1912
1887
  "dropdown": {
1913
1888
  "text": {
1914
1889
  "font-size": {
1915
- "$value": "{sys.font-size.body-m}",
1890
+ "$value": "{sys.font-size.body}",
1916
1891
  "$type": "dimension"
1917
1892
  },
1918
1893
  "font-size-l": {
@@ -1938,7 +1913,7 @@
1938
1913
  },
1939
1914
  "item-container": {
1940
1915
  "y-padding": {
1941
- "$value": "{sys.space.4}",
1916
+ "$value": "{sys.space.inner-component}",
1942
1917
  "$type": "dimension"
1943
1918
  },
1944
1919
  "y-padding-l": {
@@ -1950,7 +1925,7 @@
1950
1925
  "$type": "dimension"
1951
1926
  },
1952
1927
  "x-padding": {
1953
- "$value": "{sys.space.8}",
1928
+ "$value": "{sys.space.component}",
1954
1929
  "$type": "dimension"
1955
1930
  },
1956
1931
  "x-padding-l": {
@@ -1968,17 +1943,17 @@
1968
1943
  }
1969
1944
  },
1970
1945
  "corner": {
1971
- "$value": "{sys.corner.regular}",
1946
+ "$value": "{sys.corner.component}",
1972
1947
  "$type": "borderRadius"
1973
1948
  }
1974
1949
  },
1975
1950
  "panel": {
1976
1951
  "x-padding": {
1977
- "$value": "{sys.space.base}",
1952
+ "$value": "{sys.space.mini}",
1978
1953
  "$type": "dimension"
1979
1954
  },
1980
1955
  "y-padding": {
1981
- "$value": "{sys.space.4}",
1956
+ "$value": "{sys.space.inner-component}",
1982
1957
  "$type": "dimension"
1983
1958
  },
1984
1959
  "min-width": {
@@ -2004,7 +1979,7 @@
2004
1979
  }
2005
1980
  },
2006
1981
  "margin": {
2007
- "$value": "{sys.space.8}",
1982
+ "$value": "{sys.space.inner-component}",
2008
1983
  "$type": "dimension"
2009
1984
  }
2010
1985
  },
@@ -2026,7 +2001,7 @@
2026
2001
  "$type": "dimension"
2027
2002
  },
2028
2003
  "color": {
2029
- "$value": "{sys.color.divider.weak}",
2004
+ "$value": "{com.button.text.color.filled}",
2030
2005
  "$type": "color"
2031
2006
  }
2032
2007
  },
@@ -2106,7 +2081,7 @@
2106
2081
  "form": {
2107
2082
  "label": {
2108
2083
  "font-size": {
2109
- "$value": "{sys.font-size.body-m}",
2084
+ "$value": "{sys.font-size.body}",
2110
2085
  "$type": "dimension"
2111
2086
  },
2112
2087
  "font-size-l": {
@@ -2124,7 +2099,7 @@
2124
2099
  },
2125
2100
  "item": {
2126
2101
  "gap": {
2127
- "$value": "{sys.space.24}",
2102
+ "$value": "{sys.space.layout}",
2128
2103
  "$type": "dimension"
2129
2104
  },
2130
2105
  "gap-l": {
@@ -2196,37 +2171,41 @@
2196
2171
  "input": {
2197
2172
  "container": {
2198
2173
  "color": {
2199
- "$value": "{sys.color.white}",
2200
- "$type": "color",
2201
- "": {
2202
- "color": {
2174
+ "regular": {
2175
+ "$type": "color",
2176
+ "$value": "{sys.color.white}"
2177
+ },
2178
+ "disable": {
2179
+ "$value": "{sys.color.bg-state.forbidden}",
2180
+ "$type": "color"
2181
+ }
2182
+ },
2183
+ "border": {
2184
+ "color": {
2185
+ "regular": {
2203
2186
  "$value": "{sys.color.border.input}",
2204
2187
  "$type": "color"
2205
2188
  },
2206
- "color-hover": {
2207
- "$value": "{sys.color.neutral}",
2189
+ "disable": {
2190
+ "$value": "{sys.color.border.input-disable}",
2208
2191
  "$type": "color"
2209
2192
  },
2210
- "color-focuse": {
2193
+ "hover": {
2211
2194
  "$value": "{sys.color.brand}",
2212
2195
  "$type": "color"
2213
2196
  },
2214
- "color-error": {
2215
- "$value": "{sys.color.error}",
2197
+ "focus": {
2198
+ "$value": "{sys.color.brand}",
2216
2199
  "$type": "color"
2217
2200
  },
2218
- "color-disable": {
2219
- "$value": "{sys.color.border.input-disable}",
2201
+ "error": {
2202
+ "$value": "{sys.color.error}",
2220
2203
  "$type": "color"
2221
2204
  }
2222
2205
  }
2223
2206
  },
2224
- "color-disable": {
2225
- "$value": "{sys.color.bg-state.forbidden}",
2226
- "$type": "color"
2227
- },
2228
2207
  "height": {
2229
- "$value": "{sys.size.row-height.m}",
2208
+ "$value": "{sys.size.row-height.regular}",
2230
2209
  "$type": "dimension"
2231
2210
  },
2232
2211
  "height-l": {
@@ -2238,32 +2217,12 @@
2238
2217
  "$type": "dimension"
2239
2218
  },
2240
2219
  "x-padding": {
2241
- "$value": "{sys.space.8}",
2220
+ "$value": "{sys.space.inner-component}",
2242
2221
  "$type": "dimension"
2243
2222
  },
2244
2223
  "width": {
2245
2224
  "$value": "100%",
2246
2225
  "$type": "dimension"
2247
- },
2248
- "color-border": {
2249
- "$value": "{sys.color.border.input}",
2250
- "$type": "color"
2251
- },
2252
- "color-border-hover": {
2253
- "$value": "{sys.color.brand}",
2254
- "$type": "color"
2255
- },
2256
- "color-border-focuse": {
2257
- "$value": "{sys.color.brand}",
2258
- "$type": "color"
2259
- },
2260
- "color-border-error": {
2261
- "$value": "{sys.color.error}",
2262
- "$type": "color"
2263
- },
2264
- "color-border-disable": {
2265
- "$value": "{sys.color.border.input-disable}",
2266
- "$type": "color"
2267
2226
  }
2268
2227
  },
2269
2228
  "input-text": {
@@ -2276,7 +2235,7 @@
2276
2235
  "$type": "color"
2277
2236
  },
2278
2237
  "font-size": {
2279
- "$value": "{sys.font-size.body-m}",
2238
+ "$value": "{sys.font-size.body}",
2280
2239
  "$type": "dimension"
2281
2240
  },
2282
2241
  "font-size-l": {
@@ -2440,15 +2399,15 @@
2440
2399
  },
2441
2400
  "space": {
2442
2401
  "between-supporting-icon-and-supporting-text": {
2443
- "$value": "{sys.space.4}",
2402
+ "$value": "{sys.space.inner-component}",
2444
2403
  "$type": "dimension"
2445
2404
  },
2446
2405
  "tag-gap": {
2447
- "$value": "{sys.space.4}",
2406
+ "$value": "{sys.space.inner-component}",
2448
2407
  "$type": "dimension"
2449
2408
  },
2450
2409
  "icon-and-input-text": {
2451
- "$value": "{sys.space.8}",
2410
+ "$value": "{sys.space.inner-component}",
2452
2411
  "$type": "dimension"
2453
2412
  }
2454
2413
  }
@@ -2478,7 +2437,7 @@
2478
2437
  },
2479
2438
  "affix-container": {
2480
2439
  "color": {
2481
- "$value": "{sys.color.bg.neutral-weaker}",
2440
+ "$value": "{sys.color.bg.neutral-strong}",
2482
2441
  "$type": "color"
2483
2442
  },
2484
2443
  "height": {
@@ -2494,11 +2453,11 @@
2494
2453
  "$type": "dimension"
2495
2454
  },
2496
2455
  "x-padding": {
2497
- "$value": "{sys.space.8}",
2456
+ "$value": "{sys.space.inner-component}",
2498
2457
  "$type": "dimension"
2499
2458
  },
2500
2459
  "color-border": {
2501
- "$value": "{com.input.container.color-border}",
2460
+ "$value": "{com.input.container.border.color.regular}",
2502
2461
  "$type": "color"
2503
2462
  },
2504
2463
  "corner": {
@@ -2528,20 +2487,6 @@
2528
2487
  }
2529
2488
  },
2530
2489
  "input-number": {
2531
- "operation-button-container-down": {
2532
- "height": {
2533
- "$value": "({com.input.container.height}-2px)/2",
2534
- "$type": "dimension"
2535
- },
2536
- "height-l": {
2537
- "$value": "({com.input.container.height-l}-2px)/2",
2538
- "$type": "dimension"
2539
- },
2540
- "height-s": {
2541
- "$value": "({com.input.container.height-s}-2px)/2",
2542
- "$type": "dimension"
2543
- }
2544
- },
2545
2490
  "operation-button-container": {
2546
2491
  "color-hover": {
2547
2492
  "$value": "{sys.color.bg-state.brand.hover-opacity}",
@@ -2560,15 +2505,15 @@
2560
2505
  "$type": "color"
2561
2506
  },
2562
2507
  "color-border-disable": {
2563
- "$value": "{com.input.container.color-border-disable}",
2508
+ "$value": "{com.input.container.border.color.disable}",
2564
2509
  "$type": "color"
2565
2510
  },
2566
2511
  "color-border": {
2567
- "$value": "{com.input.container.color-border}",
2512
+ "$value": "{com.input.container.border.color.regular}",
2568
2513
  "$type": "color"
2569
2514
  },
2570
2515
  "x-padding": {
2571
- "$value": "{sys.space.8}",
2516
+ "$value": "{sys.space.inner-component}",
2572
2517
  "$type": "dimension"
2573
2518
  },
2574
2519
  "y-axis": {
@@ -2586,6 +2531,30 @@
2586
2531
  "$value": 0,
2587
2532
  "$type": "borderRadius"
2588
2533
  }
2534
+ },
2535
+ "height": {
2536
+ "$value": "({com.input.container.height}-2px)/2",
2537
+ "$type": "dimension"
2538
+ },
2539
+ "height-l": {
2540
+ "$value": "({com.input.container.height-l}-2px)/2",
2541
+ "$type": "dimension"
2542
+ },
2543
+ "height-s": {
2544
+ "$value": "({com.input.container.height-s}-2px)/2",
2545
+ "$type": "dimension"
2546
+ },
2547
+ "width": {
2548
+ "$value": "({com.input.container.height}-2px)",
2549
+ "$type": "dimension"
2550
+ },
2551
+ "width-l": {
2552
+ "$value": "({com.input.container.height-l}-2px)",
2553
+ "$type": "dimension"
2554
+ },
2555
+ "width-s": {
2556
+ "$value": "({com.input.container.height-s}-2px)",
2557
+ "$type": "dimension"
2589
2558
  }
2590
2559
  },
2591
2560
  "operation-icon": {
@@ -2604,11 +2573,11 @@
2604
2573
  },
2605
2574
  "border-between-operation-button": {
2606
2575
  "color": {
2607
- "$value": "{com.input.container.color-border}",
2576
+ "$value": "{com.input.container.border.color.regular}",
2608
2577
  "$type": "color"
2609
2578
  },
2610
2579
  "color-disable": {
2611
- "$value": "{com.input.container.color-border-disable}",
2580
+ "$value": "{com.input.container.border.color.disable}",
2612
2581
  "$type": "color"
2613
2582
  }
2614
2583
  },
@@ -2623,26 +2592,12 @@
2623
2592
  "$value": "{com.input.container.x-padding}",
2624
2593
  "$type": "dimension"
2625
2594
  }
2626
- },
2627
- "operation-button-container-up": {
2628
- "height": {
2629
- "$value": "14px",
2630
- "$type": "dimension"
2631
- },
2632
- "height-l": {
2633
- "$value": "18px",
2634
- "$type": "dimension"
2635
- },
2636
- "height-s": {
2637
- "$value": "10px",
2638
- "$type": "dimension"
2639
- }
2640
2595
  }
2641
2596
  },
2642
2597
  "link": {
2643
2598
  "text": {
2644
2599
  "font-size": {
2645
- "$value": "{sys.font-size.body-m}",
2600
+ "$value": "{sys.font-size.body}",
2646
2601
  "$type": "dimension"
2647
2602
  },
2648
2603
  "font-size-s": {
@@ -2737,7 +2692,7 @@
2737
2692
  }
2738
2693
  },
2739
2694
  "space-between-icon-and-text": {
2740
- "$value": "{sys.space.4}",
2695
+ "$value": "{sys.space.inner-component}",
2741
2696
  "$type": "dimension"
2742
2697
  },
2743
2698
  "icon": {
@@ -2806,15 +2761,15 @@
2806
2761
  "$type": "dimension"
2807
2762
  },
2808
2763
  "x-padding": {
2809
- "$value": "{sys.space.12}",
2764
+ "$value": "{sys.space.mini}*3",
2810
2765
  "$type": "dimension"
2811
2766
  },
2812
2767
  "y-padding": {
2813
- "$value": "{sys.space.8}",
2768
+ "$value": "{sys.space.inner-component}",
2814
2769
  "$type": "dimension"
2815
2770
  },
2816
2771
  "corner": {
2817
- "$value": "{sys.corner.regular}",
2772
+ "$value": "{sys.corner.component}",
2818
2773
  "$type": "borderRadius"
2819
2774
  },
2820
2775
  "color": {
@@ -2866,7 +2821,7 @@
2866
2821
  },
2867
2822
  "text": {
2868
2823
  "font-size": {
2869
- "$value": "{sys.font-size.body-m}",
2824
+ "$value": "{sys.font-size.body}",
2870
2825
  "$type": "dimension"
2871
2826
  },
2872
2827
  "color": {
@@ -2964,11 +2919,7 @@
2964
2919
  "messagebox": {
2965
2920
  "container": {
2966
2921
  "width": {
2967
- "$value": "960px",
2968
- "$type": "dimension"
2969
- },
2970
- "min-height": {
2971
- "$value": "480px",
2922
+ "$value": "720px",
2972
2923
  "$type": "dimension"
2973
2924
  },
2974
2925
  "color": {
@@ -2990,7 +2941,7 @@
2990
2941
  "$type": "dimension"
2991
2942
  },
2992
2943
  "corner": {
2993
- "$value": "{sys.corner.regular} *2",
2944
+ "$value": "{sys.corner.component} *2",
2994
2945
  "$type": "borderRadius"
2995
2946
  }
2996
2947
  },
@@ -3001,12 +2952,12 @@
3001
2952
  },
3002
2953
  "border-bottom": {
3003
2954
  "color": {
3004
- "$value": "{sys.color.divider.weak}",
2955
+ "$value": "{sys.color.divider.regular}",
3005
2956
  "$type": "color"
3006
2957
  }
3007
2958
  },
3008
2959
  "x-padding": {
3009
- "$value": "{sys.space.24}",
2960
+ "$value": "{sys.space.layout}",
3010
2961
  "$type": "dimension"
3011
2962
  }
3012
2963
  },
@@ -3016,27 +2967,27 @@
3016
2967
  "$type": "dimension"
3017
2968
  },
3018
2969
  "x-padding": {
3019
- "$value": "{sys.space.24}",
2970
+ "$value": "{sys.space.layout}",
3020
2971
  "$type": "dimension"
3021
2972
  },
3022
2973
  "y-padding": {
3023
- "$value": "{sys.space.20}",
2974
+ "$value": "{sys.space.mini}*5",
3024
2975
  "$type": "dimension"
3025
2976
  }
3026
2977
  },
3027
2978
  "button-container": {
3028
2979
  "border-top": {
3029
2980
  "color": {
3030
- "$value": "{com.messagebox.container.color}",
2981
+ "$value": "{sys.color.divider.regular}",
3031
2982
  "$type": "color"
3032
2983
  }
3033
2984
  },
3034
2985
  "x-padding": {
3035
- "$value": "{sys.space.24}",
2986
+ "$value": "{sys.space.inner-component}",
3036
2987
  "$type": "dimension"
3037
2988
  },
3038
2989
  "y-padding": {
3039
- "$value": "{sys.space.24}",
2990
+ "$value": "{sys.space.component}",
3040
2991
  "$type": "dimension"
3041
2992
  }
3042
2993
  },
@@ -3073,11 +3024,11 @@
3073
3024
  }
3074
3025
  },
3075
3026
  "space-title-and-operation-icon-gap": {
3076
- "$value": "{sys.space.8}",
3027
+ "$value": "{sys.space.inner-component}",
3077
3028
  "$type": "dimension"
3078
3029
  },
3079
3030
  "space-button-gap": {
3080
- "$value": "{sys.space.12}",
3031
+ "$value": "{sys.space.mini}*3",
3081
3032
  "$type": "dimension"
3082
3033
  }
3083
3034
  },
@@ -3088,15 +3039,15 @@
3088
3039
  "$type": "dimension"
3089
3040
  },
3090
3041
  "x-padding": {
3091
- "$value": "{sys.space.12}",
3042
+ "$value": "{sys.space.mini}*3",
3092
3043
  "$type": "dimension"
3093
3044
  },
3094
3045
  "y-padding": {
3095
- "$value": "{sys.space.12}",
3046
+ "$value": "{sys.space.mini}*3",
3096
3047
  "$type": "dimension"
3097
3048
  },
3098
3049
  "corner": {
3099
- "$value": "{sys.corner.regular}",
3050
+ "$value": "{sys.corner.component}",
3100
3051
  "$type": "borderRadius"
3101
3052
  },
3102
3053
  "color": {
@@ -3158,7 +3109,7 @@
3158
3109
  },
3159
3110
  "description-text": {
3160
3111
  "font-size": {
3161
- "$value": "{sys.font-size.body-m}",
3112
+ "$value": "{sys.font-size.body}",
3162
3113
  "$type": "dimension"
3163
3114
  },
3164
3115
  "color": {
@@ -3188,12 +3139,12 @@
3188
3139
  "$type": "color"
3189
3140
  },
3190
3141
  "left-margin": {
3191
- "$value": "{sys.space.8}",
3142
+ "$value": "{sys.space.inner-component}",
3192
3143
  "$type": "dimension"
3193
3144
  }
3194
3145
  },
3195
3146
  "space-tip-icon-and-text-gap": {
3196
- "$value": "{sys.space.8}",
3147
+ "$value": "{sys.space.inner-component}",
3197
3148
  "$type": "dimension"
3198
3149
  }
3199
3150
  },
@@ -3214,9 +3165,9 @@
3214
3165
  }
3215
3166
  },
3216
3167
  "pagination": {
3217
- "number-button-container": {
3168
+ "button-container": {
3218
3169
  "min-size": {
3219
- "$value": "{sys.size.row-height.m}",
3170
+ "$value": "{sys.size.row-height.regular}",
3220
3171
  "$type": "dimension"
3221
3172
  },
3222
3173
  "min-size-l": {
@@ -3228,15 +3179,15 @@
3228
3179
  "$type": "dimension"
3229
3180
  },
3230
3181
  "x-padding": {
3231
- "$value": "{sys.space.8}",
3182
+ "$value": "{sys.space.inner-component}",
3232
3183
  "$type": "dimension"
3233
3184
  },
3234
3185
  "x-padding-l": {
3235
- "$value": "{sys.space.12}",
3186
+ "$value": "{sys.space.mini}*3",
3236
3187
  "$type": "dimension"
3237
3188
  },
3238
3189
  "x-padding-s": {
3239
- "$value": "{sys.space.4}",
3190
+ "$value": "{sys.space.inner-component}",
3240
3191
  "$type": "dimension"
3241
3192
  },
3242
3193
  "color": {
@@ -3273,48 +3224,94 @@
3273
3224
  "$value": "{sys.color.white}",
3274
3225
  "$type": "color"
3275
3226
  },
3227
+ "outline-disable": {
3228
+ "$type": "color",
3229
+ "$value": "{sys.color.bg-state.neutral.disable}"
3230
+ },
3276
3231
  "text": {
3277
- "$value": "{sys.color.white}",
3232
+ "$value": "{sys.color.transparent}",
3278
3233
  "$type": "color"
3279
3234
  },
3280
3235
  "text-hover": {
3281
- "$value": "{sys.color.bg-state.brand.hover-opacity}",
3236
+ "$value": "{sys.color.transparent}",
3282
3237
  "$type": "color"
3283
3238
  },
3284
3239
  "text-press": {
3285
- "$value": "{sys.color.bg-state.brand.press-opacity}",
3240
+ "$value": "{sys.color.transparent}",
3286
3241
  "$type": "color"
3287
3242
  },
3288
3243
  "text-selected": {
3289
- "$value": "{sys.color.white}",
3244
+ "$value": "{sys.color.transparent}",
3290
3245
  "$type": "color"
3291
3246
  },
3292
- "disable": {
3293
- "$value": "{sys.color.bg-state.forbidden}",
3247
+ "text-disable": {
3248
+ "$value": "{sys.color.transparent}",
3294
3249
  "$type": "color"
3295
3250
  }
3296
3251
  },
3297
3252
  "border": {
3298
- "$value": "{sys.color.border.input}",
3299
- "$type": "color"
3300
- },
3301
- "border-text": {
3302
- "$value": "{sys.color.border.input}",
3303
- "$type": "color"
3304
- },
3305
- "border-selected": {
3306
- "$value": "{sys.color.border.brand-weak}",
3307
- "$type": "color"
3308
- },
3309
- "border-disable": {
3310
- "$value": "{sys.color.border.input-disable}",
3311
- "$type": "color"
3253
+ "ghost": {
3254
+ "$type": "color",
3255
+ "$value": "{sys.color.bg-state.brand.hover-opacity}"
3256
+ },
3257
+ "ghost-hover": {
3258
+ "$type": "color",
3259
+ "$value": "{sys.color.bg-state.brand.hover-weak}"
3260
+ },
3261
+ "ghost-press": {
3262
+ "$type": "color",
3263
+ "$value": "{sys.color.bg-state.brand.press-weak}"
3264
+ },
3265
+ "ghost-selected": {
3266
+ "$type": "color",
3267
+ "$value": "{sys.color.bg-state.brand.hover-opacity}"
3268
+ },
3269
+ "outline": {
3270
+ "$type": "color",
3271
+ "$value": "{sys.color.bg-state.brand.hover-weak}"
3272
+ },
3273
+ "outline-hover": {
3274
+ "$type": "color",
3275
+ "$value": "{sys.color.bg-state.brand.hover-weak}"
3276
+ },
3277
+ "outline-press": {
3278
+ "$type": "color",
3279
+ "$value": "{sys.color.bg-state.brand.press-weak}"
3280
+ },
3281
+ "outline-selected": {
3282
+ "$type": "color",
3283
+ "$value": "{sys.color.border.brand}"
3284
+ },
3285
+ "outline-disable": {
3286
+ "$type": "color",
3287
+ "$value": "{sys.color.border.neutral-disable}"
3288
+ },
3289
+ "text": {
3290
+ "$type": "color",
3291
+ "$value": "{sys.color.transparent}"
3292
+ },
3293
+ "text-hover": {
3294
+ "$type": "color",
3295
+ "$value": "{sys.color.transparent}"
3296
+ },
3297
+ "text-press": {
3298
+ "$type": "color",
3299
+ "$value": "{sys.color.transparent}"
3300
+ },
3301
+ "text-selected": {
3302
+ "$type": "color",
3303
+ "$value": "{sys.color.transparent}"
3304
+ },
3305
+ "text-disable": {
3306
+ "$type": "color",
3307
+ "$value": "{sys.color.transparent}"
3308
+ }
3312
3309
  }
3313
3310
  }
3314
3311
  },
3315
3312
  "text": {
3316
3313
  "font-size": {
3317
- "$value": "{sys.font-size.body-m}",
3314
+ "$value": "{sys.font-size.body}",
3318
3315
  "$type": "dimension"
3319
3316
  },
3320
3317
  "font-size-l": {
@@ -3326,24 +3323,58 @@
3326
3323
  "$type": "dimension"
3327
3324
  },
3328
3325
  "color": {
3329
- "$value": "{sys.color.content.secondary}",
3330
- "$type": "color"
3331
- },
3332
- "color-hover": {
3333
- "$value": "{sys.color.brand}",
3334
- "$type": "color"
3335
- },
3336
- "color-press": {
3337
- "$value": "{com.pagination.text.color-hover}",
3338
- "$type": "color"
3339
- },
3340
- "color-selected": {
3341
- "$value": "{com.pagination.text.color-hover}",
3342
- "$type": "color"
3343
- },
3344
- "color-disable": {
3345
- "$value": "{sys.color.content-state.neutral-disable}",
3346
- "$type": "color"
3326
+ "ghost": {
3327
+ "$type": "color",
3328
+ "$value": "{sys.color.content.brand}"
3329
+ },
3330
+ "ghost-hover": {
3331
+ "$type": "color",
3332
+ "$value": "{sys.color.content-state.brand-hover}"
3333
+ },
3334
+ "ghost-press": {
3335
+ "$type": "color",
3336
+ "$value": "{sys.color.content-state.brand-press}"
3337
+ },
3338
+ "ghost-selected": {
3339
+ "$type": "color",
3340
+ "$value": "{sys.color.content-state.brand-visited}"
3341
+ },
3342
+ "outline": {
3343
+ "$type": "color",
3344
+ "$value": "{com.pagination.text.color.ghost}"
3345
+ },
3346
+ "outline-hover": {
3347
+ "$type": "color",
3348
+ "$value": "{com.pagination.text.color.ghost-hover}"
3349
+ },
3350
+ "outline-press": {
3351
+ "$type": "color",
3352
+ "$value": "{com.pagination.text.color.ghost-press}"
3353
+ },
3354
+ "outline-selected": {
3355
+ "$type": "color",
3356
+ "$value": "{com.pagination.text.color.ghost-selected}"
3357
+ },
3358
+ "text": {
3359
+ "$type": "color",
3360
+ "$value": "{com.pagination.text.color.ghost}"
3361
+ },
3362
+ "text-hover": {
3363
+ "$type": "color",
3364
+ "$value": "{com.pagination.text.color.ghost-hover}"
3365
+ },
3366
+ "text-press": {
3367
+ "$type": "color",
3368
+ "$value": "{com.pagination.text.color.ghost-press}"
3369
+ },
3370
+ "text-selected": {
3371
+ "$type": "color",
3372
+ "$value": "{com.pagination.text.color.ghost-selected}"
3373
+ },
3374
+ "text-disable": {
3375
+ "$type": "color",
3376
+ "$value": "{sys.color.content-state.neutral-disable}"
3377
+ }
3347
3378
  }
3348
3379
  },
3349
3380
  "icon": {
@@ -3358,27 +3389,19 @@
3358
3389
  "size-s": {
3359
3390
  "$value": "{sys.size.element.m.12}",
3360
3391
  "$type": "dimension"
3361
- },
3362
- "color": {
3363
- "$value": "{sys.color.content.assist}",
3364
- "$type": "color"
3365
- },
3366
- "color-disable": {
3367
- "$value": "{com.pagination.text.color-disable}",
3368
- "$type": "color"
3369
3392
  }
3370
3393
  },
3371
3394
  "space": {
3372
- "number-button-gap": {
3373
- "$value": "{sys.space.8}",
3395
+ "button-gap": {
3396
+ "$value": "{sys.space.inner-component}",
3374
3397
  "$type": "dimension"
3375
3398
  },
3376
3399
  "element-gap": {
3377
- "$value": "{sys.space.16}",
3400
+ "$value": "{sys.space.component}",
3378
3401
  "$type": "dimension"
3379
3402
  },
3380
3403
  "skip-area-text-and-input-gap": {
3381
- "$value": "{sys.space.8}",
3404
+ "$value": "{sys.space.inner-component}",
3382
3405
  "$type": "dimension"
3383
3406
  }
3384
3407
  }
@@ -3390,12 +3413,12 @@
3390
3413
  "$type": "dimension"
3391
3414
  },
3392
3415
  "corner": {
3393
- "$value": "{sys.corner.regular}",
3416
+ "$value": "{sys.corner.component}",
3394
3417
  "$type": "borderRadius"
3395
3418
  },
3396
3419
  "space": {
3397
3420
  "padding": {
3398
- "$value": "{sys.space.12}",
3421
+ "$value": "{sys.space.mini}*3",
3399
3422
  "$type": "dimension"
3400
3423
  }
3401
3424
  },
@@ -3468,13 +3491,13 @@
3468
3491
  }
3469
3492
  },
3470
3493
  "right-margin": {
3471
- "$value": "{sys.space.4}",
3494
+ "$value": "{sys.space.inner-component}",
3472
3495
  "$type": "dimension"
3473
3496
  }
3474
3497
  },
3475
3498
  "text": {
3476
3499
  "font-size": {
3477
- "$value": "{sys.font-size.body-m}",
3500
+ "$value": "{sys.font-size.body}",
3478
3501
  "$type": "dimension"
3479
3502
  },
3480
3503
  "color": {
@@ -3484,12 +3507,12 @@
3484
3507
  },
3485
3508
  "button": {
3486
3509
  "top-margin": {
3487
- "$value": "{sys.space.8}",
3510
+ "$value": "{sys.space.inner-component}",
3488
3511
  "$type": "dimension"
3489
3512
  }
3490
3513
  },
3491
3514
  "space-button-gap": {
3492
- "$value": "{sys.space.8}",
3515
+ "$value": "{sys.space.inner-component}",
3493
3516
  "$type": "dimension"
3494
3517
  }
3495
3518
  },
@@ -3578,11 +3601,11 @@
3578
3601
  },
3579
3602
  "space": {
3580
3603
  "bottom-bar-and-icon-gap": {
3581
- "$value": "{sys.space.8}",
3604
+ "$value": "{sys.space.inner-component}",
3582
3605
  "$type": "dimension"
3583
3606
  },
3584
3607
  "bottom-bar-and-text-gap": {
3585
- "$value": "{sys.space.8}",
3608
+ "$value": "{sys.space.inner-component}",
3586
3609
  "$type": "dimension"
3587
3610
  }
3588
3611
  },
@@ -3630,11 +3653,11 @@
3630
3653
  },
3631
3654
  "text": {
3632
3655
  "font-size": {
3633
- "$value": "{sys.font-size.body-l}",
3656
+ "$value": "{sys.font-size.body}",
3634
3657
  "$type": "dimension"
3635
3658
  },
3636
3659
  "font-size-l": {
3637
- "$value": "{sys.font-size.label-m}",
3660
+ "$value": "{sys.font-size.body-l}",
3638
3661
  "$type": "dimension"
3639
3662
  },
3640
3663
  "font-size-s": {
@@ -3728,7 +3751,7 @@
3728
3751
  "$type": "dimension"
3729
3752
  },
3730
3753
  "font-size-l": {
3731
- "$value": "{sys.font-size.body-m}",
3754
+ "$value": "{sys.font-size.body}",
3732
3755
  "$type": "dimension"
3733
3756
  },
3734
3757
  "font-size-s": {
@@ -3774,7 +3797,7 @@
3774
3797
  },
3775
3798
  "button-container": {
3776
3799
  "height": {
3777
- "$value": "{sys.size.row-height.m}",
3800
+ "$value": "{sys.size.row-height.regular}",
3778
3801
  "$type": "dimension"
3779
3802
  },
3780
3803
  "height-l": {
@@ -3786,15 +3809,15 @@
3786
3809
  "$type": "dimension"
3787
3810
  },
3788
3811
  "x-padding": {
3789
- "$value": "{sys.space.16}",
3812
+ "$value": "{sys.space.component}",
3790
3813
  "$type": "dimension"
3791
3814
  },
3792
3815
  "x-padding-l": {
3793
- "$value": "{sys.space.20}",
3816
+ "$value": "{sys.space.mini}*5",
3794
3817
  "$type": "dimension"
3795
3818
  },
3796
3819
  "x-padding-s": {
3797
- "$value": "{sys.space.12}",
3820
+ "$value": "{sys.space.mini}*3",
3798
3821
  "$type": "dimension"
3799
3822
  },
3800
3823
  "color": {
@@ -3847,15 +3870,15 @@
3847
3870
  "$type": "color"
3848
3871
  },
3849
3872
  "border-hover": {
3850
- "$value": "{sys.color.border.brand-weak}",
3873
+ "$value": "{sys.color.border.brand}",
3851
3874
  "$type": "color"
3852
3875
  },
3853
3876
  "border-selected": {
3854
- "$value": "{sys.color.border.brand-weak}",
3877
+ "$value": "{sys.color.border.brand}",
3855
3878
  "$type": "color"
3856
3879
  },
3857
3880
  "border-press": {
3858
- "$value": "{sys.color.border.brand-weak}",
3881
+ "$value": "{sys.color.border.brand}",
3859
3882
  "$type": "color"
3860
3883
  },
3861
3884
  "border-selected-disable": {
@@ -3876,7 +3899,7 @@
3876
3899
  },
3877
3900
  "border-between-button": {
3878
3901
  "height": {
3879
- "$value": "{sys.size.row-height.m}-2px",
3902
+ "$value": "{sys.size.row-height.regular}-2px",
3880
3903
  "$type": "dimension"
3881
3904
  },
3882
3905
  "height-l": {
@@ -3910,11 +3933,11 @@
3910
3933
  },
3911
3934
  "space": {
3912
3935
  "icon-and-text-gap": {
3913
- "$value": "{sys.space.8}",
3936
+ "$value": "{sys.space.inner-component}",
3914
3937
  "$type": "dimension"
3915
3938
  },
3916
3939
  "radio-gap": {
3917
- "$value": "{sys.space.24}",
3940
+ "$value": "{sys.space.layout}",
3918
3941
  "$type": "dimension"
3919
3942
  },
3920
3943
  "radio-gap-l": {
@@ -3994,7 +4017,7 @@
3994
4017
  "select": {
3995
4018
  "selector-container": {
3996
4019
  "x-padding": {
3997
- "$value": "{sys.space.8}",
4020
+ "$value": "{sys.space.inner-component}",
3998
4021
  "$type": "dimension"
3999
4022
  },
4000
4023
  "height": {
@@ -4027,7 +4050,7 @@
4027
4050
  "$type": "color"
4028
4051
  },
4029
4052
  "border-hover": {
4030
- "$value": "{sys.color.border.neutral-weak}",
4053
+ "$value": "{sys.color.border.neutral}",
4031
4054
  "$type": "color"
4032
4055
  },
4033
4056
  "border-error": {
@@ -4094,7 +4117,7 @@
4094
4117
  },
4095
4118
  "arrow-icon": {
4096
4119
  "left-margin": {
4097
- "$value": "{sys.space.8}",
4120
+ "$value": "{sys.space.inner-component}",
4098
4121
  "$type": "dimension"
4099
4122
  }
4100
4123
  },
@@ -4130,7 +4153,7 @@
4130
4153
  },
4131
4154
  "option-container": {
4132
4155
  "y-padding": {
4133
- "$value": "{sys.space.4}",
4156
+ "$value": "{sys.space.inner-component}",
4134
4157
  "$type": "dimension"
4135
4158
  },
4136
4159
  "y-padding-l": {
@@ -4142,7 +4165,7 @@
4142
4165
  "$type": "dimension"
4143
4166
  },
4144
4167
  "x-padding": {
4145
- "$value": "{sys.space.8}",
4168
+ "$value": "{sys.space.inner-component}",
4146
4169
  "$type": "dimension"
4147
4170
  },
4148
4171
  "x-padding-l": {
@@ -4166,15 +4189,11 @@
4166
4189
  },
4167
4190
  "panel": {
4168
4191
  "x-padding": {
4169
- "$value": "{sys.space.8}",
4192
+ "$value": "0px",
4170
4193
  "$type": "dimension"
4171
4194
  },
4172
4195
  "y-padding": {
4173
- "$value": "{sys.space.8}",
4174
- "$type": "dimension"
4175
- },
4176
- "top-margin": {
4177
- "$value": "{sys.space.8}",
4196
+ "$value": "{sys.space.inner-component}",
4178
4197
  "$type": "dimension"
4179
4198
  },
4180
4199
  "shadow": {
@@ -4192,7 +4211,7 @@
4192
4211
  },
4193
4212
  "tag": {
4194
4213
  "gap": {
4195
- "$value": "{sys.space.4}",
4214
+ "$value": "{sys.space.inner-component}",
4196
4215
  "$type": "dimension"
4197
4216
  }
4198
4217
  },
@@ -4228,7 +4247,7 @@
4228
4247
  "$type": "dimension"
4229
4248
  },
4230
4249
  "color": {
4231
- "$value": "{sys.color.divider.weak}",
4250
+ "$value": "{sys.color.divider.regular}",
4232
4251
  "$type": "color"
4233
4252
  }
4234
4253
  }
@@ -4318,11 +4337,11 @@
4318
4337
  },
4319
4338
  "text-container": {
4320
4339
  "top-padding": {
4321
- "$value": "{sys.space.8}",
4340
+ "$value": "{sys.space.inner-component}",
4322
4341
  "$type": "dimension"
4323
4342
  },
4324
4343
  "x-padding": {
4325
- "$value": "{sys.space.4}",
4344
+ "$value": "{sys.space.inner-component}",
4326
4345
  "$type": "dimension"
4327
4346
  }
4328
4347
  },
@@ -4345,7 +4364,7 @@
4345
4364
  "$type": "color"
4346
4365
  },
4347
4366
  "border": {
4348
- "$value": "{sys.color.border.neutral-weak}",
4367
+ "$value": "{sys.color.border.neutral}",
4349
4368
  "$type": "color"
4350
4369
  },
4351
4370
  "border-disable": {
@@ -4372,7 +4391,7 @@
4372
4391
  },
4373
4392
  "inputnumber": {
4374
4393
  "left-margin": {
4375
- "$value": "{sys.space.16}",
4394
+ "$value": "{sys.space.component}",
4376
4395
  "$type": "dimension"
4377
4396
  }
4378
4397
  }
@@ -4454,7 +4473,7 @@
4454
4473
  "$type": "dimension"
4455
4474
  },
4456
4475
  "left-padding": {
4457
- "$value": "{sys.space.8}",
4476
+ "$value": "{sys.space.inner-component}",
4458
4477
  "$type": "dimension"
4459
4478
  }
4460
4479
  },
@@ -4464,7 +4483,7 @@
4464
4483
  "$type": "dimension"
4465
4484
  },
4466
4485
  "left-padding": {
4467
- "$value": "{sys.space.8}",
4486
+ "$value": "{sys.space.inner-component}",
4468
4487
  "$type": "dimension"
4469
4488
  }
4470
4489
  },
@@ -4504,11 +4523,11 @@
4504
4523
  "steps-center": {
4505
4524
  "title-container": {
4506
4525
  "top-margin": {
4507
- "$value": "{sys.space.8}",
4526
+ "$value": "{sys.space.inner-component}",
4508
4527
  "$type": "dimension"
4509
4528
  },
4510
4529
  "x-padding": {
4511
- "$value": "{sys.space.8}",
4530
+ "$value": "{sys.space.inner-component}",
4512
4531
  "$type": "dimension"
4513
4532
  }
4514
4533
  },
@@ -4578,11 +4597,11 @@
4578
4597
  "$type": "dimension"
4579
4598
  },
4580
4599
  "padding": {
4581
- "$value": "{sys.space.4}/2",
4600
+ "$value": "{sys.space.inner-component}/2",
4582
4601
  "$type": "dimension"
4583
4602
  },
4584
4603
  "color": {
4585
- "$value": "{sys.color.bg.brand-weak}",
4604
+ "$value": "{sys.color.bg.brand-strong}",
4586
4605
  "$type": "color"
4587
4606
  },
4588
4607
  "color-forbidden": {
@@ -4594,7 +4613,7 @@
4594
4613
  "$type": "color"
4595
4614
  },
4596
4615
  "color-disable": {
4597
- "$value": "{sys.color.bg.neutral-weak}",
4616
+ "$value": "{sys.color.bg-state.neutral.disable}",
4598
4617
  "$type": "color"
4599
4618
  },
4600
4619
  "corner": {
@@ -4624,11 +4643,11 @@
4624
4643
  "$type": "color"
4625
4644
  },
4626
4645
  "color-forbidden": {
4627
- "$value": "{sys.color.bg.brand-weak}",
4646
+ "$value": "{sys.color.bg.brand-strong}",
4628
4647
  "$type": "color"
4629
4648
  },
4630
4649
  "color-disable": {
4631
- "$value": "{sys.color.bg.neutral-weaker}",
4650
+ "$value": "{sys.color.bg.neutral-strong}",
4632
4651
  "$type": "color"
4633
4652
  }
4634
4653
  },
@@ -4652,7 +4671,7 @@
4652
4671
  },
4653
4672
  "content-container": {
4654
4673
  "x-padding": {
4655
- "$value": "{sys.space.4}",
4674
+ "$value": "{sys.space.inner-component}",
4656
4675
  "$type": "dimension"
4657
4676
  }
4658
4677
  },
@@ -4662,7 +4681,7 @@
4662
4681
  "$type": "dimension"
4663
4682
  },
4664
4683
  "font-size-l": {
4665
- "$value": "{sys.font-size.body-m}",
4684
+ "$value": "{sys.font-size.body}",
4666
4685
  "$type": "dimension"
4667
4686
  },
4668
4687
  "color": {
@@ -4678,7 +4697,7 @@
4678
4697
  "table": {
4679
4698
  "title": {
4680
4699
  "font-size": {
4681
- "$value": "{sys.font-size.body-m}",
4700
+ "$value": "{sys.font-size.body}",
4682
4701
  "$type": "dimension"
4683
4702
  },
4684
4703
  "font-size-l": {
@@ -4704,7 +4723,7 @@
4704
4723
  },
4705
4724
  "primary-text": {
4706
4725
  "font-size": {
4707
- "$value": "{sys.font-size.body-m}",
4726
+ "$value": "{sys.font-size.body}",
4708
4727
  "$type": "dimension"
4709
4728
  },
4710
4729
  "font-size-l": {
@@ -4726,20 +4745,20 @@
4726
4745
  },
4727
4746
  "item-container": {
4728
4747
  "x-padding": {
4729
- "$value": "{sys.space.12}",
4748
+ "$value": "{sys.space.mini}*3",
4730
4749
  "$type": "dimension"
4731
4750
  },
4732
4751
  "y-padding": {
4733
- "$value": "{sys.space.8}",
4752
+ "$value": "{sys.space.inner-component}",
4734
4753
  "$type": "dimension"
4735
4754
  },
4736
4755
  "color": {
4737
4756
  "border-near-inner-content": {
4738
- "$value": "{sys.color.divider.weak}",
4757
+ "$value": "{sys.color.divider.regular}",
4739
4758
  "$type": "color"
4740
4759
  },
4741
4760
  "bg-title": {
4742
- "$value": "{sys.color.bg.neutral-weaker}",
4761
+ "$value": "{sys.color.bg.neutral-strong}",
4743
4762
  "$type": "color"
4744
4763
  },
4745
4764
  "bg": {
@@ -4747,7 +4766,7 @@
4747
4766
  "$type": "color"
4748
4767
  },
4749
4768
  "bg-zebra-stripe": {
4750
- "$value": "{sys.color.bg.neutral-weaker}",
4769
+ "$value": "{sys.color.bg.neutral-strong}",
4751
4770
  "$type": "color"
4752
4771
  },
4753
4772
  "bg-hover": {
@@ -4774,11 +4793,11 @@
4774
4793
  "$type": "dimension"
4775
4794
  },
4776
4795
  "x-padding-s": {
4777
- "$value": "{sys.space.8}",
4796
+ "$value": "{sys.space.inner-component}",
4778
4797
  "$type": "dimension"
4779
4798
  },
4780
4799
  "x-padding-l": {
4781
- "$value": "{sys.space.16}",
4800
+ "$value": "{sys.space.component}",
4782
4801
  "$type": "dimension"
4783
4802
  }
4784
4803
  },
@@ -4822,7 +4841,7 @@
4822
4841
  "$type": "dimension"
4823
4842
  },
4824
4843
  "top-margin": {
4825
- "$value": "{sys.space.4}",
4844
+ "$value": "{sys.space.inner-component}",
4826
4845
  "$type": "dimension"
4827
4846
  },
4828
4847
  "color": {
@@ -4848,7 +4867,7 @@
4848
4867
  "$type": "dimension"
4849
4868
  },
4850
4869
  "right-margin": {
4851
- "$value": "{sys.space.8}",
4870
+ "$value": "{sys.space.inner-component}",
4852
4871
  "$type": "dimension"
4853
4872
  },
4854
4873
  "opacity": {
@@ -4860,19 +4879,19 @@
4860
4879
  },
4861
4880
  "item-element": {
4862
4881
  "gap": {
4863
- "$value": "{sys.space.8}",
4882
+ "$value": "{sys.space.inner-component}",
4864
4883
  "$type": "dimension"
4865
4884
  }
4866
4885
  },
4867
4886
  "container": {
4868
4887
  "color": {
4869
4888
  "border": {
4870
- "$value": "{sys.color.divider.weak}",
4889
+ "$value": "{sys.color.divider.regular}",
4871
4890
  "$type": "color"
4872
4891
  }
4873
4892
  },
4874
4893
  "corner": {
4875
- "$value": "{sys.corner.regular}*2",
4894
+ "$value": "{sys.corner.component}*2",
4876
4895
  "$type": "borderRadius"
4877
4896
  }
4878
4897
  },
@@ -4910,7 +4929,7 @@
4910
4929
  },
4911
4930
  "placeholder-container": {
4912
4931
  "padding": {
4913
- "$value": "{sys.space.24}",
4932
+ "$value": "{sys.space.layout}",
4914
4933
  "$type": "dimension"
4915
4934
  },
4916
4935
  "padding-l": {
@@ -4924,7 +4943,7 @@
4924
4943
  },
4925
4944
  "placeholder-element": {
4926
4945
  "gap": {
4927
- "$value": "{sys.space.8}",
4946
+ "$value": "{sys.space.inner-component}",
4928
4947
  "$type": "dimension"
4929
4948
  },
4930
4949
  "positon": {
@@ -4948,7 +4967,7 @@
4948
4967
  "$type": "dimension"
4949
4968
  },
4950
4969
  "right-margin": {
4951
- "$value": "{sys.space.4}",
4970
+ "$value": "{sys.space.inner-component}",
4952
4971
  "$type": "dimension"
4953
4972
  },
4954
4973
  "color": {
@@ -4970,7 +4989,7 @@
4970
4989
  },
4971
4990
  "text": {
4972
4991
  "font-size": {
4973
- "$value": "{sys.font-size.body-m}",
4992
+ "$value": "{sys.font-size.body}",
4974
4993
  "$type": "dimension"
4975
4994
  },
4976
4995
  "font-size-l": {
@@ -5018,7 +5037,7 @@
5018
5037
  "$type": "dimension"
5019
5038
  },
5020
5039
  "left-margin": {
5021
- "$value": "{sys.space.8}",
5040
+ "$value": "{sys.space.inner-component}",
5022
5041
  "$type": "dimension"
5023
5042
  },
5024
5043
  "color": {
@@ -5026,11 +5045,11 @@
5026
5045
  "$type": "color"
5027
5046
  },
5028
5047
  "color-active": {
5029
- "$value": "{sys.color.content.brand-weak}",
5048
+ "$value": "{sys.color.content.brand}",
5030
5049
  "$type": "color"
5031
5050
  },
5032
5051
  "color-selected": {
5033
- "$value": "{sys.color.content.brand-weak}",
5052
+ "$value": "{sys.color.content.brand}",
5034
5053
  "$type": "color"
5035
5054
  },
5036
5055
  "color-hover": {
@@ -5044,11 +5063,11 @@
5044
5063
  },
5045
5064
  "item-container": {
5046
5065
  "y-padding": {
5047
- "$value": "{sys.space.8}",
5066
+ "$value": "{sys.space.inner-component}",
5048
5067
  "$type": "dimension"
5049
5068
  },
5050
5069
  "gap": {
5051
- "$value": "{sys.space.24}",
5070
+ "$value": "{sys.space.layout}",
5052
5071
  "$type": "dimension"
5053
5072
  },
5054
5073
  "x-padding": {
@@ -5056,12 +5075,12 @@
5056
5075
  "$type": "dimension"
5057
5076
  },
5058
5077
  "x-padding-card": {
5059
- "$value": "{sys.space.16}",
5078
+ "$value": "{sys.space.component}",
5060
5079
  "$type": "dimension"
5061
5080
  },
5062
5081
  "corner": {
5063
5082
  "near-outer-container": {
5064
- "$value": "{sys.corner.regular}*2",
5083
+ "$value": "{sys.corner.component}*2",
5065
5084
  "$type": "borderRadius"
5066
5085
  },
5067
5086
  "near-inner-content": {
@@ -5096,17 +5115,17 @@
5096
5115
  },
5097
5116
  "space": {
5098
5117
  "min-gap-item-container-and-operation-button": {
5099
- "$value": "{sys.space.24}",
5118
+ "$value": "{sys.space.layout}",
5100
5119
  "$type": "dimension"
5101
5120
  },
5102
5121
  "min-gap-item-container-and-operation-button-card": {
5103
- "$value": "{sys.space.8}",
5122
+ "$value": "{sys.space.inner-component}",
5104
5123
  "$type": "dimension"
5105
5124
  }
5106
5125
  },
5107
5126
  "operation-button": {
5108
5127
  "gap": {
5109
- "$value": "{sys.space.8}",
5128
+ "$value": "{sys.space.inner-component}",
5110
5129
  "$type": "dimension"
5111
5130
  }
5112
5131
  },
@@ -5147,11 +5166,11 @@
5147
5166
  },
5148
5167
  "color": {
5149
5168
  "brand-filled": {
5150
- "$value": "{sys.color.brand}",
5169
+ "$value": "{sys.color.bg.brand-strong}",
5151
5170
  "$type": "color"
5152
5171
  },
5153
5172
  "brand-filled-weak": {
5154
- "$value": "{sys.color.bg.brand-weak}",
5173
+ "$value": "{sys.color.bg.brand}",
5155
5174
  "$type": "color"
5156
5175
  },
5157
5176
  "brand-filled-hover": {
@@ -5171,11 +5190,11 @@
5171
5190
  "$type": "color"
5172
5191
  },
5173
5192
  "success-filled": {
5174
- "$value": "{sys.color.success}",
5193
+ "$value": "{sys.color.bg.success-strong}",
5175
5194
  "$type": "color"
5176
5195
  },
5177
5196
  "success-filled-weak": {
5178
- "$value": "{sys.color.bg.success-weak}",
5197
+ "$value": "{sys.color.bg.success}",
5179
5198
  "$type": "color"
5180
5199
  },
5181
5200
  "success-filled-hover": {
@@ -5195,11 +5214,11 @@
5195
5214
  "$type": "color"
5196
5215
  },
5197
5216
  "warning-filled": {
5198
- "$value": "{sys.color.warning}",
5217
+ "$value": "{sys.color.bg.warning-strong}",
5199
5218
  "$type": "color"
5200
5219
  },
5201
5220
  "warning-filled-weak": {
5202
- "$value": "{sys.color.bg.warning-weak}",
5221
+ "$value": "{sys.color.bg.warning}",
5203
5222
  "$type": "color"
5204
5223
  },
5205
5224
  "warning-filled-hover": {
@@ -5219,11 +5238,11 @@
5219
5238
  "$type": "color"
5220
5239
  },
5221
5240
  "info-filled": {
5222
- "$value": "{sys.color.info}",
5241
+ "$value": "{sys.color.bg.info-strong}",
5223
5242
  "$type": "color"
5224
5243
  },
5225
5244
  "info-filled-weak": {
5226
- "$value": "{sys.color.bg.info-weak}",
5245
+ "$value": "{sys.color.bg.info}",
5227
5246
  "$type": "color"
5228
5247
  },
5229
5248
  "info-filled-hover": {
@@ -5243,11 +5262,11 @@
5243
5262
  "$type": "color"
5244
5263
  },
5245
5264
  "accent-filled": {
5246
- "$value": "{sys.color.accent}",
5265
+ "$value": "{sys.color.bg.error-strong}",
5247
5266
  "$type": "color"
5248
5267
  },
5249
5268
  "accent-filled-weak": {
5250
- "$value": "{sys.color.bg.accent-weak}",
5269
+ "$value": "{sys.color.bg.error}",
5251
5270
  "$type": "color"
5252
5271
  },
5253
5272
  "accent-filled-hover": {
@@ -5267,11 +5286,11 @@
5267
5286
  "$type": "color"
5268
5287
  },
5269
5288
  "neutral-filled": {
5270
- "$value": "{sys.color.neutral}",
5289
+ "$value": "{sys.color.bg.neutral-strong}",
5271
5290
  "$type": "color"
5272
5291
  },
5273
5292
  "neutral-filled-weak": {
5274
- "$value": "{sys.color.bg.neutral-weak-opacity}",
5293
+ "$value": "{sys.color.bg.neutral-strong}",
5275
5294
  "$type": "color"
5276
5295
  },
5277
5296
  "neutral-filled-hover": {
@@ -5562,7 +5581,7 @@
5562
5581
  "$type": "color"
5563
5582
  },
5564
5583
  "brand": {
5565
- "$value": "{sys.color.border.brand-weak}",
5584
+ "$value": "{sys.color.border.brand}",
5566
5585
  "$type": "color"
5567
5586
  },
5568
5587
  "brand-disable": {
@@ -5570,7 +5589,7 @@
5570
5589
  "$type": "color"
5571
5590
  },
5572
5591
  "success": {
5573
- "$value": "{sys.color.border.success-weak}",
5592
+ "$value": "{sys.color.border.success}",
5574
5593
  "$type": "color"
5575
5594
  },
5576
5595
  "success-disable": {
@@ -5578,7 +5597,7 @@
5578
5597
  "$type": "color"
5579
5598
  },
5580
5599
  "warning": {
5581
- "$value": "{sys.color.border.warning-weak}",
5600
+ "$value": "{sys.color.border.warning}",
5582
5601
  "$type": "color"
5583
5602
  },
5584
5603
  "warning-disable": {
@@ -5586,7 +5605,7 @@
5586
5605
  "$type": "color"
5587
5606
  },
5588
5607
  "info": {
5589
- "$value": "{sys.color.border.info-weak}",
5608
+ "$value": "{sys.color.border.info}",
5590
5609
  "$type": "color"
5591
5610
  },
5592
5611
  "info-disable": {
@@ -5594,7 +5613,7 @@
5594
5613
  "$type": "color"
5595
5614
  },
5596
5615
  "accent": {
5597
- "$value": "{sys.color.border.accent-weak}",
5616
+ "$value": "{sys.color.border.accent}",
5598
5617
  "$type": "color"
5599
5618
  },
5600
5619
  "accent-disable": {
@@ -5602,7 +5621,7 @@
5602
5621
  "$type": "color"
5603
5622
  },
5604
5623
  "neutral": {
5605
- "$value": "{sys.color.border.neutral-weak}",
5624
+ "$value": "{sys.color.border.neutral}",
5606
5625
  "$type": "color"
5607
5626
  },
5608
5627
  "neutral-disable": {
@@ -5628,7 +5647,7 @@
5628
5647
  },
5629
5648
  "text": {
5630
5649
  "font-size": {
5631
- "$value": "{sys.font-size.body-m}",
5650
+ "$value": "{sys.font-size.body}",
5632
5651
  "$type": "dimension"
5633
5652
  },
5634
5653
  "font-size-l": {
@@ -5777,7 +5796,7 @@
5777
5796
  "$type": "color"
5778
5797
  },
5779
5798
  "brand": {
5780
- "$value": "{sys.color.content.brand-weak}",
5799
+ "$value": "{sys.color.content.brand}",
5781
5800
  "$type": "color"
5782
5801
  },
5783
5802
  "brand-hover": {
@@ -5855,19 +5874,19 @@
5855
5874
  "container": {
5856
5875
  "color": {
5857
5876
  "bg": {
5858
- "$value": "{com.input.container.color}",
5877
+ "$value": "{com.input.container.color.regular}",
5859
5878
  "$type": "color"
5860
5879
  },
5861
5880
  "bg-disable": {
5862
- "$value": "{com.input.container.color-disable}",
5881
+ "$value": "{com.input.container.color.disable}",
5863
5882
  "$type": "color"
5864
5883
  },
5865
5884
  "border": {
5866
- "$value": "{com.input.container.color-border}",
5885
+ "$value": "{com.input.container.border.color.regular}",
5867
5886
  "$type": "color"
5868
5887
  },
5869
5888
  "border-disable": {
5870
- "$value": "{com.input.container.color-border-disable}",
5889
+ "$value": "{com.input.container.border.color.disable}",
5871
5890
  "$type": "color"
5872
5891
  }
5873
5892
  }
@@ -5961,7 +5980,7 @@
5961
5980
  "$type": "color"
5962
5981
  },
5963
5982
  "border-accent": {
5964
- "$value": "{sys.color.accent}",
5983
+ "$value": "{sys.color.error}",
5965
5984
  "$type": "color"
5966
5985
  },
5967
5986
  "border-neutral": {
@@ -5996,7 +6015,7 @@
5996
6015
  },
5997
6016
  "title": {
5998
6017
  "font-size": {
5999
- "$value": "{sys.font-size.body-m}",
6018
+ "$value": "{sys.font-size.body}",
6000
6019
  "$type": "dimension"
6001
6020
  },
6002
6021
  "font-weight": {
@@ -6014,7 +6033,7 @@
6014
6033
  },
6015
6034
  "body": {
6016
6035
  "font-size": {
6017
- "$value": "{sys.font-size.body-m}",
6036
+ "$value": "{sys.font-size.body}",
6018
6037
  "$type": "dimension"
6019
6038
  },
6020
6039
  "color": {
@@ -6048,7 +6067,7 @@
6048
6067
  "$type": "dimension"
6049
6068
  },
6050
6069
  "bottom-padding": {
6051
- "$value": "{sys.space.8}",
6070
+ "$value": "{sys.space.inner-component}",
6052
6071
  "$type": "dimension"
6053
6072
  }
6054
6073
  }
@@ -6082,7 +6101,7 @@
6082
6101
  "$type": "dimension"
6083
6102
  },
6084
6103
  "x-padding": {
6085
- "$value": "{sys.space.8}",
6104
+ "$value": "{sys.space.inner-component}",
6086
6105
  "$type": "dimension"
6087
6106
  },
6088
6107
  "min-width": {
@@ -6092,7 +6111,7 @@
6092
6111
  },
6093
6112
  "body-container": {
6094
6113
  "right-padding": {
6095
- "$value": "{sys.space.16}",
6114
+ "$value": "{sys.space.component}",
6096
6115
  "$type": "dimension"
6097
6116
  },
6098
6117
  "min-width": {
@@ -6146,7 +6165,7 @@
6146
6165
  "$type": "dimension"
6147
6166
  },
6148
6167
  "gap": {
6149
- "$value": "{sys.space.8}",
6168
+ "$value": "{sys.space.inner-component}",
6150
6169
  "$type": "dimension"
6151
6170
  },
6152
6171
  "color": {
@@ -6162,34 +6181,34 @@
6162
6181
  },
6163
6182
  "body-container": {
6164
6183
  "padding": {
6165
- "$value": "{sys.space.16}",
6184
+ "$value": "{sys.space.component}",
6166
6185
  "$type": "dimension"
6167
6186
  }
6168
6187
  },
6169
6188
  "button-container": {
6170
6189
  "padding": {
6171
- "$value": "{sys.space.8}",
6190
+ "$value": "{sys.space.inner-component}",
6172
6191
  "$type": "dimension"
6173
6192
  },
6174
6193
  "color": {
6175
6194
  "top-border": {
6176
- "$value": "{sys.color.divider.weak}",
6195
+ "$value": "{sys.color.divider.regular}",
6177
6196
  "$type": "color"
6178
6197
  }
6179
6198
  }
6180
6199
  },
6181
6200
  "top-container": {
6182
6201
  "y-padding": {
6183
- "$value": "{sys.space.12}",
6202
+ "$value": "{sys.space.mini}*3",
6184
6203
  "$type": "dimension"
6185
6204
  },
6186
6205
  "x-padding": {
6187
- "$value": "{sys.space.16}",
6206
+ "$value": "{sys.space.component}",
6188
6207
  "$type": "dimension"
6189
6208
  },
6190
6209
  "color": {
6191
6210
  "bottom-border": {
6192
- "$value": "{sys.color.divider.weak}",
6211
+ "$value": "{sys.color.divider.regular}",
6193
6212
  "$type": "color"
6194
6213
  }
6195
6214
  }
@@ -6206,7 +6225,7 @@
6206
6225
  },
6207
6226
  "panel": {
6208
6227
  "top-margin": {
6209
- "$value": "{sys.space.8}",
6228
+ "$value": "{sys.space.inner-component}",
6210
6229
  "$type": "dimension"
6211
6230
  },
6212
6231
  "shadow": {
@@ -6224,23 +6243,23 @@
6224
6243
  "tooltip": {
6225
6244
  "container-rectangle": {
6226
6245
  "corner": {
6227
- "$value": "{sys.corner.regular}",
6246
+ "$value": "{sys.corner.component}",
6228
6247
  "$type": "borderRadius"
6229
6248
  },
6230
6249
  "x-padding": {
6231
- "$value": "{sys.space.12}",
6250
+ "$value": "{sys.space.mini}*3",
6232
6251
  "$type": "dimension"
6233
6252
  },
6234
6253
  "y-padding": {
6235
- "$value": "{sys.space.8}",
6254
+ "$value": "{sys.space.inner-component}",
6236
6255
  "$type": "dimension"
6237
6256
  },
6238
6257
  "x-padding-s": {
6239
- "$value": "{sys.space.8}",
6258
+ "$value": "{sys.space.inner-component}",
6240
6259
  "$type": "dimension"
6241
6260
  },
6242
6261
  "y-padding-s": {
6243
- "$value": "{sys.space.4}",
6262
+ "$value": "{sys.space.inner-component}",
6244
6263
  "$type": "dimension"
6245
6264
  }
6246
6265
  },
@@ -6300,7 +6319,7 @@
6300
6319
  },
6301
6320
  "text": {
6302
6321
  "font-size": {
6303
- "$value": "{sys.font-size.body-m}",
6322
+ "$value": "{sys.font-size.body}",
6304
6323
  "$type": "dimension"
6305
6324
  },
6306
6325
  "font-size-s": {
@@ -6320,7 +6339,7 @@
6320
6339
  "transfer": {
6321
6340
  "title": {
6322
6341
  "font-size": {
6323
- "$value": "{sys.font-size.body-m}",
6342
+ "$value": "{sys.font-size.body}",
6324
6343
  "$type": "dimension"
6325
6344
  },
6326
6345
  "font-weight": {
@@ -6358,7 +6377,7 @@
6358
6377
  },
6359
6378
  "option-item-container": {
6360
6379
  "x-padding": {
6361
- "$value": "{sys.space.8}",
6380
+ "$value": "{sys.space.inner-component}",
6362
6381
  "$type": "dimension"
6363
6382
  },
6364
6383
  "height": {
@@ -6372,13 +6391,13 @@
6372
6391
  }
6373
6392
  },
6374
6393
  "corner": {
6375
- "$value": "{sys.corner.regular}",
6394
+ "$value": "{sys.corner.component}",
6376
6395
  "$type": "borderRadius"
6377
6396
  }
6378
6397
  },
6379
6398
  "title-container": {
6380
6399
  "x-padding": {
6381
- "$value": "{sys.space.16}",
6400
+ "$value": "{sys.space.component}",
6382
6401
  "$type": "dimension"
6383
6402
  },
6384
6403
  "height": {
@@ -6387,7 +6406,7 @@
6387
6406
  },
6388
6407
  "color": {
6389
6408
  "bottom-border": {
6390
- "$value": "{sys.color.divider.weak}",
6409
+ "$value": "{sys.color.divider.regular}",
6391
6410
  "$type": "color"
6392
6411
  },
6393
6412
  "bg": {
@@ -6402,11 +6421,11 @@
6402
6421
  },
6403
6422
  "option-container": {
6404
6423
  "x-padding": {
6405
- "$value": "{sys.space.8}",
6424
+ "$value": "{sys.space.inner-component}",
6406
6425
  "$type": "dimension"
6407
6426
  },
6408
6427
  "y-padding": {
6409
- "$value": "{sys.space.8}",
6428
+ "$value": "{sys.space.inner-component}",
6410
6429
  "$type": "dimension"
6411
6430
  },
6412
6431
  "height": {
@@ -6416,7 +6435,7 @@
6416
6435
  },
6417
6436
  "switch-button": {
6418
6437
  "gap": {
6419
- "$value": "{sys.space.8}",
6438
+ "$value": "{sys.space.inner-component}",
6420
6439
  "$type": "dimension"
6421
6440
  },
6422
6441
  "x-margin": {
@@ -6452,11 +6471,11 @@
6452
6471
  },
6453
6472
  "footer-container": {
6454
6473
  "x-padding": {
6455
- "$value": "{sys.space.16}",
6474
+ "$value": "{sys.space.component}",
6456
6475
  "$type": "dimension"
6457
6476
  },
6458
6477
  "y-padding": {
6459
- "$value": "{sys.space.8}",
6478
+ "$value": "{sys.space.inner-component}",
6460
6479
  "$type": "dimension"
6461
6480
  },
6462
6481
  "color": {
@@ -6484,7 +6503,7 @@
6484
6503
  "tree": {
6485
6504
  "text": {
6486
6505
  "font-size": {
6487
- "$value": "{sys.font-size.body-m}",
6506
+ "$value": "{sys.font-size.body}",
6488
6507
  "$type": "dimension"
6489
6508
  },
6490
6509
  "font-weight": {
@@ -6510,17 +6529,17 @@
6510
6529
  "$type": "color"
6511
6530
  },
6512
6531
  "color-selected-drag": {
6513
- "$value": "{sys.color.content.brand-weak}",
6532
+ "$value": "{sys.color.content.brand}",
6514
6533
  "$type": "color"
6515
6534
  }
6516
6535
  },
6517
6536
  "item-container": {
6518
6537
  "x-padding": {
6519
- "$value": "{sys.space.8}",
6538
+ "$value": "{sys.space.inner-component}",
6520
6539
  "$type": "dimension"
6521
6540
  },
6522
6541
  "gap": {
6523
- "$value": "{sys.space.8}",
6542
+ "$value": "{sys.space.inner-component}",
6524
6543
  "$type": "dimension"
6525
6544
  },
6526
6545
  "height": {
@@ -6558,7 +6577,7 @@
6558
6577
  "$type": "dimension"
6559
6578
  },
6560
6579
  "right-margin": {
6561
- "$value": "{sys.space.8}",
6580
+ "$value": "{sys.space.inner-component}",
6562
6581
  "$type": "dimension"
6563
6582
  },
6564
6583
  "color": {
@@ -6580,7 +6599,7 @@
6580
6599
  "$type": "dimension"
6581
6600
  },
6582
6601
  "right-margin": {
6583
- "$value": "{sys.space.8}",
6602
+ "$value": "{sys.space.inner-component}",
6584
6603
  "$type": "dimension"
6585
6604
  },
6586
6605
  "color": {
@@ -6606,13 +6625,13 @@
6606
6625
  },
6607
6626
  "checkbox": {
6608
6627
  "right-margin": {
6609
- "$value": "{sys.space.8}",
6628
+ "$value": "{sys.space.inner-component}",
6610
6629
  "$type": "dimension"
6611
6630
  }
6612
6631
  },
6613
6632
  "drag-icon": {
6614
6633
  "left-margin": {
6615
- "$value": "{sys.space.16}",
6634
+ "$value": "{sys.space.component}",
6616
6635
  "$type": "dimension"
6617
6636
  },
6618
6637
  "color": {
@@ -6642,7 +6661,7 @@
6642
6661
  "upload": {
6643
6662
  "hint-icon": {
6644
6663
  "right-margin": {
6645
- "$value": "{sys.space.4}",
6664
+ "$value": "{sys.space.inner-component}",
6646
6665
  "$type": "dimension"
6647
6666
  },
6648
6667
  "size": {
@@ -6656,7 +6675,7 @@
6656
6675
  },
6657
6676
  "filename": {
6658
6677
  "font-size": {
6659
- "$value": "{sys.font-size.body-m}",
6678
+ "$value": "{sys.font-size.body}",
6660
6679
  "$type": "dimension"
6661
6680
  },
6662
6681
  "color": {
@@ -6670,7 +6689,7 @@
6670
6689
  "$type": "dimension"
6671
6690
  },
6672
6691
  "left-margin": {
6673
- "$value": "{sys.space.16}",
6692
+ "$value": "{sys.space.component}",
6674
6693
  "$type": "dimension"
6675
6694
  },
6676
6695
  "color": {
@@ -6690,11 +6709,11 @@
6690
6709
  },
6691
6710
  "file-item-container": {
6692
6711
  "padding": {
6693
- "$value": "{sys.space.8}",
6712
+ "$value": "{sys.space.inner-component}",
6694
6713
  "$type": "dimension"
6695
6714
  },
6696
6715
  "gap": {
6697
- "$value": "{sys.space.8}",
6716
+ "$value": "{sys.space.inner-component}",
6698
6717
  "$type": "dimension"
6699
6718
  },
6700
6719
  "color": {
@@ -6797,11 +6816,11 @@
6797
6816
  },
6798
6817
  "primary-text": {
6799
6818
  "font-size": {
6800
- "$value": "{sys.font-size.body-m}",
6819
+ "$value": "{sys.font-size.body}",
6801
6820
  "$type": "dimension"
6802
6821
  },
6803
6822
  "top-margin": {
6804
- "$value": "{sys.space.4}",
6823
+ "$value": "{sys.space.inner-component}",
6805
6824
  "$type": "dimension"
6806
6825
  },
6807
6826
  "color": {
@@ -6823,7 +6842,7 @@
6823
6842
  "$type": "dimension"
6824
6843
  },
6825
6844
  "top-margin": {
6826
- "$value": "{sys.space.4}",
6845
+ "$value": "{sys.space.inner-component}",
6827
6846
  "$type": "dimension"
6828
6847
  },
6829
6848
  "color": {
@@ -6841,7 +6860,7 @@
6841
6860
  "$type": "dimension"
6842
6861
  },
6843
6862
  "right-margin": {
6844
- "$value": "{sys.space.4}",
6863
+ "$value": "{sys.space.inner-component}",
6845
6864
  "$type": "dimension"
6846
6865
  },
6847
6866
  "color": {
@@ -6859,7 +6878,7 @@
6859
6878
  "$type": "dimension"
6860
6879
  },
6861
6880
  "gap": {
6862
- "$value": "{sys.space.16}",
6881
+ "$value": "{sys.space.component}",
6863
6882
  "$type": "dimension"
6864
6883
  }
6865
6884
  },
@@ -6889,11 +6908,11 @@
6889
6908
  "upload-click-upload": {
6890
6909
  "image-filename-container": {
6891
6910
  "right-padding": {
6892
- "$value": "{sys.space.8}",
6911
+ "$value": "{sys.space.inner-component}",
6893
6912
  "$type": "dimension"
6894
6913
  },
6895
6914
  "y-padding": {
6896
- "$value": "{sys.space.8}",
6915
+ "$value": "{sys.space.inner-component}",
6897
6916
  "$type": "dimension"
6898
6917
  }
6899
6918
  },
@@ -6905,13 +6924,13 @@
6905
6924
  },
6906
6925
  "image-container": {
6907
6926
  "padding": {
6908
- "$value": "{sys.space.8}",
6927
+ "$value": "{sys.space.inner-component}",
6909
6928
  "$type": "dimension"
6910
6929
  }
6911
6930
  },
6912
6931
  "image-item-container": {
6913
6932
  "gap": {
6914
- "$value": "{sys.space.16}",
6933
+ "$value": "{sys.space.component}",
6915
6934
  "$type": "dimension"
6916
6935
  }
6917
6936
  }
@@ -6919,13 +6938,13 @@
6919
6938
  "upload-photo-wall": {
6920
6939
  "progress": {
6921
6940
  "top-margin": {
6922
- "$value": "{sys.space.8}",
6941
+ "$value": "{sys.space.inner-component}",
6923
6942
  "$type": "dimension"
6924
6943
  }
6925
6944
  },
6926
6945
  "drag-button-container": {
6927
6946
  "gap": {
6928
- "$value": "{sys.space.16}",
6947
+ "$value": "{sys.space.component}",
6929
6948
  "$type": "dimension"
6930
6949
  }
6931
6950
  },
@@ -6935,7 +6954,7 @@
6935
6954
  "$type": "dimension"
6936
6955
  },
6937
6956
  "gap": {
6938
- "$value": "{sys.space.16}",
6957
+ "$value": "{sys.space.component}",
6939
6958
  "$type": "dimension"
6940
6959
  },
6941
6960
  "color": {
@@ -6965,122 +6984,157 @@
6965
6984
  },
6966
6985
  "sys": {
6967
6986
  "palette": {
6968
- "warning": {
6987
+ "brand": {
6969
6988
  "1": {
6970
- "$value": "#FFFAF2",
6971
- "$type": "color"
6989
+ "$value": "#F2F8FF",
6990
+ "$type": "color",
6991
+ "$description": "浅色背景"
6972
6992
  },
6973
6993
  "2": {
6974
- "$value": "#FFEAC9",
6975
- "$type": "color"
6994
+ "$value": "#C9E0FF",
6995
+ "$type": "color",
6996
+ "$description": "描边"
6976
6997
  },
6977
6998
  "3": {
6978
- "$value": "#FFD7A3",
6979
- "$type": "color"
6999
+ "$value": "#A3C6FF",
7000
+ "$type": "color",
7001
+ "$description": "禁用、失效"
6980
7002
  },
6981
7003
  "4": {
6982
- "$value": "#FFC17A",
6983
- "$type": "color"
7004
+ "$value": "#1C4AD4",
7005
+ "$type": "color",
7006
+ "$description": "点击"
6984
7007
  },
6985
7008
  "5": {
6986
- "$value": "#FFAA54",
6987
- "$type": "color"
7009
+ "$value": "#548AFF",
7010
+ "$type": "color",
7011
+ "$description": "悬浮"
6988
7012
  },
6989
7013
  "6": {
6990
- "$value": "#FF8E2C",
6991
- "$type": "color"
7014
+ "$value": "#2c68ff",
7015
+ "$type": "color",
7016
+ "$description": "常规"
6992
7017
  },
6993
7018
  "7": {
6994
- "$value": "#D46B1C",
6995
- "$type": "color"
6996
- },
6997
- "8": {
6998
- "$value": "#A64A0D",
6999
- "$type": "color"
7000
- },
7001
- "9": {
7002
- "$value": "#7A3005",
7003
- "$type": "color"
7004
- },
7005
- "10": {
7006
- "$value": "#4D1900",
7007
- "$type": "color"
7019
+ "$value": "#1C4AD4",
7020
+ "$type": "color",
7021
+ "$description": "点击"
7008
7022
  }
7009
7023
  },
7010
- "success": {
7024
+ "warning": {
7011
7025
  "1": {
7012
- "$value": "#F2FFF7",
7013
- "$type": "color"
7026
+ "$value": "#FFFAF2",
7027
+ "$type": "color",
7028
+ "$description": "浅色背景"
7014
7029
  },
7015
7030
  "2": {
7016
- "$value": "#C3F7D6",
7017
- "$type": "color"
7031
+ "$value": "#FFC17A",
7032
+ "$type": "color",
7033
+ "$description": "描边"
7018
7034
  },
7019
7035
  "3": {
7020
- "$value": "#99F0B5",
7021
- "$type": "color"
7036
+ "$value": "#FFD7A3",
7037
+ "$type": "color",
7038
+ "$description": "禁用、失效"
7022
7039
  },
7023
7040
  "4": {
7024
- "$value": "#6FE892",
7025
- "$type": "color"
7041
+ "$value": "#D46B1C",
7042
+ "$type": "color",
7043
+ "$description": "点击"
7026
7044
  },
7027
7045
  "5": {
7028
- "$value": "#4AE070",
7029
- "$type": "color"
7046
+ "$value": "#FFAA54",
7047
+ "$type": "color",
7048
+ "$description": "悬浮"
7030
7049
  },
7031
7050
  "6": {
7032
- "$value": "#25D94C",
7033
- "$type": "color"
7051
+ "$value": "#FF7D00",
7052
+ "$type": "color",
7053
+ "$description": "常规"
7034
7054
  },
7035
7055
  "7": {
7056
+ "$value": "#D46B1C",
7057
+ "$type": "color",
7058
+ "$description": "点击"
7059
+ }
7060
+ },
7061
+ "success": {
7062
+ "1": {
7063
+ "$value": "#F2FFF7",
7064
+ "$type": "color",
7065
+ "$description": "浅色背景"
7066
+ },
7067
+ "2": {
7068
+ "$value": "#6FE892",
7069
+ "$type": "color",
7070
+ "$description": "描边"
7071
+ },
7072
+ "3": {
7073
+ "$value": "#99F0B5",
7074
+ "$type": "color",
7075
+ "$description": "禁用、失效"
7076
+ },
7077
+ "4": {
7036
7078
  "$value": "#18B534",
7037
- "$type": "color"
7079
+ "$type": "color",
7080
+ "$description": "点击"
7038
7081
  },
7039
- "8": {
7040
- "$value": "#0C9420",
7041
- "$type": "color"
7082
+ "5": {
7083
+ "$value": "#4AE070",
7084
+ "$type": "color",
7085
+ "$description": "悬浮"
7042
7086
  },
7043
- "9": {
7044
- "$value": "#047011",
7045
- "$type": "color"
7087
+ "6": {
7088
+ "$value": "#25D94C",
7089
+ "$type": "color",
7090
+ "$description": "常规"
7046
7091
  },
7047
- "10": {
7048
- "$value": "#004D06",
7049
- "$type": "color"
7092
+ "7": {
7093
+ "$value": "#18B534",
7094
+ "$type": "color",
7095
+ "$description": "点击"
7050
7096
  }
7051
7097
  },
7052
7098
  "info": {
7053
7099
  "1": {
7054
7100
  "$value": "#F2F8FF",
7055
- "$type": "color"
7101
+ "$type": "color",
7102
+ "$description": "浅色背景"
7056
7103
  },
7057
7104
  "2": {
7058
7105
  "$value": "#C9E0FF",
7059
- "$type": "color"
7106
+ "$type": "color",
7107
+ "$description": "描边"
7060
7108
  },
7061
7109
  "3": {
7062
7110
  "$value": "#A3C6FF",
7063
- "$type": "color"
7111
+ "$type": "color",
7112
+ "$description": "常规"
7064
7113
  },
7065
7114
  "4": {
7066
7115
  "$value": "#7AA9FF",
7067
- "$type": "color"
7116
+ "$type": "color",
7117
+ "$description": "常规"
7068
7118
  },
7069
7119
  "5": {
7070
7120
  "$value": "#548AFF",
7071
- "$type": "color"
7121
+ "$type": "color",
7122
+ "$description": "常规"
7072
7123
  },
7073
7124
  "6": {
7074
7125
  "$value": "#2c68ff",
7075
- "$type": "color"
7126
+ "$type": "color",
7127
+ "$description": "常规"
7076
7128
  },
7077
7129
  "7": {
7078
7130
  "$value": "#1C4AD4",
7079
- "$type": "color"
7131
+ "$type": "color",
7132
+ "$description": "常规"
7080
7133
  },
7081
7134
  "8": {
7082
7135
  "$value": "#0D2EA6",
7083
- "$type": "color"
7136
+ "$type": "color",
7137
+ "$description": "常规"
7084
7138
  },
7085
7139
  "9": {
7086
7140
  "$value": "#051A7A",
@@ -7093,211 +7147,158 @@
7093
7147
  },
7094
7148
  "error": {
7095
7149
  "1": {
7096
- "$value": "#FFF2F5",
7097
- "$type": "color"
7150
+ "$value": "#FFECE8",
7151
+ "$type": "color",
7152
+ "$description": "浅色背景"
7098
7153
  },
7099
7154
  "2": {
7100
- "$value": "#FFC9D2",
7101
- "$type": "color"
7155
+ "$value": "#FF7A88",
7156
+ "$type": "color",
7157
+ "$description": "描边"
7102
7158
  },
7103
7159
  "3": {
7104
7160
  "$value": "#FFA3AF",
7105
- "$type": "color"
7161
+ "$type": "color",
7162
+ "$description": "禁用、失效"
7106
7163
  },
7107
7164
  "4": {
7108
- "$value": "#FF7A88",
7109
- "$type": "color"
7165
+ "$value": "#D41C28",
7166
+ "$type": "color",
7167
+ "$description": "点击"
7110
7168
  },
7111
7169
  "5": {
7112
7170
  "$value": "#FF5460",
7113
- "$type": "color"
7171
+ "$type": "color",
7172
+ "$description": "悬浮"
7114
7173
  },
7115
7174
  "6": {
7116
7175
  "$value": "#FF2C33",
7117
- "$type": "color"
7176
+ "$type": "color",
7177
+ "$description": "常规"
7118
7178
  },
7119
7179
  "7": {
7120
7180
  "$value": "#D41C28",
7121
- "$type": "color"
7122
- },
7123
- "8": {
7124
- "$value": "#A60D1D",
7125
- "$type": "color"
7126
- },
7127
- "9": {
7128
- "$value": "#7A0515",
7129
- "$type": "color"
7130
- },
7131
- "10": {
7132
- "$value": "#4D000D",
7133
- "$type": "color"
7181
+ "$type": "color",
7182
+ "$description": "点击"
7134
7183
  }
7135
7184
  },
7136
7185
  "neutral": {
7137
7186
  "1": {
7138
- "$value": "#ffffff",
7139
- "$type": "color"
7140
- },
7141
- "2": {
7142
- "$value": "#F5F5F5",
7143
- "$type": "color"
7144
- },
7145
- "3": {
7146
- "$value": "#F0F0F0",
7147
- "$type": "color"
7148
- },
7149
- "4": {
7150
- "$value": "#E5E5E5",
7151
- "$type": "color"
7152
- },
7153
- "5": {
7154
- "$value": "#d9d9d9",
7155
- "$type": "color"
7156
- },
7157
- "6": {
7158
- "$value": "#BFBFBF",
7159
- "$type": "color"
7160
- },
7161
- "7": {
7162
- "$value": "#8C8C8C",
7163
- "$type": "color"
7164
- },
7165
- "8": {
7166
- "$value": "#595959",
7167
- "$type": "color"
7168
- },
7169
- "9": {
7170
- "$value": "#262626",
7171
- "$type": "color"
7172
- },
7173
- "10": {
7174
- "$value": "#000000",
7175
- "$type": "color"
7176
- }
7177
- },
7178
- "brand": {
7179
- "1": {
7180
- "$value": "#F2F8FF",
7181
- "$type": "color"
7187
+ "$value": "#00000005",
7188
+ "$type": "color",
7189
+ "$description": "黑色2% 透明度,浅灰色背景"
7182
7190
  },
7183
7191
  "2": {
7184
- "$value": "#C9E0FF",
7185
- "$type": "color"
7192
+ "$value": "#0000000A",
7193
+ "$type": "color",
7194
+ "$description": "黑色4% 透明度,深色背景,"
7186
7195
  },
7187
7196
  "3": {
7188
- "$value": "#A3C6FF",
7189
- "$type": "color"
7197
+ "$value": "#0000000F",
7198
+ "$type": "color",
7199
+ "$description": "黑色6% 透明度,浅色分割线"
7190
7200
  },
7191
7201
  "4": {
7192
- "$value": "#7AA9FF",
7193
- "$type": "color"
7202
+ "$value": "#0000001A",
7203
+ "$type": "color",
7204
+ "$description": "黑色10% 透明度,深色分割线、禁用色"
7194
7205
  },
7195
7206
  "5": {
7196
- "$value": "#548AFF",
7197
- "$type": "color"
7207
+ "$value": "#00000026",
7208
+ "$type": "color",
7209
+ "$description": "黑色15% 透明度,输入框描边"
7198
7210
  },
7199
7211
  "6": {
7200
- "$value": "#2c68ff",
7201
- "$type": "color"
7212
+ "$value": "#00000040",
7213
+ "$type": "color",
7214
+ "$description": "黑色25% 透明度,失效文字、功能icon浅"
7202
7215
  },
7203
7216
  "7": {
7204
- "$value": "#1C4AD4",
7205
- "$type": "color"
7217
+ "$value": "#00000073",
7218
+ "$type": "color",
7219
+ "$description": "黑色45% 透明度,辅助说明文字、功能icon深"
7206
7220
  },
7207
7221
  "8": {
7208
- "$value": "#0D2EA6",
7209
- "$type": "color"
7222
+ "$value": "#000000A6",
7223
+ "$type": "color",
7224
+ "$description": "黑色65% 透明度,次要文字"
7210
7225
  },
7211
7226
  "9": {
7212
- "$value": "#051A7A",
7213
- "$type": "color"
7227
+ "$value": "#000000D9",
7228
+ "$type": "color",
7229
+ "$description": "黑色85% 透明度,主要文字、标题"
7214
7230
  },
7215
7231
  "10": {
7216
- "$value": "#000B4D",
7217
- "$type": "color"
7232
+ "$value": "#00000080",
7233
+ "$type": "color",
7234
+ "$description": "黑色50% 透明度,弹窗背景"
7218
7235
  }
7219
7236
  }
7220
7237
  },
7221
- "border-width": {
7222
- "regular": {
7223
- "$value": "1px",
7224
- "$type": "borderWidth"
7225
- }
7226
- },
7227
7238
  "color": {
7228
7239
  "bg": {
7229
- "success-weaker": {
7230
- "$value": "{sys.palette.success.1}",
7231
- "$type": "color",
7232
- "$description": "描边标签、警告提示背景"
7233
- },
7234
- "warning-weaker": {
7235
- "$value": "{sys.palette.warning.1}",
7236
- "$type": "color",
7237
- "$description": "描边标签、警告提示背景"
7238
- },
7239
- "info-weaker": {
7240
- "$value": "{sys.palette.info.1}",
7240
+ "brand": {
7241
+ "$value": "{sys.palette.brand.1}",
7241
7242
  "$type": "color",
7242
- "$description": "描边标签、警告提示背景"
7243
+ "$description": "背景"
7243
7244
  },
7244
- "error-weaker": {
7245
- "$value": "{sys.palette.error.1}",
7245
+ "brand-strong": {
7246
+ "$value": "{sys.palette.brand.2}",
7246
7247
  "$type": "color",
7247
- "$description": "描边标签、警告提示背景"
7248
+ "$description": "填充警告提示背景"
7248
7249
  },
7249
- "brand-weaker": {
7250
- "$value": "{sys.palette.brand.1}",
7250
+ "warning": {
7251
+ "$value": "{sys.palette.warning.1}",
7251
7252
  "$type": "color",
7252
- "$description": "描边标签、警告提示背景"
7253
+ "$description": "背景"
7253
7254
  },
7254
- "accent-weaker": {
7255
- "$value": "{sys.palette.error.1}",
7255
+ "warning-strong": {
7256
+ "$value": "{sys.palette.warning.2}",
7256
7257
  "$type": "color",
7257
- "$description": "描边标签、警告提示背景"
7258
+ "$description": "强调背景"
7258
7259
  },
7259
- "neutral-weaker": {
7260
- "$value": "{sys.palette.neutral.2}",
7260
+ "success": {
7261
+ "$value": "{sys.palette.success.1}",
7261
7262
  "$type": "color",
7262
- "$description": "描边标签、警告提示背景、开关失效点、表格斑马纹"
7263
+ "$description": "背景"
7263
7264
  },
7264
- "success-weak": {
7265
+ "success-strong": {
7265
7266
  "$value": "{sys.palette.success.2}",
7266
7267
  "$type": "color",
7267
- "$description": "填充警告提示背景"
7268
+ "$description": "强调背景"
7268
7269
  },
7269
- "warning-weak": {
7270
- "$value": "{sys.palette.warning.2}",
7270
+ "info": {
7271
+ "$value": "{sys.palette.info.1}",
7271
7272
  "$type": "color",
7272
- "$description": "填充警告提示背景"
7273
+ "$description": "背景"
7273
7274
  },
7274
- "info-weak": {
7275
+ "info-strong": {
7275
7276
  "$value": "{sys.palette.info.2}",
7276
7277
  "$type": "color",
7277
- "$description": "填充警告提示背景"
7278
+ "$description": "强调背景"
7278
7279
  },
7279
- "error-weak": {
7280
- "$value": "{sys.palette.error.2}",
7280
+ "error": {
7281
+ "$value": "{sys.palette.error.1}",
7281
7282
  "$type": "color",
7282
- "$description": "填充警告提示背景、填充标签失效"
7283
+ "$description": "背景"
7283
7284
  },
7284
- "brand-weak": {
7285
- "$value": "{sys.palette.brand.2}",
7286
- "$type": "color",
7287
- "$description": "填充警告提示背景"
7288
- },
7289
- "accent-weak": {
7285
+ "error-strong": {
7290
7286
  "$value": "{sys.palette.error.2}",
7291
7287
  "$type": "color",
7292
- "$description": "填充警告提示背景"
7288
+ "$description": "强调背景"
7293
7289
  },
7294
- "neutral-weak": {
7290
+ "neutral": {
7295
7291
  "$value": "{sys.palette.neutral.4}",
7296
7292
  "$type": "color",
7293
+ "$description": "描边标签、警告提示背景、开关失效点、表格斑马纹"
7294
+ },
7295
+ "neutral-strong": {
7296
+ "$value": "{sys.palette.neutral.5}",
7297
+ "$type": "color",
7297
7298
  "$description": "填充警告提示背景、开关失效背景色"
7298
7299
  },
7299
7300
  "neutral-weak-opacity": {
7300
- "$value": "{sys.palette.neutral.10}",
7301
+ "$value": "{sys.palette.neutral.4}",
7301
7302
  "$type": "color",
7302
7303
  "$description": "10%\n场景:进度条灰底\\滚动条颜色"
7303
7304
  },
@@ -7308,41 +7309,51 @@
7308
7309
  }
7309
7310
  },
7310
7311
  "bg-state": {
7311
- "success": {
7312
+ "brand": {
7312
7313
  "disable": {
7313
- "$value": "{sys.palette.success.3}",
7314
+ "$value": "{sys.palette.brand.3}",
7314
7315
  "$type": "color",
7315
7316
  "$description": "标签、按钮失效底色"
7316
7317
  },
7317
7318
  "hover": {
7318
- "$value": "{sys.palette.success.5}",
7319
+ "$value": "{sys.palette.brand.5}",
7319
7320
  "$type": "color",
7320
7321
  "$description": "标签、按钮悬浮底色"
7321
7322
  },
7322
7323
  "press": {
7323
- "$value": "{sys.palette.success.7}",
7324
+ "$value": "{sys.palette.brand.7}",
7324
7325
  "$type": "color",
7325
7326
  "$description": "标签、按钮点击底色"
7326
7327
  },
7327
7328
  "hover-weak": {
7328
- "$value": "{sys.palette.success.1}",
7329
+ "$value": "{sys.palette.brand.1}",
7329
7330
  "$type": "color",
7330
7331
  "$description": "标签、按钮悬浮浅底色"
7331
7332
  },
7332
7333
  "press-weak": {
7333
- "$value": "{sys.palette.success.2}",
7334
+ "$value": "{sys.palette.brand.2}",
7334
7335
  "$type": "color",
7335
7336
  "$description": "标签、按钮点击浅底色"
7336
7337
  },
7337
7338
  "hover-opacity": {
7338
- "$value": "{sys.palette.success.6}",
7339
+ "$value": "{sys.palette.brand.1}",
7339
7340
  "$type": "color",
7340
7341
  "$description": "6%\n悬浮-透底状态\n场景:幽灵按钮"
7341
7342
  },
7342
7343
  "press-opacity": {
7343
- "$value": "{sys.palette.success.6}",
7344
+ "$value": "{sys.palette.brand.4}",
7344
7345
  "$type": "color",
7345
7346
  "$description": "15%\n点击-透底状态\n场景:幽灵按钮"
7347
+ },
7348
+ "selected-hover": {
7349
+ "$value": "{sys.palette.brand.6}",
7350
+ "$type": "color",
7351
+ "$description": "25%\n已选择悬浮-透底状态层"
7352
+ },
7353
+ "selected": {
7354
+ "$value": "{sys.palette.brand.1}",
7355
+ "$type": "color",
7356
+ "$description": "10%\n已选择-透底状态层"
7346
7357
  }
7347
7358
  },
7348
7359
  "warning": {
@@ -7382,125 +7393,115 @@
7382
7393
  "$description": "15%\n点击-透底状态\n场景:幽灵按钮"
7383
7394
  }
7384
7395
  },
7385
- "info": {
7396
+ "success": {
7386
7397
  "disable": {
7387
- "$value": "{sys.palette.info.3}",
7398
+ "$value": "{sys.palette.success.3}",
7388
7399
  "$type": "color",
7389
7400
  "$description": "标签、按钮失效底色"
7390
7401
  },
7391
7402
  "hover": {
7392
- "$value": "{sys.palette.info.5}",
7403
+ "$value": "{sys.palette.success.5}",
7393
7404
  "$type": "color",
7394
7405
  "$description": "标签、按钮悬浮底色"
7395
7406
  },
7396
7407
  "press": {
7397
- "$value": "{sys.palette.info.7}",
7408
+ "$value": "{sys.palette.success.7}",
7398
7409
  "$type": "color",
7399
7410
  "$description": "标签、按钮点击底色"
7400
7411
  },
7401
7412
  "hover-weak": {
7402
- "$value": "{sys.palette.info.1}",
7413
+ "$value": "{sys.palette.success.1}",
7403
7414
  "$type": "color",
7404
7415
  "$description": "标签、按钮悬浮浅底色"
7405
7416
  },
7406
7417
  "press-weak": {
7407
- "$value": "{sys.palette.info.2}",
7418
+ "$value": "{sys.palette.success.2}",
7408
7419
  "$type": "color",
7409
7420
  "$description": "标签、按钮点击浅底色"
7410
7421
  },
7411
7422
  "hover-opacity": {
7412
- "$value": "{sys.palette.info.6}",
7423
+ "$value": "{sys.palette.success.6}",
7413
7424
  "$type": "color",
7414
7425
  "$description": "6%\n悬浮-透底状态\n场景:幽灵按钮"
7415
7426
  },
7416
7427
  "press-opacity": {
7417
- "$value": "{sys.palette.info.6}",
7428
+ "$value": "{sys.palette.success.6}",
7418
7429
  "$type": "color",
7419
7430
  "$description": "15%\n点击-透底状态\n场景:幽灵按钮"
7420
7431
  }
7421
7432
  },
7422
- "error": {
7433
+ "info": {
7423
7434
  "disable": {
7424
- "$value": "{sys.palette.error.3}",
7435
+ "$value": "{sys.palette.info.3}",
7425
7436
  "$type": "color",
7426
7437
  "$description": "标签、按钮失效底色"
7427
7438
  },
7428
7439
  "hover": {
7429
- "$value": "{sys.palette.error.5}",
7440
+ "$value": "{sys.palette.info.5}",
7430
7441
  "$type": "color",
7431
7442
  "$description": "标签、按钮悬浮底色"
7432
7443
  },
7433
7444
  "press": {
7434
- "$value": "{sys.palette.error.7}",
7445
+ "$value": "{sys.palette.info.7}",
7435
7446
  "$type": "color",
7436
7447
  "$description": "标签、按钮点击底色"
7437
7448
  },
7438
7449
  "hover-weak": {
7439
- "$value": "{sys.palette.error.1}",
7450
+ "$value": "{sys.palette.info.1}",
7440
7451
  "$type": "color",
7441
7452
  "$description": "标签、按钮悬浮浅底色"
7442
7453
  },
7443
7454
  "press-weak": {
7444
- "$value": "{sys.palette.error.2}",
7455
+ "$value": "{sys.palette.info.2}",
7445
7456
  "$type": "color",
7446
7457
  "$description": "标签、按钮点击浅底色"
7447
7458
  },
7448
7459
  "hover-opacity": {
7449
- "$value": "{sys.palette.error.6}",
7460
+ "$value": "{sys.palette.info.6}",
7450
7461
  "$type": "color",
7451
7462
  "$description": "6%\n悬浮-透底状态\n场景:幽灵按钮"
7452
7463
  },
7453
7464
  "press-opacity": {
7454
- "$value": "{sys.palette.error.6}",
7465
+ "$value": "{sys.palette.info.6}",
7455
7466
  "$type": "color",
7456
7467
  "$description": "15%\n点击-透底状态\n场景:幽灵按钮"
7457
7468
  }
7458
7469
  },
7459
- "brand": {
7470
+ "error": {
7460
7471
  "disable": {
7461
- "$value": "{sys.palette.brand.3}",
7472
+ "$value": "{sys.palette.error.3}",
7462
7473
  "$type": "color",
7463
7474
  "$description": "标签、按钮失效底色"
7464
7475
  },
7465
7476
  "hover": {
7466
- "$value": "{sys.palette.brand.5}",
7477
+ "$value": "{sys.palette.error.5}",
7467
7478
  "$type": "color",
7468
7479
  "$description": "标签、按钮悬浮底色"
7469
7480
  },
7470
7481
  "press": {
7471
- "$value": "{sys.palette.brand.7}",
7482
+ "$value": "{sys.palette.error.7}",
7472
7483
  "$type": "color",
7473
7484
  "$description": "标签、按钮点击底色"
7474
7485
  },
7475
7486
  "hover-weak": {
7476
- "$value": "{sys.palette.brand.1}",
7487
+ "$value": "{sys.palette.error.1}",
7477
7488
  "$type": "color",
7478
7489
  "$description": "标签、按钮悬浮浅底色"
7479
7490
  },
7480
7491
  "press-weak": {
7481
- "$value": "{sys.palette.brand.2}",
7492
+ "$value": "{sys.palette.error.2}",
7482
7493
  "$type": "color",
7483
7494
  "$description": "标签、按钮点击浅底色"
7484
7495
  },
7485
7496
  "hover-opacity": {
7486
- "$value": "{sys.palette.brand.6}",
7497
+ "$value": "{sys.palette.error.6}",
7487
7498
  "$type": "color",
7488
7499
  "$description": "6%\n悬浮-透底状态\n场景:幽灵按钮"
7489
7500
  },
7490
7501
  "press-opacity": {
7491
- "$value": "{sys.palette.brand.6}",
7502
+ "$value": "{sys.palette.error.6}",
7492
7503
  "$type": "color",
7493
7504
  "$description": "15%\n点击-透底状态\n场景:幽灵按钮"
7494
- },
7495
- "selected-hover": {
7496
- "$value": "{sys.palette.brand.6}",
7497
- "$type": "color",
7498
- "$description": "25%\n已选择悬浮-透底状态层"
7499
- },
7500
- "selected": {
7501
- "$value": "{sys.palette.brand.6}",
7502
- "$type": "color",
7503
- "$description": "10%\n已选择-透底状态层"
7504
7505
  }
7505
7506
  },
7506
7507
  "accent": {
@@ -7588,31 +7589,31 @@
7588
7589
  }
7589
7590
  },
7590
7591
  "forbidden": {
7591
- "$value": "{sys.palette.neutral.10}",
7592
+ "$value": "{sys.palette.neutral.2}",
7592
7593
  "$type": "color",
7593
- "$description": "4%\n禁用底色(透底状态层)\n场景:输入框、单选、多选"
7594
+ "$description": "禁用底色(透底状态层)\n场景:输入框、单选、多选"
7594
7595
  }
7595
7596
  },
7596
7597
  "content": {
7597
7598
  "primary": {
7598
- "$value": "{sys.palette.neutral.10}",
7599
+ "$value": "{sys.palette.neutral.9}",
7599
7600
  "$type": "color",
7600
- "$description": "85%(黑色)重点突出文字\n场景:输入框内需要输入的文字颜色、强调展示类文字"
7601
+ "$description": "主要文字、标题\n场景:输入框内需要输入的文字颜色、强调展示类文字"
7601
7602
  },
7602
7603
  "secondary": {
7603
- "$value": "{sys.palette.neutral.10}",
7604
+ "$value": "{sys.palette.neutral.8}",
7604
7605
  "$type": "color",
7605
- "$description": "65%(黑色)常规文字\n场景:表格文字、输入框标题、标签文字"
7606
+ "$description": "次要文字\n场景:表格文字、输入框标题、标签文字"
7606
7607
  },
7607
7608
  "assist": {
7608
- "$value": "{sys.palette.neutral.10}",
7609
+ "$value": "{sys.palette.neutral.7}",
7609
7610
  "$type": "color",
7610
- "$description": "45%(黑色)解释说明类文字、深色图标\n场景:对主要文字的补充说明\n推荐:与priamry所有字重、secondary加粗字重时搭配使用\n不推荐:与secondary常规字重搭配使用"
7611
+ "$description": "解释说明类辅助文字、深色图标"
7611
7612
  },
7612
7613
  "prompt": {
7613
- "$value": "{sys.palette.neutral.10}",
7614
+ "$value": "{sys.palette.neutral.6}",
7614
7615
  "$type": "color",
7615
- "$description": "25%(黑色)\n输入框内提示文字、非常次要提示、浅色图标"
7616
+ "$description": "输入框内提示文字、失效文字、浅色标题"
7616
7617
  },
7617
7618
  "primary-inverse": {
7618
7619
  "$value": "{sys.palette.neutral.1}",
@@ -7654,7 +7655,7 @@
7654
7655
  "$type": "color",
7655
7656
  "$description": "45%\n标签操作icon"
7656
7657
  },
7657
- "brand-weak": {
7658
+ "brand": {
7658
7659
  "$value": "{sys.palette.brand.6}",
7659
7660
  "$type": "color",
7660
7661
  "$description": "45%\n标签操作icon"
@@ -7667,19 +7668,19 @@
7667
7668
  },
7668
7669
  "content-state": {
7669
7670
  "neutral-press": {
7670
- "$value": "{sys.palette.neutral.10}",
7671
+ "$value": "{sys.palette.neutral.8}",
7671
7672
  "$type": "color",
7672
- "$description": "65%(黑色)用于中性色press"
7673
+ "$description": "用于中性色press"
7673
7674
  },
7674
7675
  "neutral-hover": {
7675
- "$value": "{sys.palette.neutral.10}",
7676
+ "$value": "{sys.palette.neutral.7}",
7676
7677
  "$type": "color",
7677
- "$description": "45%(黑色)用于中性色hover"
7678
+ "$description": "用于中性色hover"
7678
7679
  },
7679
7680
  "neutral-disable": {
7680
- "$value": "{sys.palette.neutral.10}",
7681
+ "$value": "{sys.palette.neutral.6}",
7681
7682
  "$type": "color",
7682
- "$description": "25%(黑色)用于中性色disable(失效文字、图标)\n场景:描边标签内失效文字、描边按钮、幽灵按钮、文字按钮"
7683
+ "$description": "用于中性色disable(失效文字、图标)\n场景:描边标签内失效文字、描边按钮、幽灵按钮、文字按钮"
7683
7684
  },
7684
7685
  "neutral-inverse-press": {
7685
7686
  "$value": "{sys.palette.neutral.1}",
@@ -7697,7 +7698,7 @@
7697
7698
  "$description": "25%(白色)用于中性色disable(失效文字、图标)"
7698
7699
  },
7699
7700
  "success-disable": {
7700
- "$value": "{sys.palette.success.6}",
7701
+ "$value": "{sys.palette.success.3}",
7701
7702
  "$type": "color",
7702
7703
  "$description": "45%\n用于成功色失效文字、图标"
7703
7704
  },
@@ -7707,12 +7708,12 @@
7707
7708
  "$description": "65%\n场景:文字链已访问状态"
7708
7709
  },
7709
7710
  "success-hover": {
7710
- "$value": "{sys.palette.success.7}",
7711
+ "$value": "{sys.palette.success.5}",
7711
7712
  "$type": "color",
7712
7713
  "$description": "用于成功色悬浮文字、图标"
7713
7714
  },
7714
7715
  "success-press": {
7715
- "$value": "{sys.palette.success.8}",
7716
+ "$value": "{sys.palette.success.7}",
7716
7717
  "$type": "color",
7717
7718
  "$description": "用于成功色点击文字、图标"
7718
7719
  },
@@ -7727,7 +7728,7 @@
7727
7728
  "$description": "85%\n用于content-weak的状态层"
7728
7729
  },
7729
7730
  "warning-disable": {
7730
- "$value": "{sys.palette.warning.6}",
7731
+ "$value": "{sys.palette.warning.3}",
7731
7732
  "$type": "color",
7732
7733
  "$description": "45%\n用于警告色失效文字、图标"
7733
7734
  },
@@ -7737,12 +7738,12 @@
7737
7738
  "$description": "65%\n场景:文字链已访问状态"
7738
7739
  },
7739
7740
  "warning-hover": {
7740
- "$value": "{sys.palette.warning.7}",
7741
+ "$value": "{sys.palette.warning.5}",
7741
7742
  "$type": "color",
7742
7743
  "$description": "用于警告色悬浮文字、图标"
7743
7744
  },
7744
7745
  "warning-press": {
7745
- "$value": "{sys.palette.warning.8}",
7746
+ "$value": "{sys.palette.warning.7}",
7746
7747
  "$type": "color",
7747
7748
  "$description": "用于警告色点击文字、图标"
7748
7749
  },
@@ -7757,7 +7758,7 @@
7757
7758
  "$description": "85%\n用于content-weak的状态层"
7758
7759
  },
7759
7760
  "info-disable": {
7760
- "$value": "{sys.palette.info.6}",
7761
+ "$value": "{sys.palette.info.3}",
7761
7762
  "$type": "color",
7762
7763
  "$description": "45%\n用于提示色失效文字、图标"
7763
7764
  },
@@ -7767,12 +7768,12 @@
7767
7768
  "$description": "65%\n场景:文字链已访问状态"
7768
7769
  },
7769
7770
  "info-hover": {
7770
- "$value": "{sys.palette.info.7}",
7771
+ "$value": "{sys.palette.info.5}",
7771
7772
  "$type": "color",
7772
7773
  "$description": "用于提示色悬浮文字、图标"
7773
7774
  },
7774
7775
  "info-press": {
7775
- "$value": "{sys.palette.info.8}",
7776
+ "$value": "{sys.palette.info.7}",
7776
7777
  "$type": "color",
7777
7778
  "$description": "用于提示色点击文字、图标"
7778
7779
  },
@@ -7787,7 +7788,7 @@
7787
7788
  "$description": "85%\n用于content-weak的状态层"
7788
7789
  },
7789
7790
  "error-disable": {
7790
- "$value": "{sys.palette.error.6}",
7791
+ "$value": "{sys.palette.error.3}",
7791
7792
  "$type": "color",
7792
7793
  "$description": "45%\n用于报错提示文字失效"
7793
7794
  },
@@ -7797,12 +7798,12 @@
7797
7798
  "$description": "65%\n场景:文字链已访问状态"
7798
7799
  },
7799
7800
  "error-hover": {
7800
- "$value": "{sys.palette.error.7}",
7801
+ "$value": "{sys.palette.error.5}",
7801
7802
  "$type": "color",
7802
7803
  "$description": "用于报错提示文字悬浮"
7803
7804
  },
7804
7805
  "error-press": {
7805
- "$value": "{sys.palette.error.8}",
7806
+ "$value": "{sys.palette.error.7}",
7806
7807
  "$type": "color",
7807
7808
  "$description": "用于报错提示文字点击"
7808
7809
  },
@@ -7817,7 +7818,7 @@
7817
7818
  "$description": "85%\n用于content-weak的状态层"
7818
7819
  },
7819
7820
  "brand-disable": {
7820
- "$value": "{sys.palette.brand.6}",
7821
+ "$value": "{sys.palette.brand.3}",
7821
7822
  "$type": "color",
7822
7823
  "$description": "45%\n用于主题色失效文字、图标\n场景:描边按钮、幽灵按钮、文字按钮"
7823
7824
  },
@@ -7827,12 +7828,12 @@
7827
7828
  "$description": "65%\n场景:文字链已访问状态"
7828
7829
  },
7829
7830
  "brand-hover": {
7830
- "$value": "{sys.palette.brand.7}",
7831
+ "$value": "{sys.palette.brand.5}",
7831
7832
  "$type": "color",
7832
7833
  "$description": "用于主题色悬浮文字、图标"
7833
7834
  },
7834
7835
  "brand-press": {
7835
- "$value": "{sys.palette.brand.8}",
7836
+ "$value": "{sys.palette.brand.7}",
7836
7837
  "$type": "color",
7837
7838
  "$description": "用于主题色点击文字、图标"
7838
7839
  },
@@ -7847,7 +7848,7 @@
7847
7848
  "$description": "85%\n用于content-weak的状态层"
7848
7849
  },
7849
7850
  "accent-disable": {
7850
- "$value": "{sys.palette.error.6}",
7851
+ "$value": "{sys.palette.error.3}",
7851
7852
  "$type": "color",
7852
7853
  "$description": "45%\n用于强调色失效文字、图标"
7853
7854
  },
@@ -7857,12 +7858,12 @@
7857
7858
  "$description": "65%\n场景:文字链已访问状态"
7858
7859
  },
7859
7860
  "accent-hover": {
7860
- "$value": "{sys.palette.error.7}",
7861
+ "$value": "{sys.palette.error.5}",
7861
7862
  "$type": "color",
7862
7863
  "$description": "用于强调色悬浮文字、图标"
7863
7864
  },
7864
7865
  "accent-press": {
7865
- "$value": "{sys.palette.error.8}",
7866
+ "$value": "{sys.palette.error.7}",
7866
7867
  "$type": "color",
7867
7868
  "$description": "用于强调色点击文字、图标"
7868
7869
  },
@@ -7878,109 +7879,105 @@
7878
7879
  }
7879
7880
  },
7880
7881
  "border": {
7881
- "success-weak": {
7882
- "$value": "{sys.palette.success.6}",
7883
- "$type": "color",
7884
- "$description": "65%\n按钮、标签、警告提示描边"
7885
- },
7886
- "warning-weak": {
7887
- "$value": "{sys.palette.warning.6}",
7882
+ "brand": {
7883
+ "$value": "{sys.palette.brand.6}",
7888
7884
  "$type": "color",
7889
7885
  "$description": "65%\n按钮、标签、警告提示描边"
7890
7886
  },
7891
- "info-weak": {
7892
- "$value": "{sys.palette.info.6}",
7887
+ "brand-disable": {
7888
+ "$value": "{sys.palette.brand.3}",
7893
7889
  "$type": "color",
7894
- "$description": "65%\n按钮、标签、警告提示描边"
7890
+ "$description": "45%\n按钮、标签、警告提示描边"
7895
7891
  },
7896
- "error-weak": {
7897
- "$value": "{sys.palette.error.6}",
7892
+ "warning": {
7893
+ "$value": "{sys.palette.warning.6}",
7898
7894
  "$type": "color",
7899
7895
  "$description": "65%\n按钮、标签、警告提示描边"
7900
7896
  },
7901
- "brand-weak": {
7902
- "$value": "{sys.palette.brand.6}",
7897
+ "warning-disable": {
7898
+ "$value": "{sys.palette.warning.6}",
7903
7899
  "$type": "color",
7904
- "$description": "65%\n按钮、标签、警告提示描边"
7900
+ "$description": "45%\n按钮、标签、警告提示描边"
7905
7901
  },
7906
- "accent-weak": {
7907
- "$value": "{sys.palette.error.6}",
7902
+ "success": {
7903
+ "$value": "{sys.palette.success.6}",
7908
7904
  "$type": "color",
7909
7905
  "$description": "65%\n按钮、标签、警告提示描边"
7910
7906
  },
7911
- "neutral-weak": {
7912
- "$value": "{sys.palette.neutral.10}",
7913
- "$type": "color",
7914
- "$description": "25%\n按钮、标签、警告提示描边"
7915
- },
7916
- "neutral-disable": {
7917
- "$value": "{sys.palette.neutral.10}",
7918
- "$type": "color",
7919
- "$description": "15%\n按钮、标签、警告提示描边"
7920
- },
7921
7907
  "success-disable": {
7922
7908
  "$value": "{sys.palette.success.6}",
7923
7909
  "$type": "color",
7924
7910
  "$description": "45%\n按钮、标签、警告提示描边"
7925
7911
  },
7926
- "warning-disable": {
7927
- "$value": "{sys.palette.warning.6}",
7912
+ "info": {
7913
+ "$value": "{sys.palette.info.6}",
7928
7914
  "$type": "color",
7929
- "$description": "45%\n按钮、标签、警告提示描边"
7915
+ "$description": "65%\n按钮、标签、警告提示描边"
7930
7916
  },
7931
7917
  "info-disable": {
7932
7918
  "$value": "{sys.palette.info.6}",
7933
7919
  "$type": "color",
7934
7920
  "$description": "45%\n按钮、标签、警告提示描边"
7935
7921
  },
7922
+ "error": {
7923
+ "$value": "{sys.palette.error.6}",
7924
+ "$type": "color",
7925
+ "$description": "65%\n按钮、标签、警告提示描边"
7926
+ },
7936
7927
  "error-disable": {
7937
7928
  "$value": "{sys.palette.error.6}",
7938
7929
  "$type": "color",
7939
7930
  "$description": "45%\n按钮、标签、警告提示描边"
7940
7931
  },
7941
- "brand-disable": {
7942
- "$value": "{sys.palette.brand.6}",
7932
+ "accent": {
7933
+ "$value": "{sys.palette.error.6}",
7943
7934
  "$type": "color",
7944
- "$description": "45%\n按钮、标签、警告提示描边"
7935
+ "$description": "65%\n按钮、标签、警告提示描边"
7945
7936
  },
7946
7937
  "accent-disable": {
7947
7938
  "$value": "{sys.palette.error.6}",
7948
7939
  "$type": "color",
7949
7940
  "$description": "45%\n按钮、标签、警告提示描边"
7950
7941
  },
7942
+ "neutral": {
7943
+ "$value": "{sys.palette.neutral.6}",
7944
+ "$type": "color"
7945
+ },
7946
+ "neutral-disable": {
7947
+ "$value": "{sys.palette.neutral.5}",
7948
+ "$type": "color"
7949
+ },
7951
7950
  "input": {
7952
- "$value": "{sys.palette.neutral.10}",
7953
- "$type": "color",
7954
- "$description": "15% 输入框描边\n场景:输入框、单选、多选按钮、分页按钮描边、选项卡描边"
7951
+ "$value": "{sys.palette.neutral.6}",
7952
+ "$type": "color"
7955
7953
  },
7956
7954
  "input-disable": {
7957
- "$value": "{sys.palette.neutral.10}",
7958
- "$type": "color",
7959
- "$description": "10% 输入框描边-失效\n场景:单选、多选按钮描边"
7955
+ "$value": "{sys.palette.neutral.4}",
7956
+ "$type": "color"
7960
7957
  }
7961
7958
  },
7962
7959
  "divider": {
7963
- "weak": {
7964
- "$value": "{sys.palette.neutral.10}",
7960
+ "regular": {
7961
+ "$value": "{sys.palette.neutral.3}",
7965
7962
  "$type": "color",
7966
- "$description": "6%\n场景:表格内起分割作用、实线"
7963
+ "$description": "场景:表格内起分割作用、实线"
7967
7964
  },
7968
7965
  "strong": {
7969
- "$value": "{sys.palette.neutral.10}",
7966
+ "$value": "{sys.palette.neutral.4}",
7970
7967
  "$type": "color",
7971
- "$description": "10%\n场景:多用于虚线,与背景对比感较强的实线分割线"
7968
+ "$description": "场景:多用于虚线,与背景对比感较强的实线分割线"
7972
7969
  }
7973
7970
  },
7974
- "success": {
7975
- "$value": "{sys.palette.success.6}",
7976
- "$type": "color",
7977
- "$description": "成功色"
7978
- },
7979
7971
  "warning": {
7980
7972
  "$value": "{sys.palette.warning.6}",
7981
7973
  "$type": "color",
7982
7974
  "$description": "警告色"
7983
7975
  },
7976
+ "success": {
7977
+ "$value": "{sys.palette.success.6}",
7978
+ "$type": "color",
7979
+ "$description": "成功色"
7980
+ },
7984
7981
  "info": {
7985
7982
  "$value": "{sys.palette.info.6}",
7986
7983
  "$type": "color",
@@ -7997,7 +7994,7 @@
7997
7994
  "$description": "主题色"
7998
7995
  },
7999
7996
  "neutral": {
8000
- "$value": "{sys.palette.neutral.7}",
7997
+ "$value": "{sys.palette.neutral.6}",
8001
7998
  "$type": "color",
8002
7999
  "$description": "中性色"
8003
8000
  },
@@ -8007,42 +8004,53 @@
8007
8004
  "$description": "强调色"
8008
8005
  },
8009
8006
  "black": {
8010
- "$value": "{sys.palette.neutral.10}",
8007
+ "$value": "#000000",
8011
8008
  "$type": "color",
8012
8009
  "$description": "黑色"
8013
8010
  },
8014
8011
  "white": {
8015
- "$value": "{sys.palette.neutral.1}",
8012
+ "$value": "#FFFFFF",
8016
8013
  "$type": "color",
8017
8014
  "$description": "白色"
8018
8015
  },
8016
+ "transparent": {
8017
+ "$type": "color",
8018
+ "$value": "#00000000"
8019
+ },
8019
8020
  "scrim": {
8020
8021
  "white": {
8021
- "$value": "{sys.palette.neutral.1}",
8022
+ "$value": "#FFFFFF80",
8022
8023
  "$type": "color",
8023
8024
  "$description": "65% 蒙层-白"
8024
8025
  },
8025
8026
  "black": {
8026
8027
  "$value": "{sys.palette.neutral.10}",
8027
8028
  "$type": "color",
8028
- "$description": "65% 蒙层-黑"
8029
+ "$description": "50% 蒙层-黑"
8029
8030
  }
8030
8031
  }
8031
8032
  },
8033
+ "border-width": {
8034
+ "regular": {
8035
+ "$value": "1px",
8036
+ "$type": "borderWidth"
8037
+ }
8038
+ },
8032
8039
  "corner": {
8033
- "small": {
8034
- "$value": "2px",
8040
+ "component": {
8041
+ "$value": "4px",
8035
8042
  "$type": "dimension",
8036
- "$description": "小号圆角"
8037
- },
8038
- "regular": {
8039
- "$value": "2px",
8040
- "$type": "dimension"
8043
+ "$description": "组件圆角"
8041
8044
  },
8042
- "large": {
8045
+ "card": {
8043
8046
  "$value": "8px",
8044
8047
  "$type": "dimension",
8045
- "$description": "大号圆角"
8048
+ "$description": "卡片圆角"
8049
+ },
8050
+ "button": {
8051
+ "$value": "9999px",
8052
+ "$type": "dimension",
8053
+ "$description": "按钮圆角"
8046
8054
  },
8047
8055
  "circle": {
8048
8056
  "$value": "9999px",
@@ -8056,42 +8064,61 @@
8056
8064
  "font-size": {
8057
8065
  "body-s": {
8058
8066
  "$value": "12px",
8059
- "$type": "dimension"
8067
+ "$type": "dimension",
8068
+ "$description": "正文小号字体"
8060
8069
  },
8061
- "body-m": {
8062
- "$value": "14px",
8063
- "$type": "dimension"
8070
+ "body": {
8071
+ "$value": "12px",
8072
+ "$type": "dimension",
8073
+ "$description": "正文常规字体"
8064
8074
  },
8065
8075
  "body-l": {
8066
- "$value": "16px",
8067
- "$type": "dimension"
8076
+ "$value": "14px",
8077
+ "$type": "dimension",
8078
+ "$description": "大号常规字体"
8068
8079
  },
8069
8080
  "label-s": {
8070
- "$value": "18px",
8071
- "$type": "dimension"
8081
+ "$value": "12px",
8082
+ "$type": "dimension",
8083
+ "$description": "强调字体"
8072
8084
  },
8073
- "label-m": {
8074
- "$value": "20px",
8075
- "$type": "dimension"
8085
+ "label": {
8086
+ "$value": "12px",
8087
+ "$type": "dimension",
8088
+ "$description": "强调字体"
8076
8089
  },
8077
8090
  "label-l": {
8078
- "$value": "24px",
8079
- "$type": "dimension"
8091
+ "$value": "14px",
8092
+ "$type": "dimension",
8093
+ "$description": "强调字体"
8094
+ },
8095
+ "title-s": {
8096
+ "$value": "14px",
8097
+ "$type": "dimension",
8098
+ "$description": "标题字体"
8080
8099
  },
8081
8100
  "title": {
8082
- "$value": "32px",
8083
- "$type": "dimension"
8101
+ "$value": "14px",
8102
+ "$type": "dimension",
8103
+ "$description": "标题字体"
8104
+ },
8105
+ "title-l": {
8106
+ "$value": "16px",
8107
+ "$type": "dimension",
8108
+ "$description": "标题字体"
8084
8109
  },
8085
8110
  "headline": {
8086
8111
  "$value": "40px",
8087
- "$type": "dimension"
8112
+ "$type": "dimension",
8113
+ "$description": "题字体"
8088
8114
  },
8089
8115
  "display": {
8090
8116
  "$value": "56px",
8091
- "$type": "dimension"
8117
+ "$type": "dimension",
8118
+ "$description": "超大标题字体"
8092
8119
  }
8093
8120
  },
8094
- "fontFamily": {
8121
+ "font-family": {
8095
8122
  "regular": {
8096
8123
  "$value": [
8097
8124
  "-apple-system",
@@ -8140,23 +8167,23 @@
8140
8167
  {
8141
8168
  "color": "#00000005",
8142
8169
  "x": 0,
8143
- "y": 1,
8144
- "blur": 4,
8170
+ "y": "1px",
8171
+ "blur": "4px",
8145
8172
  "spread": 0
8146
8173
  },
8147
8174
  {
8148
8175
  "color": "#00000005",
8149
8176
  "x": 0,
8150
- "y": 2,
8151
- "blur": 6,
8152
- "spread": 2
8177
+ "y": "2px",
8178
+ "blur": "6px",
8179
+ "spread": "2px"
8153
8180
  },
8154
8181
  {
8155
8182
  "color": "#00000005",
8156
8183
  "x": 0,
8157
- "y": 3,
8158
- "blur": 8,
8159
- "spread": 4
8184
+ "y": "3px",
8185
+ "blur": "8px",
8186
+ "spread": "4px"
8160
8187
  }
8161
8188
  ],
8162
8189
  "$type": "shadow",
@@ -8167,23 +8194,23 @@
8167
8194
  {
8168
8195
  "color": "#00000005",
8169
8196
  "offsetX": 0,
8170
- "offsetY": 3,
8171
- "blur": 8,
8197
+ "offsetY": "3px",
8198
+ "blur": "8px",
8172
8199
  "spread": 0
8173
8200
  },
8174
8201
  {
8175
8202
  "color": "#00000008",
8176
8203
  "offsetX": 0,
8177
- "offsetY": 4,
8178
- "blur": 10,
8179
- "spread": 4
8204
+ "offsetY": "4px",
8205
+ "blur": "10px",
8206
+ "spread": "4px"
8180
8207
  },
8181
8208
  {
8182
8209
  "color": "#0000000a",
8183
8210
  "offsetX": 0,
8184
- "offsetY": 5,
8185
- "blur": 12,
8186
- "spread": 8
8211
+ "offsetY": "5px",
8212
+ "blur": "12px",
8213
+ "spread": "8px"
8187
8214
  }
8188
8215
  ],
8189
8216
  "$type": "shadow",
@@ -8194,23 +8221,23 @@
8194
8221
  {
8195
8222
  "color": "#00000005",
8196
8223
  "x": 0,
8197
- "y": 5,
8198
- "blur": 12,
8224
+ "y": "5px",
8225
+ "blur": "12px",
8199
8226
  "spread": 0
8200
8227
  },
8201
8228
  {
8202
8229
  "color": "#00000008",
8203
8230
  "x": 0,
8204
- "y": 6,
8205
- "blur": 14,
8206
- "spread": 8
8231
+ "y": "6px",
8232
+ "blur": "14px",
8233
+ "spread": "8px"
8207
8234
  },
8208
8235
  {
8209
8236
  "color": "#0000000a",
8210
8237
  "x": 0,
8211
- "y": 7,
8212
- "blur": 16,
8213
- "spread": 16
8238
+ "y": "7px",
8239
+ "blur": "16px",
8240
+ "spread": "16px"
8214
8241
  }
8215
8242
  ],
8216
8243
  "$type": "shadow",
@@ -8225,22 +8252,22 @@
8225
8252
  },
8226
8253
  "row-height": {
8227
8254
  "s": {
8228
- "$value": "{sys.size.base}*6",
8255
+ "$value": "24px",
8229
8256
  "$type": "dimension",
8230
8257
  "$description": "用于小号按钮、输入框"
8231
8258
  },
8232
- "m": {
8233
- "$value": "{sys.size.base}*8",
8259
+ "regular": {
8260
+ "$value": "32px",
8234
8261
  "$type": "dimension",
8235
8262
  "$description": "用于常规按钮、输入框"
8236
8263
  },
8237
8264
  "l": {
8238
- "$value": "{sys.size.base}*10",
8265
+ "$value": "40px",
8239
8266
  "$type": "dimension",
8240
8267
  "$description": "用于大号按钮、输入框"
8241
8268
  },
8242
8269
  "xl": {
8243
- "$value": "{sys.size.base}*12",
8270
+ "$value": "40px",
8244
8271
  "$type": "dimension",
8245
8272
  "$description": "用于超大号按钮、输入框"
8246
8273
  }
@@ -8321,42 +8348,49 @@
8321
8348
  },
8322
8349
  "space": {
8323
8350
  "mini": {
8324
- "$value": "2px",
8351
+ "$value": "4px",
8325
8352
  "$type": "dimension",
8326
8353
  "$description": "极小间距"
8327
8354
  },
8328
- "base": {
8329
- "$value": "4px",
8355
+ "inner-component": {
8356
+ "$value": "8px",
8330
8357
  "$type": "dimension",
8331
- "$description": "基础间距"
8358
+ "$description": "组件内部元素的空间、todo"
8332
8359
  },
8333
- "4": {
8334
- "$value": "{sys.space.base}",
8335
- "$type": "dimension"
8336
- },
8337
- "8": {
8338
- "$value": "{sys.space.base}*2",
8339
- "$type": "dimension"
8340
- },
8341
- "12": {
8342
- "$value": "{sys.space.base}*3",
8360
+ "component": {
8361
+ "$value": "16px",
8343
8362
  "$type": "dimension",
8344
- "$description": "左右边距\n场景:小按钮"
8363
+ "$description": "组件之前的空间、todo"
8345
8364
  },
8346
- "16": {
8347
- "$value": "{sys.space.base}*4",
8365
+ "sub-layout": {
8366
+ "$value": "16px",
8348
8367
  "$type": "dimension",
8349
- "$description": "左右边距\n场景:常规按钮"
8368
+ "$description": "子布局的空间"
8350
8369
  },
8351
- "20": {
8352
- "$value": "{sys.space.base}*5",
8370
+ "layout": {
8371
+ "$value": "24px",
8353
8372
  "$type": "dimension",
8354
- "$description": "左右边距\n场景:大按钮"
8373
+ "$description": "大结构间的空间"
8374
+ }
8375
+ },
8376
+ "font": {
8377
+ "body": {
8378
+ "$type": "typography",
8379
+ "$value": {
8380
+ "fontFamily": "{sys.font-family.regular}",
8381
+ "fontSize": "{sys.font-size.body}",
8382
+ "fontWeight": "{sys.fontWeight.regular}",
8383
+ "lineHeight": "{sys.line-height.regular}"
8384
+ }
8355
8385
  },
8356
- "24": {
8357
- "$value": "{sys.space.base}*6",
8358
- "$type": "dimension",
8359
- "$description": "左右边距\n场景:超大按钮"
8386
+ "label": {
8387
+ "$type": "typography",
8388
+ "$value": {
8389
+ "fontFamily": "{sys.font-family.regular}",
8390
+ "fontSize": "{sys.font-size.label}",
8391
+ "fontWeight": "{sys.fontWeight.semibold}",
8392
+ "lineHeight": "{sys.line-height.regular}"
8393
+ }
8360
8394
  }
8361
8395
  }
8362
8396
  },