@devexpress/design-tokens-internal 262.2.1 → 262.4.0

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 (52) hide show
  1. package/package.json +1 -1
  2. package/tokens/components/README.md +11 -9
  3. package/tokens/components/blazor/size/fluent_large.json +2 -2
  4. package/tokens/components/blazor/size/fluent_medium.json +2 -2
  5. package/tokens/components/blazor/size/fluent_small.json +2 -2
  6. package/tokens/components/core/size/fluent_large.json +397 -207
  7. package/tokens/components/core/size/fluent_medium.json +397 -207
  8. package/tokens/components/core/size/fluent_small.json +397 -207
  9. package/tokens/components/core/size/material_medium.json +397 -207
  10. package/tokens/components/core/theme/fluent.json +117 -64
  11. package/tokens/components/core/theme/material.json +117 -64
  12. package/tokens/components/wpf/accordion/fluent.json +32 -27
  13. package/tokens/components/wpf/button-group/fluent.json +6 -6
  14. package/tokens/components/wpf/card-view/fluent.json +77 -72
  15. package/tokens/components/wpf/datapager/fluent.json +18 -18
  16. package/tokens/components/wpf/docking/fluent.json +18 -22
  17. package/tokens/components/wpf/filter-edit/fluent.json +52 -36
  18. package/tokens/components/wpf/gallery/fluent.json +28 -33
  19. package/tokens/components/wpf/grid/fluent.json +93 -111
  20. package/tokens/components/wpf/groupbox/fluent.json +66 -62
  21. package/tokens/components/wpf/listbox-edit/fluent.json +87 -87
  22. package/tokens/components/wpf/pagercontrol/fluent.json +48 -47
  23. package/tokens/components/wpf/progress-bar/fluent.json +117 -94
  24. package/tokens/components/wpf/ribbon/fluent.json +30 -30
  25. package/tokens/components/wpf/size/fluent_medium.json +2962 -0
  26. package/tokens/components/wpf/size/fluent_small.json +2962 -0
  27. package/tokens/components/wpf/text-content/fluent.json +22 -0
  28. package/tokens/components/wpf/theme/fluent.json +2623 -0
  29. package/tokens/components/wpf/themed-window/fluent.json +81 -81
  30. package/tokens/components/wpf/treeview/fluent.json +31 -30
  31. package/tokens.flat.json +916 -723
  32. package/tokens/components/wpf/badge/fluent.json +0 -126
  33. package/tokens/components/wpf/bars/fluent.json +0 -3006
  34. package/tokens/components/wpf/button/fluent.json +0 -598
  35. package/tokens/components/wpf/button-edit/fluent.json +0 -612
  36. package/tokens/components/wpf/button-text/fluent.json +0 -188
  37. package/tokens/components/wpf/checkedit/fluent.json +0 -58
  38. package/tokens/components/wpf/compact-icon-button/fluent.json +0 -190
  39. package/tokens/components/wpf/popup/fluent.json +0 -208
  40. package/tokens/components/wpf/radio-button/fluent.json +0 -72
  41. package/tokens/components/wpf/scroll-bar/fluent.json +0 -224
  42. package/tokens/components/wpf/scroll-view/fluent.json +0 -129
  43. package/tokens/components/wpf/separator/fluent.json +0 -40
  44. package/tokens/components/wpf/split-button/fluent.json +0 -54
  45. package/tokens/components/wpf/standard-groupbox/fluent.json +0 -362
  46. package/tokens/components/wpf/text-edit/fluent.json +0 -338
  47. package/tokens/components/wpf/toggle-switch/fluent.json +0 -588
  48. package/tokens/components/wpf/wait-indicator/fluent.json +0 -243
  49. /package/tokens/base/colors/icons/{blazor-default → blazor_classic}/dark.json +0 -0
  50. /package/tokens/base/colors/icons/{blazor-default → blazor_classic}/light.json +0 -0
  51. /package/tokens/base/colors/icons/{dx-desktop → desktop_classic}/dark.json +0 -0
  52. /package/tokens/base/colors/icons/{dx-desktop → desktop_classic}/light.json +0 -0
package/tokens/components/core/theme/fluent.json CHANGED
@@ -935,7 +935,7 @@
935
935
  "com.figma.hiddenFromPublishing": false
936
936
  },
937
937
  "$type": "color",
938
- "$value": "{button.contained.color.bg.rest}"
938
+ "$value": "{color.surface.primary.default.rest}"
939
939
  },
940
940
  "hovered": {
941
941
  "$extensions": {
@@ -946,7 +946,7 @@
946
946
  "com.figma.hiddenFromPublishing": false
947
947
  },
948
948
  "$type": "color",
949
- "$value": "{button.contained.color.bg.hovered}"
949
+ "$value": "{color.surface.primary.default.hovered}"
950
950
  },
