@devexpress/design-tokens-internal 262.3.0 → 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 (45) hide show
  1. package/package.json +1 -1
  2. package/tokens/components/README.md +11 -9
  3. package/tokens/components/core/size/fluent_large.json +91 -93
  4. package/tokens/components/core/size/fluent_medium.json +91 -93
  5. package/tokens/components/core/size/fluent_small.json +91 -93
  6. package/tokens/components/core/size/material_medium.json +91 -93
  7. package/tokens/components/core/theme/fluent.json +35 -37
  8. package/tokens/components/core/theme/material.json +35 -37
  9. package/tokens/components/wpf/button-group/fluent.json +6 -6
  10. package/tokens/components/wpf/card-view/fluent.json +55 -55
  11. package/tokens/components/wpf/datapager/fluent.json +18 -18
  12. package/tokens/components/wpf/docking/fluent.json +1 -1
  13. package/tokens/components/wpf/grid/fluent.json +79 -79
  14. package/tokens/components/wpf/groupbox/fluent.json +52 -52
  15. package/tokens/components/wpf/listbox-edit/fluent.json +75 -75
  16. package/tokens/components/wpf/pagercontrol/fluent.json +44 -44
  17. package/tokens/components/wpf/progress-bar/fluent.json +47 -47
  18. package/tokens/components/wpf/size/fluent_medium.json +2962 -0
  19. package/tokens/components/wpf/size/fluent_small.json +2962 -0
  20. package/tokens/components/wpf/text-content/fluent.json +3 -1
  21. package/tokens/components/wpf/theme/fluent.json +2623 -0
  22. package/tokens/components/wpf/themed-window/fluent.json +60 -60
  23. package/tokens/components/wpf/treeview/fluent.json +23 -23
  24. package/tokens.flat.json +778 -660
  25. package/tokens/components/wpf/badge/fluent.json +0 -126
  26. package/tokens/components/wpf/bars/fluent.json +0 -2998
  27. package/tokens/components/wpf/button/fluent.json +0 -598
  28. package/tokens/components/wpf/button-edit/fluent.json +0 -625
  29. package/tokens/components/wpf/button-text/fluent.json +0 -188
  30. package/tokens/components/wpf/checkedit/fluent.json +0 -58
  31. package/tokens/components/wpf/compact-icon-button/fluent.json +0 -190
  32. package/tokens/components/wpf/popup/fluent.json +0 -209
  33. package/tokens/components/wpf/radio-button/fluent.json +0 -72
  34. package/tokens/components/wpf/scroll-bar/fluent.json +0 -224
  35. package/tokens/components/wpf/scroll-view/fluent.json +0 -129
  36. package/tokens/components/wpf/separator/fluent.json +0 -40
  37. package/tokens/components/wpf/split-button/fluent.json +0 -54
  38. package/tokens/components/wpf/standard-groupbox/fluent.json +0 -362
  39. package/tokens/components/wpf/text-edit/fluent.json +0 -337
  40. package/tokens/components/wpf/toggle-switch/fluent.json +0 -595
  41. package/tokens/components/wpf/wait-indicator/fluent.json +0 -243
  42. /package/tokens/base/colors/icons/{blazor-default → blazor_classic}/dark.json +0 -0
  43. /package/tokens/base/colors/icons/{blazor-default → blazor_classic}/light.json +0 -0
  44. /package/tokens/base/colors/icons/{dx-desktop → desktop_classic}/dark.json +0 -0
  45. /package/tokens/base/colors/icons/{dx-desktop → desktop_classic}/light.json +0 -0