951
951
  "active": {
952
952
  "$extensions": {
@@ -957,7 +957,7 @@
957
957
  "com.figma.hiddenFromPublishing": false
958
958
  },
959
959
  "$type": "color",
960
- "$value": "{button.contained.color.bg.active}"
960
+ "$value": "{color.surface.primary.default.active}"
961
961
  },
962
962
  "disabled": {
963
963
  "$extensions": {
@@ -968,7 +968,7 @@
968
968
  "com.figma.hiddenFromPublishing": false
969
969
  },
970
970
  "$type": "color",
971
- "$value": "{button.contained.color.bg.disabled}"
971
+ "$value": "{color.surface.neutral.default.disabled}"
972
972
  }
973
973
  },
974
974
  "content": {
@@ -981,7 +981,7 @@
981
981
  "com.figma.hiddenFromPublishing": false
982
982
  },
983
983
  "$type": "color",
984
- "$value": "{button.contained.color.content.rest}"
984
+ "$value": "{color.content.neutral.default.static-dark.rest}"
985
985
  },
986
986
  "disabled": {
987
987
  "$extensions": {
@@ -992,7 +992,7 @@
992
992
  "com.figma.hiddenFromPublishing": false
993
993
  },
994
994
  "$type": "color",
995
- "$value": "{button.contained.color.content.disabled}"
995
+ "$value": "{color.content.neutral.default.disabled}"
996
996
  }
997
997
  },
998
998
  "border": {
@@ -1004,7 +1004,7 @@
1004
1004
  "com.figma.hiddenFromPublishing": false
1005
1005
  },
1006
1006
  "$type": "color",
1007
- "$value": "{button.contained.color.border.rest}"
1007
+ "$value": "{color.border.transparent.rest}"
1008
1008
  }
1009
1009
  }
1010
1010
  }
@@ -1021,7 +1021,7 @@
1021
1021
  "com.figma.hiddenFromPublishing": false
1022
1022
  },
1023
1023
  "$type": "color",
1024
- "$value": "{button.subtle.color.bg.rest}"
1024
+ "$value": "{color.surface.neutral.alpha.rest}"
1025
1025
  },
1026
1026
  "hovered": {
1027
1027
  "$extensions": {
@@ -1032,7 +1032,7 @@
1032
1032
  "com.figma.hiddenFromPublishing": false
1033
1033
  },
1034
1034
  "$type": "color",
1035
- "$value": "{button.subtle.color.bg.hovered}"
1035
+ "$value": "{color.surface.neutral.alpha.hovered}"
1036
1036
  },
1037
1037
  "active": {
1038
1038
  "$extensions": {
@@ -1043,7 +1043,7 @@
1043
1043
  "com.figma.hiddenFromPublishing": false
1044
1044
  },
1045
1045
  "$type": "color",
1046
- "$value": "{button.subtle.color.bg.active}"
1046
+ "$value": "{color.surface.neutral.alpha.active}"
1047
1047
  }
1048
1048
  },
1049
1049
  "content": {
@@ -1056,7 +1056,7 @@
1056
1056
  "com.figma.hiddenFromPublishing": false
1057
1057
  },
1058
1058
  "$type": "color",
1059
- "$value": "{button.subtle.color.content.rest}"
1059
+ "$value": "{color.content.neutral.subdued.rest}"
1060
1060
  },
1061
1061
  "hovered": {
1062
1062
  "$extensions": {
@@ -1067,7 +1067,7 @@
1067
1067
  "com.figma.hiddenFromPublishing": false
1068
1068
  },
1069
1069
  "$type": "color",
1070
- "$value": "{button.subtle.color.content.hovered}"
1070
+ "$value": "{color.content.neutral.subdued.hovered}"
1071
1071
  },
1072
1072
  "active": {
1073
1073
  "$extensions": {
@@ -1078,7 +1078,7 @@
1078
1078
  "com.figma.hiddenFromPublishing": false
1079
1079
  },
1080
1080
  "$type": "color",
1081
- "$value": "{button.subtle.color.content.active}"
1081
+ "$value": "{color.content.neutral.subdued.active}"
1082
1082
  },
1083
1083
  "disabled": {
1084
1084
  "$extensions": {
@@ -1089,7 +1089,7 @@
1089
1089
  "com.figma.hiddenFromPublishing": false
1090
1090
  },
1091
1091
  "$type": "color",
1092
- "$value": "{button.subtle.color.content.disabled}"
1092
+ "$value": "{color.content.neutral.subdued.disabled}"
1093
1093
  }
1094
1094
  },
1095
1095
  "border": {
@@ -1101,7 +1101,7 @@
1101
1101
  "com.figma.hiddenFromPublishing": false
1102
1102
  },
1103
1103
  "$type": "color",