package/tokens/components/core/size/fluent_small.json CHANGED
@@ -1726,7 +1726,7 @@
1726
1726
  "size": {
1727
1727
  "$extensions": {
1728
1728
  "com.figma.scopes": [
1729
- "WIDTH_HEIGHT"
1729
+ "ALL_SCOPES"
1730
1730
  ],
1731
1731
  "com.figma.hiddenFromPublishing": false
1732
1732
  },
@@ -2097,7 +2097,7 @@
2097
2097
  "inline": {
2098
2098
  "$extensions": {
2099
2099
  "com.figma.scopes": [
2100
- "WIDTH_HEIGHT"
2100
+ "ALL_SCOPES"
2101
2101
  ],
2102
2102
  "com.figma.hiddenFromPublishing": false
2103
2103
  },
@@ -2107,7 +2107,7 @@
2107
2107
  "stacked": {
2108
2108
  "$extensions": {
2109
2109
  "com.figma.scopes": [
2110
- "WIDTH_HEIGHT"
2110
+ "ALL_SCOPES"
2111
2111
  ],
2112
2112
  "com.figma.hiddenFromPublishing": false
2113
2113
  },
@@ -2120,7 +2120,7 @@
2120
2120
  "size": {
2121
2121
  "$extensions": {
2122
2122
  "com.figma.scopes": [
2123
- "WIDTH_HEIGHT"
2123
+ "ALL_SCOPES"
2124
2124
  ],
2125
2125
  "com.figma.hiddenFromPublishing": false
2126
2126
  },
@@ -2307,7 +2307,7 @@
2307
2307
  "size": {
2308
2308
  "$extensions": {
2309
2309
  "com.figma.scopes": [
2310
- "WIDTH_HEIGHT"
2310
+ "ALL_SCOPES"
2311
2311
  ],
2312
2312
  "com.figma.hiddenFromPublishing": false
2313
2313
  },
@@ -2443,7 +2443,7 @@
2443
2443
  "size": {
2444
2444
  "$extensions": {
2445
2445
  "com.figma.scopes": [
2446
- "WIDTH_HEIGHT"
2446
+ "ALL_SCOPES"
2447
2447
  ],
2448
2448
  "com.figma.hiddenFromPublishing": false
2449
2449
  },
@@ -2585,7 +2585,7 @@
2585
2585
  "size": {
2586
2586
  "$extensions": {
2587
2587
  "com.figma.scopes": [
2588
- "WIDTH_HEIGHT"
2588
+ "ALL_SCOPES"
2589
2589
  ],
2590
2590
  "com.figma.hiddenFromPublishing": false
2591
2591
  },
@@ -4096,7 +4096,7 @@
4096
4096
  "size": {
4097
4097
  "$extensions": {
4098
4098
  "com.figma.scopes": [
4099
- "WIDTH_HEIGHT"
4099
+ "ALL_SCOPES"
4100
4100
  ],
4101
4101
  "com.figma.hiddenFromPublishing": false
4102
4102
  },
@@ -4955,7 +4955,7 @@
4955
4955
  "size": {
4956
4956
  "$extensions": {
4957
4957
  "com.figma.scopes": [
4958
- "WIDTH_HEIGHT"
4958
+ "ALL_SCOPES"
4959
4959
  ],
4960
4960
  "com.figma.hiddenFromPublishing": false
4961
4961
  },
@@ -8997,6 +8997,52 @@
8997
8997
  }
8998
8998
  }
8999
8999
  },
9000
+ "header-content": {
9001
+ "layout": {
9002
+ "min-height": {
9003
+ "$extensions": {
9004
+ "com.figma.scopes": [
9005
+ "WIDTH_HEIGHT"
9006
+ ],
9007
+ "com.figma.hiddenFromPublishing": false
9008
+ },
9009
+ "$type": "number",
9010
+ "$value": "{spacing.200}"
9011
+ },
9012
+ "horizontal": {
9013
+ "$extensions": {
9014
+ "com.figma.scopes": [
9015
+ "GAP"
9016
+ ],
9017
+ "com.figma.hiddenFromPublishing": false
9018
+ },
9019
+ "$type": "number",
9020
+ "$value": "{spacing.60}"
9021
+ },
9022
+ "gap": {
9023
+ "$extensions": {
9024
+ "com.figma.scopes": [
9025
+ "GAP"
9026
+ ],
9027
+ "com.figma.hiddenFromPublishing": false
9028
+ },
9029
+ "$type": "number",
9030
+ "$value": "{spacing.40}"
9031
+ },
9032
+ "text-content": {
9033
+ "vertical": {
9034
+ "$extensions": {
9035
+ "com.figma.scopes": [
9036
+ "GAP"
9037
+ ],
9038
+ "com.figma.hiddenFromPublishing": false
9039
+ },
9040
+ "$type": "number",
9041
+ "$value": "{spacing.20}"
9042
+ }
9043
+ }
9044
+ }
9045
+ },
9000
9046
  "tag-list": {
9001
9047
  "layout": {
9002
9048
  "item-gap": {
@@ -9227,6 +9273,42 @@
9227
9273
  }
9228
9274
  }
9229
9275
  }
9276
+ },
9277
+ "header-checkbox": {
9278
+ "layout": {
9279
+ "min-height": {
9280
+ "$extensions": {
9281
+ "com.figma.scopes": [
9282
+ "WIDTH_HEIGHT"
9283
+ ],
9284
+ "com.figma.hiddenFromPublishing": false
9285
+ },
9286
+ "$type": "number",
9287
+ "$value": "{spacing.200}"
9288
+ },
9289
+ "horizontal": {
9290
+ "$extensions": {
9291
+ "com.figma.scopes": [
9292
+ "GAP"
9293
+ ],
9294
+ "com.figma.hiddenFromPublishing": false
9295
+ },
9296
+ "$type": "number",
9297
+ "$value": "{spacing.40}"
9298
+ },
9299
+ "check-item": {
9300
+ "vertical": {
9301
+ "$extensions": {
9302
+ "com.figma.scopes": [
9303
+ "GAP"
9304
+ ],
9305
+ "com.figma.hiddenFromPublishing": false
9306
+ },
9307
+ "$type": "number",
9308
+ "$value": "{spacing.20}"
9309
+ }
9310
+ }
9311
+ }
9230
9312
  }
9231
9313
  },
9232
9314
  "cell": {
@@ -9355,90 +9437,6 @@
9355
9437
  }
9356
9438
  }
9357
9439
  },
9358
- "cell-header": {
9359
- "checkbox": {
9360
- "layout": {
9361
- "min-height": {
9362
- "$extensions": {
9363
- "com.figma.scopes": [
9364
- "WIDTH_HEIGHT"
9365
- ],
9366
- "com.figma.hiddenFromPublishing": false
9367
- },
9368
- "$type": "number",
9369
- "$value": "{spacing.200}"
9370
- },
9371
- "horizontal": {
9372
- "$extensions": {
9373
- "com.figma.scopes": [
9374
- "GAP"
9375
- ],
9376
- "com.figma.hiddenFromPublishing": false
9377
- },
9378
- "$type": "number",
9379
- "$value": "{spacing.40}"
9380
- },
9381
- "check-item": {
9382
- "vertical": {
9383
- "$extensions": {
9384
- "com.figma.scopes": [
9385
- "GAP"
9386
- ],
9387
- "com.figma.hiddenFromPublishing": false
9388
- },
9389
- "$type": "number",
9390
- "$value": "{spacing.20}"
9391
- }
9392
- }
9393
- }
9394
- },
9395
- "content": {
9396
- "layout": {
9397
- "min-height": {
9398
- "$extensions": {
9399
- "com.figma.scopes": [
9400
- "WIDTH_HEIGHT"
9401
- ],
9402
- "com.figma.hiddenFromPublishing": false
9403
- },
9404
- "$type": "number",
9405
- "$value": "{spacing.200}"
9406
- },
9407
- "horizontal": {
9408
- "$extensions": {
9409
- "com.figma.scopes": [
9410
- "GAP"
9411
- ],
9412
- "com.figma.hiddenFromPublishing": false
9413
- },
9414
- "$type": "number",
9415
- "$value": "{spacing.60}"
9416
- },
9417
- "gap": {
9418
- "$extensions": {
9419
- "com.figma.scopes": [
9420
- "GAP"
9421
- ],
9422
- "com.figma.hiddenFromPublishing": false
9423
- },
9424
- "$type": "number",
9425
- "$value": "{spacing.40}"
9426
- },
9427
- "text-content": {
9428
- "vertical": {
9429
- "$extensions": {
9430
- "com.figma.scopes": [
9431
- "GAP"
9432
- ],
9433
- "com.figma.hiddenFromPublishing": false
9434
- },
9435
- "$type": "number",
9436
- "$value": "{spacing.20}"
9437
- }
9438
- }
9439
- }
9440
- }
9441
- },
9442
9440
  "detail-row": {
9443
9441
  "layout": {
9444
9442
  "content-box": {
package/tokens/components/core/size/material_medium.json CHANGED
@@ -1726,7 +1726,7 @@
1726
1726
  "size": {
1727
1727
  "$extensions": {
1728
1728
  "com.figma.scopes": [
1729
- "WIDTH_HEIGHT"
1729
+ "ALL_SCOPES"
1730
1730
  ],
1731
1731
  "com.figma.hiddenFromPublishing": false
1732
1732
  },
@@ -2097,7 +2097,7 @@
2097
2097
  "inline": {
2098
2098
  "$extensions": {
2099
2099
  "com.figma.scopes": [
2100
- "WIDTH_HEIGHT"
2100
+ "ALL_SCOPES"
2101
2101
  ],
2102
2102
  "com.figma.hiddenFromPublishing": false
2103
2103
  },
@@ -2107,7 +2107,7 @@
2107
2107
  "stacked": {
2108
2108
  "$extensions": {
2109
2109
  "com.figma.scopes": [
2110
- "WIDTH_HEIGHT"
2110
+ "ALL_SCOPES"
2111
2111
  ],
2112
2112
  "com.figma.hiddenFromPublishing": false
2113
2113
  },
@@ -2120,7 +2120,7 @@
2120
2120
  "size": {
2121
2121
  "$extensions": {
2122
2122
  "com.figma.scopes": [
2123
- "WIDTH_HEIGHT"
2123
+ "ALL_SCOPES"
2124
2124
  ],
2125
2125
  "com.figma.hiddenFromPublishing": false
2126
2126
  },
@@ -2307,7 +2307,7 @@
2307
2307
  "size": {
2308
2308
  "$extensions": {
2309
2309
  "com.figma.scopes": [
2310
- "WIDTH_HEIGHT"
2310
+ "ALL_SCOPES"
2311
2311
  ],
2312
2312
  "com.figma.hiddenFromPublishing": false
2313
2313
  },
@@ -2443,7 +2443,7 @@
2443
2443
  "size": {
2444
2444
  "$extensions": {
2445
2445
  "com.figma.scopes": [
2446
- "WIDTH_HEIGHT"
2446
+ "ALL_SCOPES"
2447
2447
  ],
2448
2448
  "com.figma.hiddenFromPublishing": false
2449
2449
  },
@@ -2585,7 +2585,7 @@
2585
2585
  "size": {
2586
2586
  "$extensions": {
2587
2587
  "com.figma.scopes": [
2588
- "WIDTH_HEIGHT"
2588
+ "ALL_SCOPES"
2589
2589
  ],
2590
2590
  "com.figma.hiddenFromPublishing": false
2591
2591
  },
@@ -4096,7 +4096,7 @@
4096
4096
  "size": {
4097
4097
  "$extensions": {
4098
4098
  "com.figma.scopes": [
4099
- "WIDTH_HEIGHT"
4099
+ "ALL_SCOPES"
4100
4100
  ],
4101
4101
  "com.figma.hiddenFromPublishing": false
4102
4102
  },
@@ -4955,7 +4955,7 @@
4955
4955
  "size": {
4956
4956
  "$extensions": {
4957
4957
  "com.figma.scopes": [
4958
- "WIDTH_HEIGHT"
4958
+ "ALL_SCOPES"
4959
4959
  ],
4960
4960
  "com.figma.hiddenFromPublishing": false
4961
4961
  },
@@ -8997,6 +8997,52 @@
8997
8997
  }
8998
8998
  }
8999
8999
  },
9000
+ "header-content": {
9001
+ "layout": {
9002
+ "min-height": {
9003
+ "$extensions": {
9004
+ "com.figma.scopes": [
9005
+ "WIDTH_HEIGHT"
9006
+ ],
9007
+ "com.figma.hiddenFromPublishing": false
9008
+ },
9009
+ "$type": "number",
9010
+ "$value": "{spacing.360}"
9011
+ },
9012
+ "horizontal": {
9013
+ "$extensions": {
9014
+ "com.figma.scopes": [
9015
+ "GAP"
9016
+ ],
9017
+ "com.figma.hiddenFromPublishing": false
9018
+ },
9019
+ "$type": "number",
9020
+ "$value": "{spacing.140}"
9021
+ },
9022
+ "gap": {
9023
+ "$extensions": {
9024
+ "com.figma.scopes": [
9025
+ "GAP"
9026
+ ],
9027
+ "com.figma.hiddenFromPublishing": false
9028
+ },
9029
+ "$type": "number",
9030
+ "$value": "{spacing.120}"
9031
+ },
9032
+ "text-content": {
9033
+ "vertical": {
9034
+ "$extensions": {
9035
+ "com.figma.scopes": [
9036
+ "GAP"
9037
+ ],
9038
+ "com.figma.hiddenFromPublishing": false
9039
+ },
9040
+ "$type": "number",
9041
+ "$value": "{spacing.50}"
9042
+ }
9043
+ }
9044
+ }
9045
+ },
9000
9046
  "tag-list": {
9001
9047
  "layout": {
9002
9048
  "item-gap": {
@@ -9227,6 +9273,42 @@
9227
9273
  }
9228
9274
  }
9229
9275
  }
9276
+ },
9277
+ "header-checkbox": {
9278
+ "layout": {
9279
+ "min-height": {
9280
+ "$extensions": {
9281
+ "com.figma.scopes": [
9282
+ "WIDTH_HEIGHT"
9283
+ ],
9284
+ "com.figma.hiddenFromPublishing": false
9285
+ },
9286
+ "$type": "number",
9287
+ "$value": "{spacing.360}"
9288
+ },
9289
+ "horizontal": {
9290
+ "$extensions": {
9291
+ "com.figma.scopes": [
9292
+ "GAP"
9293
+ ],
9294
+ "com.figma.hiddenFromPublishing": false
9295
+ },
9296
+ "$type": "number",
9297
+ "$value": "{spacing.120}"
9298
+ },
9299
+ "check-item": {
9300
+ "vertical": {
9301
+ "$extensions": {
9302
+ "com.figma.scopes": [
9303
+ "GAP"
9304
+ ],
9305
+ "com.figma.hiddenFromPublishing": false
9306
+ },
9307
+ "$type": "number",
9308
+ "$value": "{spacing.80}"
9309
+ }
9310
+ }
9311
+ }
9230
9312
  }
9231
9313
  },
9232
9314
  "cell": {
@@ -9355,90 +9437,6 @@
9355
9437
  }
9356
9438
  }
9357
9439
  },
9358
- "cell-header": {
9359
- "checkbox": {
9360
- "layout": {
9361
- "min-height": {
9362
- "$extensions": {
9363
- "com.figma.scopes": [
9364
- "WIDTH_HEIGHT"
9365
- ],
9366
- "com.figma.hiddenFromPublishing": false
9367
- },
9368
- "$type": "number",
9369
- "$value": "{spacing.360}"
9370
- },
9371
- "horizontal": {
9372
- "$extensions": {
9373
- "com.figma.scopes": [
9374
- "GAP"
9375
- ],
9376
- "com.figma.hiddenFromPublishing": false
9377
- },
9378
- "$type": "number",
9379
- "$value": "{spacing.120}"
9380
- },
9381
- "check-item": {
9382
- "vertical": {
9383
- "$extensions": {
9384
- "com.figma.scopes": [
9385
- "GAP"
9386
- ],
9387
- "com.figma.hiddenFromPublishing": false
9388
- },
9389
- "$type": "number",
9390
- "$value": "{spacing.80}"
9391
- }
9392
- }
9393
- }
9394
- },
9395
- "content": {
9396
- "layout": {
9397
- "min-height": {
9398
- "$extensions": {
9399
- "com.figma.scopes": [
9400
- "WIDTH_HEIGHT"
9401
- ],
9402
- "com.figma.hiddenFromPublishing": false
9403
- },
9404
- "$type": "number",
9405
- "$value": "{spacing.360}"
9406
- },
9407
- "horizontal": {
9408
- "$extensions": {
9409
- "com.figma.scopes": [
9410
- "GAP"
9411
- ],
9412
- "com.figma.hiddenFromPublishing": false
9413
- },
9414
- "$type": "number",
9415
- "$value": "{spacing.140}"
9416
- },
9417
- "gap": {
9418
- "$extensions": {
9419
- "com.figma.scopes": [
9420
- "GAP"
9421
- ],
9422
- "com.figma.hiddenFromPublishing": false
9423
- },
9424
- "$type": "number",
9425
- "$value": "{spacing.120}"
9426
- },
9427
- "text-content": {
9428
- "vertical": {
9429
- "$extensions": {
9430
- "com.figma.scopes": [
9431
- "GAP"
9432
- ],
9433
- "com.figma.hiddenFromPublishing": false
9434
- },
9435
- "$type": "number",
9436
- "$value": "{spacing.50}"
9437
- }
9438
- }
9439
- }
9440
- }
9441
- },
9442
9440
  "detail-row": {
9443
9441
  "layout": {
9444
9442
  "content-box": {
package/tokens/components/core/theme/fluent.json CHANGED
@@ -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": {