1104
- "$value": "{button.subtle.color.border.rest}"
1104
+ "$value": "{color.border.transparent.rest}"
1105
1105
  }
1106
1106
  }
1107
1107
  }
@@ -1118,7 +1118,7 @@
1118
1118
  "com.figma.hiddenFromPublishing": false
1119
1119
  },
1120
1120
  "$type": "color",
1121
- "$value": "{button.outline.color.bg.rest}"
1121
+ "$value": "{color.surface.neutral.alpha.rest}"
1122
1122
  },
1123
1123
  "hovered": {
1124
1124
  "$extensions": {
@@ -1129,7 +1129,7 @@
1129
1129
  "com.figma.hiddenFromPublishing": false
1130
1130
  },
1131
1131
  "$type": "color",
1132
- "$value": "{button.outline.color.bg.hovered}"
1132
+ "$value": "{color.surface.neutral.alpha.hovered}"
1133
1133
  },
1134
1134
  "active": {
1135
1135
  "$extensions": {
@@ -1140,7 +1140,7 @@
1140
1140
  "com.figma.hiddenFromPublishing": false
1141
1141
  },
1142
1142
  "$type": "color",
1143
- "$value": "{button.outline.color.bg.active}"
1143
+ "$value": "{color.surface.neutral.alpha.active}"
1144
1144
  }
1145
1145
  },
1146
1146
  "content": {
@@ -1153,7 +1153,7 @@
1153
1153
  "com.figma.hiddenFromPublishing": false
1154
1154
  },
1155
1155
  "$type": "color",
1156
- "$value": "{button.outline.color.content.rest}"
1156
+ "$value": "{color.content.neutral.default.rest}"
1157
1157
  },
1158
1158
  "disabled": {
1159
1159
  "$extensions": {
@@ -1164,7 +1164,7 @@
1164
1164
  "com.figma.hiddenFromPublishing": false
1165
1165
  },
1166
1166
  "$type": "color",
1167
- "$value": "{button.outline.color.content.disabled}"
1167
+ "$value": "{color.content.neutral.subdued.disabled}"
1168
1168
  }
1169
1169
  },
1170
1170
  "border": {
@@ -1176,7 +1176,7 @@
1176
1176
  "com.figma.hiddenFromPublishing": false
1177
1177
  },
1178
1178
  "$type": "color",
1179
- "$value": "{button.outline.color.border.rest}"
1179
+ "$value": "{color.border.neutral.default.rest}"
1180
1180
  },
1181
1181
  "hovered": {
1182
1182
  "$extensions": {
@@ -1186,7 +1186,7 @@
1186
1186
  "com.figma.hiddenFromPublishing": false
1187
1187
  },
1188
1188
  "$type": "color",
1189
- "$value": "{button.outline.color.border.hovered}"
1189
+ "$value": "{color.border.neutral.default.hovered}"
1190
1190
  },
1191
1191
  "active": {
1192
1192
  "$extensions": {
@@ -1196,7 +1196,7 @@
1196
1196
  "com.figma.hiddenFromPublishing": false
1197
1197
  },
1198
1198
  "$type": "color",
1199
- "$value": "{button.outline.color.border.active}"
1199
+ "$value": "{color.border.neutral.default.active}"
1200
1200
  },
1201
1201
  "disabled": {
1202
1202
  "$extensions": {
@@ -1206,7 +1206,7 @@
1206
1206
  "com.figma.hiddenFromPublishing": false
1207
1207
  },
1208
1208
  "$type": "color",
1209
- "$value": "{button.outline.color.border.disabled}"
1209
+ "$value": "{color.border.neutral.default.disabled}"
1210
1210
  }
1211
1211
  }
1212
1212
  }
@@ -4181,7 +4181,7 @@
4181
4181
  "com.figma.hiddenFromPublishing": false
4182
4182
  },
4183
4183
  "$type": "color",
4184
- "$value": "{color.border.danger.compound.rest}"
4184
+ "$value": "{color.content.danger.default.rest}"
4185
4185
  }
4186
4186
  }
4187
4187
  }
@@ -5505,6 +5505,23 @@
5505
5505
  }
5506
5506
  }
5507
5507
  }
5508
+ },
5509
+ "header-content": {
5510
+ "color": {
5511
+ "bg": {
5512
+ "rest": {
5513
+ "$extensions": {
5514
+ "com.figma.scopes": [
5515
+ "FRAME_FILL",
5516
+ "SHAPE_FILL"
5517
+ ],
5518
+ "com.figma.hiddenFromPublishing": false
5519
+ },
5520
+ "$type": "color",
5521
+ "$value": "{color.surface.transparent.rest}"
5522
+ }
5523
+ }
5524
+ }
5508
5525
  }
5509
5526
  },
5510
5527
  "cell-editor": {
@@ -5587,6 +5604,23 @@
5587
5604
  }
5588
5605
  }
5589
5606
  }
5607
+ },
5608
+ "header-checkbox": {
5609
+ "color": {
5610
+ "bg": {
5611
+ "rest": {
5612
+ "$extensions": {
5613
+ "com.figma.scopes": [
5614
+ "FRAME_FILL",
5615
+ "SHAPE_FILL"
5616
+ ],
5617
+ "com.figma.hiddenFromPublishing": false
5618
+ },
5619
+ "$type": "color",
5620
+ "$value": "{color.surface.transparent.rest}"
5621
+ }
5622
+ }
5623
+ }
5590
5624
  }
5591
5625
  },
5592
5626
  "cell": {
@@ -5816,42 +5850,6 @@
5816
5850
  }
5817
5851
  }
5818
5852
  },
5819
- "cell-header": {
5820
- "checkbox": {
5821
- "color": {
5822
- "bg": {
5823
- "rest": {
5824
- "$extensions": {
5825
- "com.figma.scopes": [
5826
- "FRAME_FILL",
5827
- "SHAPE_FILL"
5828
- ],
5829
- "com.figma.hiddenFromPublishing": false
5830
- },
5831
- "$type": "color",
5832
- "$value": "{color.surface.transparent.rest}"
5833
- }
5834
- }
5835
- }
5836
- },
5837
- "content": {
5838
- "color": {
5839
- "bg": {
5840
- "rest": {
5841
- "$extensions": {
5842
- "com.figma.scopes": [
5843
- "FRAME_FILL",
5844
- "SHAPE_FILL"
5845
- ],
5846
- "com.figma.hiddenFromPublishing": false
5847
- },
5848
- "$type": "color",
5849
- "$value": "{color.surface.transparent.rest}"
5850
- }
5851
- }
5852
- }
5853
- }
5854
- },
5855
5853
  "row": {
5856
5854
  "color": {
5857
5855
  "bg": {
@@ -6310,7 +6308,7 @@
6310
6308
  "com.figma.hiddenFromPublishing": false
6311
6309
  },
6312
6310
  "$type": "color",
6313
- "$value": "#f4f4f3"
6311
+ "$value": "{color.surface.neutral.default.rest}"
6314
6312
  }
6315
6313
  }
6316
6314
  }
@@ -6569,7 +6567,7 @@
6569
6567
  "com.figma.hiddenFromPublishing": false
6570
6568
  },
6571
6569
  "$type": "color",
6572
- "$value": "{color.surface.neutral.subdued.rest}"
6570
+ "$value": "{color.surface.neutral.default.rest}"
6573
6571
  }
6574
6572
  }
6575
6573
  }
@@ -6586,7 +6584,62 @@
6586
6584
  "com.figma.hiddenFromPublishing": false
6587
6585
  },
6588
6586
  "$type": "color",
6589
- "$value": "{color.surface.neutral.subdued.rest}"
6587
+ "$value": "{color.surface.neutral.default.rest}"
6588
+ }
6589
+ }
6590
+ }
6591
+ },
6592
+ "input": {
6593
+ "attachment-item": {
6594
+ "color": {
6595
+ "bg": {
6596
+ "rest": {
6597
+ "$extensions": {
6598
+ "com.figma.scopes": [
6599
+ "FRAME_FILL",
6600
+ "SHAPE_FILL"
6601
+ ],
6602
+ "com.figma.hiddenFromPublishing": false
6603
+ },
6604
+ "$type": "color",
6605
+ "$value": "{color.surface.neutral.deep.rest}"
6606
+ }
6607
+ },
6608
+ "border": {
6609
+ "rest": {
6610
+ "$extensions": {
6611
+ "com.figma.scopes": [
6612
+ "STROKE_COLOR"
6613
+ ],
6614
+ "com.figma.hiddenFromPublishing": false
6615
+ },
6616
+ "$type": "color",
6617
+ "$value": "{color.border.transparent.rest}"
6618
+ }
6619
+ },
6620
+ "icon": {
6621
+ "rest": {
6622
+ "$extensions": {
6623
+ "com.figma.scopes": [
6624
+ "SHAPE_FILL"
6625
+ ],
6626
+ "com.figma.hiddenFromPublishing": false
6627
+ },
6628
+ "$type": "color",
6629
+ "$value": "{color.content.neutral.subdued.rest}"
6630
+ }
6631
+ },
6632
+ "validation-text": {
6633
+ "rest": {
6634
+ "$extensions": {
6635
+ "com.figma.scopes": [
6636
+ "TEXT_FILL"
6637
+ ],
6638
+ "com.figma.hiddenFromPublishing": false
6639
+ },
6640
+ "$type": "color",
6641
+ "$value": "{color.content.danger.default.rest}"
6642
+ }
6590
6643
  }
6591
6644
  }
6592
6645
  }