@devexpress/design-tokens-internal 262.2.0 → 262.3.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 (30) hide show
  1. package/package.json +1 -1
  2. package/tokens/components/blazor/size/fluent_large.json +2 -2
  3. package/tokens/components/blazor/size/fluent_medium.json +2 -2
  4. package/tokens/components/blazor/size/fluent_small.json +2 -2
  5. package/tokens/components/core/size/fluent_large.json +288 -96
  6. package/tokens/components/core/size/fluent_medium.json +286 -94
  7. package/tokens/components/core/size/fluent_small.json +286 -94
  8. package/tokens/components/core/size/material_medium.json +288 -96
  9. package/tokens/components/core/theme/fluent.json +82 -27
  10. package/tokens/components/core/theme/material.json +82 -27
  11. package/tokens/components/wpf/accordion/fluent.json +32 -27
  12. package/tokens/components/wpf/bars/fluent.json +26 -34
  13. package/tokens/components/wpf/button-edit/fluent.json +26 -13
  14. package/tokens/components/wpf/card-view/fluent.json +22 -17
  15. package/tokens/components/wpf/docking/fluent.json +17 -21
  16. package/tokens/components/wpf/filter-edit/fluent.json +52 -36
  17. package/tokens/components/wpf/gallery/fluent.json +28 -33
  18. package/tokens/components/wpf/grid/fluent.json +14 -32
  19. package/tokens/components/wpf/groupbox/fluent.json +14 -10
  20. package/tokens/components/wpf/listbox-edit/fluent.json +12 -12
  21. package/tokens/components/wpf/pagercontrol/fluent.json +4 -3
  22. package/tokens/components/wpf/popup/fluent.json +2 -1
  23. package/tokens/components/wpf/progress-bar/fluent.json +70 -47
  24. package/tokens/components/wpf/ribbon/fluent.json +30 -30
  25. package/tokens/components/wpf/text-content/fluent.json +20 -0
  26. package/tokens/components/wpf/text-edit/fluent.json +9 -10
  27. package/tokens/components/wpf/themed-window/fluent.json +21 -21
  28. package/tokens/components/wpf/toggle-switch/fluent.json +14 -7
  29. package/tokens/components/wpf/treeview/fluent.json +8 -7
  30. package/tokens.flat.json +140 -65
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@devexpress/design-tokens-internal",
3
- "version": "262.2.0",
3
+ "version": "262.3.0",
4
4
  "description": "",
5
5
  "license": "ISC",
6
6
  "author": "",
@@ -408,7 +408,7 @@
408
408
  "$value": "{spacing.30}"
409
409
  }
410
410
  },
411
- "outter-box": {
411
+ "outer-box": {
412
412
  "gap": {
413
413
  "vertical": {
414
414
  "$extensions": {
@@ -885,7 +885,7 @@
885
885
  "menu": {
886
886
  "button": {
887
887
  "layout": {
888
- "outter-box": {
888
+ "outer-box": {
889
889
  "horizontal": {
890
890
  "$extensions": {
891
891
  "com.figma.scopes": [
@@ -408,7 +408,7 @@
408
408
  "$value": "{spacing.20}"
409
409
  }
410
410
  },
411
- "outter-box": {
411
+ "outer-box": {
412
412
  "gap": {
413
413
  "vertical": {
414
414
  "$extensions": {
@@ -885,7 +885,7 @@
885
885
  "menu": {
886
886
  "button": {
887
887
  "layout": {
888
- "outter-box": {
888
+ "outer-box": {
889
889
  "horizontal": {
890
890
  "$extensions": {
891
891
  "com.figma.scopes": [
@@ -408,7 +408,7 @@
408
408
  "$value": "{spacing.20}"
409
409
  }
410
410
  },
411
- "outter-box": {
411
+ "outer-box": {
412
412
  "gap": {
413
413
  "vertical": {
414
414
  "$extensions": {
@@ -885,7 +885,7 @@
885
885
  "menu": {
886
886
  "button": {
887
887
  "layout": {
888
- "outter-box": {
888
+ "outer-box": {
889
889
  "horizontal": {
890
890
  "$extensions": {
891
891
  "com.figma.scopes": [
@@ -1726,7 +1726,7 @@
1726
1726
  "size": {
1727
1727
  "$extensions": {
1728
1728
  "com.figma.scopes": [
1729
- "ALL_SCOPES"
1729
+ "WIDTH_HEIGHT"
1730
1730
  ],
1731
1731
  "com.figma.hiddenFromPublishing": false
1732
1732
  },
@@ -2453,133 +2453,131 @@
2453
2453
  }
2454
2454
  },
2455
2455
  "compact-button": {
2456
- "contained": {
2457
- "typography": {
2458
- "font-family": {
2459
- "$extensions": {
2460
- "com.figma.scopes": [
2461
- "FONT_FAMILY"
2462
- ],
2463
- "com.figma.hiddenFromPublishing": false
2464
- },
2465
- "$type": "text",
2466
- "$value": "{font-family.sans-serif}"
2456
+ "typography": {
2457
+ "font-family": {
2458
+ "$extensions": {
2459
+ "com.figma.scopes": [
2460
+ "FONT_FAMILY"
2461
+ ],
2462
+ "com.figma.hiddenFromPublishing": false
2467
2463
  },
2468
- "font-size": {
2469
- "$extensions": {
2470
- "com.figma.scopes": [
2471
- "FONT_SIZE"
2472
- ],
2473
- "com.figma.hiddenFromPublishing": false
2474
- },
2475
- "$type": "number",
2476
- "$value": "{font-size.base.md}"
2464
+ "$type": "text",
2465
+ "$value": "{font-family.sans-serif}"
2466
+ },
2467
+ "font-size": {
2468
+ "$extensions": {
2469
+ "com.figma.scopes": [
2470
+ "FONT_SIZE"
2471
+ ],
2472
+ "com.figma.hiddenFromPublishing": false
2477
2473
  },
2478
- "font-weight": {
2474
+ "$type": "number",
2475
+ "$value": "{font-size.base.md}"
2476
+ },
2477
+ "font-weight": {
2478
+ "$extensions": {
2479
+ "com.figma.scopes": [
2480
+ "FONT_WEIGHT"
2481
+ ],
2482
+ "com.figma.hiddenFromPublishing": false
2483
+ },
2484
+ "$type": "number",
2485
+ "$value": "{font-weight.base.default}"
2486
+ },
2487
+ "letter-spacing": {
2488
+ "$extensions": {
2489
+ "com.figma.scopes": [
2490
+ "LETTER_SPACING"
2491
+ ],
2492
+ "com.figma.hiddenFromPublishing": false
2493
+ },
2494
+ "$type": "number",
2495
+ "$value": "{letter-spacing.base.md}"
2496
+ },
2497
+ "line-height": {
2498
+ "$extensions": {
2499
+ "com.figma.scopes": [
2500
+ "LINE_HEIGHT"
2501
+ ],
2502
+ "com.figma.hiddenFromPublishing": false
2503
+ },
2504
+ "$type": "number",
2505
+ "$value": "{line-height.base.md}"
2506
+ }
2507
+ },
2508
+ "borders": {
2509
+ "border-radius": {
2510
+ "$extensions": {
2511
+ "com.figma.scopes": [
2512
+ "CORNER_RADIUS"
2513
+ ],
2514
+ "com.figma.hiddenFromPublishing": false
2515
+ },
2516
+ "$type": "number",
2517
+ "$value": "{global.border-radius.default}"
2518
+ },
2519
+ "border-width": {
2520
+ "$extensions": {
2521
+ "com.figma.scopes": [
2522
+ "STROKE_FLOAT"
2523
+ ],
2524
+ "com.figma.hiddenFromPublishing": false
2525
+ },
2526
+ "$type": "number",
2527
+ "$value": "{border-width.10}"
2528
+ }
2529
+ },
2530
+ "layout": {
2531
+ "inner-box": {
2532
+ "gap": {
2479
2533
  "$extensions": {
2480
2534
  "com.figma.scopes": [
2481
- "FONT_WEIGHT"
2535
+ "GAP"
2482
2536
  ],
2483
2537
  "com.figma.hiddenFromPublishing": false
2484
2538
  },
2485
2539
  "$type": "number",
2486
- "$value": "{font-weight.base.default}"
2540
+ "$value": "{spacing.40}"
2487
2541
  },
2488
- "letter-spacing": {
2542
+ "horizontal": {
2489
2543
  "$extensions": {
2490
2544
  "com.figma.scopes": [
2491
- "LETTER_SPACING"
2545
+ "GAP"
2492
2546
  ],
2493
2547
  "com.figma.hiddenFromPublishing": false
2494
2548
  },
2495
2549
  "$type": "number",
2496
- "$value": "{letter-spacing.base.md}"
2550
+ "$value": "{spacing.70}"
2497
2551
  },
2498
- "line-height": {
2552
+ "horizontal-icon-only": {
2499
2553
  "$extensions": {
2500
2554
  "com.figma.scopes": [
2501
- "LINE_HEIGHT"
2555
+ "GAP"
2502
2556
  ],
2503
2557
  "com.figma.hiddenFromPublishing": false
2504
2558
  },
2505
2559
  "$type": "number",
2506
- "$value": "{line-height.base.md}"
2507
- }
2508
- },
2509
- "borders": {
2510
- "border-radius": {
2560
+ "$value": "{spacing.10}"
2561
+ },
2562
+ "vertical": {
2511
2563
  "$extensions": {
2512
2564
  "com.figma.scopes": [
2513
- "CORNER_RADIUS"
2565
+ "GAP"
2514
2566
  ],
2515
2567
  "com.figma.hiddenFromPublishing": false
2516
2568
  },
2517
2569
  "$type": "number",
2518
- "$value": "{button.borders.border-radius}"
2570
+ "$value": "{spacing.10}"
2519
2571
  },
2520
- "border-width": {
2572
+ "vertical-icon-only": {
2521
2573
  "$extensions": {
2522
2574
  "com.figma.scopes": [
2523
- "STROKE_FLOAT"
2575
+ "GAP"
2524
2576
  ],
2525
2577
  "com.figma.hiddenFromPublishing": false
2526
2578
  },
2527
2579
  "$type": "number",
2528
- "$value": "{button.borders.border-width}"
2529
- }
2530
- },
2531
- "layout": {
2532
- "inner-box": {
2533
- "gap": {
2534
- "$extensions": {
2535
- "com.figma.scopes": [
2536
- "GAP"
2537
- ],
2538
- "com.figma.hiddenFromPublishing": false
2539
- },
2540
- "$type": "number",
2541
- "$value": "{spacing.40}"
2542
- },
2543
- "horizontal": {
2544
- "$extensions": {
2545
- "com.figma.scopes": [
2546
- "GAP"
2547
- ],
2548
- "com.figma.hiddenFromPublishing": false
2549
- },
2550
- "$type": "number",
2551
- "$value": "{spacing.70}"
2552
- },
2553
- "horizontal-icon-only": {
2554
- "$extensions": {
2555
- "com.figma.scopes": [
2556
- "GAP"
2557
- ],
2558
- "com.figma.hiddenFromPublishing": false
2559
- },
2560
- "$type": "number",
2561
- "$value": "{spacing.10}"
2562
- },
2563
- "vertical": {
2564
- "$extensions": {
2565
- "com.figma.scopes": [
2566
- "GAP"
2567
- ],
2568
- "com.figma.hiddenFromPublishing": false
2569
- },
2570
- "$type": "number",
2571
- "$value": "{spacing.10}"
2572
- },
2573
- "vertical-icon-only": {
2574
- "$extensions": {
2575
- "com.figma.scopes": [
2576
- "GAP"
2577
- ],
2578
- "com.figma.hiddenFromPublishing": false
2579
- },
2580
- "$type": "number",
2581
- "$value": "{spacing.10}"
2582
- }
2580
+ "$value": "{spacing.10}"
2583
2581
  }
2584
2582
  }
2585
2583
  },
@@ -3678,6 +3676,190 @@
3678
3676
  "$type": "number",
3679
3677
  "$value": "{spacing.110}"
3680
3678
  }
3679
+ },
3680
+ "outer-box": {
3681
+ "max-width": {
3682
+ "$extensions": {
3683
+ "com.figma.scopes": [
3684
+ "WIDTH_HEIGHT"
3685
+ ],
3686
+ "com.figma.hiddenFromPublishing": false
3687
+ },
3688
+ "$type": "number",
3689
+ "$value": 720
3690
+ }
3691
+ }
3692
+ },
3693
+ "attachment-item": {
3694
+ "borders": {
3695
+ "border-radius": {
3696
+ "$extensions": {
3697
+ "com.figma.scopes": [
3698
+ "CORNER_RADIUS"
3699
+ ],
3700
+ "com.figma.hiddenFromPublishing": false
3701
+ },
3702
+ "$type": "number",
3703
+ "$value": "{border-radius.80}"
3704
+ },
3705
+ "border-width": {
3706
+ "$extensions": {
3707
+ "com.figma.scopes": [
3708
+ "STROKE_FLOAT"
3709
+ ],
3710
+ "com.figma.hiddenFromPublishing": false
3711
+ },
3712
+ "$type": "number",
3713
+ "$value": "{border-width.10}"
3714
+ }
3715
+ },
3716
+ "layout": {
3717
+ "icon-box": {
3718
+ "horizontal-start": {
3719
+ "$extensions": {
3720
+ "com.figma.scopes": [
3721
+ "GAP"
3722
+ ],
3723
+ "com.figma.hiddenFromPublishing": false
3724
+ },
3725
+ "$type": "number",
3726
+ "$value": "{spacing.90}"
3727
+ },
3728
+ "vertical": {
3729
+ "$extensions": {
3730
+ "com.figma.scopes": [
3731
+ "GAP"
3732
+ ],
3733
+ "com.figma.hiddenFromPublishing": false
3734
+ },
3735
+ "$type": "number",
3736
+ "$value": "{spacing.110}"
3737
+ }
3738
+ },
3739
+ "outer-box": {
3740
+ "gap": {
3741
+ "$extensions": {
3742
+ "com.figma.scopes": [
3743
+ "GAP"
3744
+ ],
3745
+ "com.figma.hiddenFromPublishing": false
3746
+ },
3747
+ "$type": "number",
3748
+ "$value": "{spacing.80}"
3749
+ },
3750
+ "height": {
3751
+ "$extensions": {
3752
+ "com.figma.scopes": [
3753
+ "WIDTH_HEIGHT"
3754
+ ],
3755
+ "com.figma.hiddenFromPublishing": false
3756
+ },
3757
+ "$type": "number",
3758
+ "$value": "{spacing.480}"
3759
+ },
3760
+ "width": {
3761
+ "$extensions": {
3762
+ "com.figma.scopes": [
3763
+ "WIDTH_HEIGHT"
3764
+ ],
3765
+ "com.figma.hiddenFromPublishing": false
3766
+ },
3767
+ "$type": "number",
3768
+ "$value": 248
3769
+ }
3770
+ },
3771
+ "button-box": {
3772
+ "horizontal-end": {
3773
+ "$extensions": {
3774
+ "com.figma.scopes": [
3775
+ "GAP"
3776
+ ],
3777
+ "com.figma.hiddenFromPublishing": false
3778
+ },
3779
+ "$type": "number",
3780
+ "$value": "{spacing.30}"
3781
+ },
3782
+ "vertical": {
3783
+ "$extensions": {
3784
+ "com.figma.scopes": [
3785
+ "GAP"
3786
+ ],
3787
+ "com.figma.hiddenFromPublishing": false
3788
+ },
3789
+ "$type": "number",
3790
+ "$value": "{spacing.30}"
3791
+ }
3792
+ },
3793
+ "indicator-box": {
3794
+ "vertical-start": {
3795
+ "$extensions": {
3796
+ "com.figma.scopes": [
3797
+ "GAP"
3798
+ ],
3799
+ "com.figma.hiddenFromPublishing": false
3800
+ },
3801
+ "$type": "number",
3802
+ "$value": "{spacing.40}"
3803
+ }
3804
+ }
3805
+ },
3806
+ "typography": {
3807
+ "validation-text": {
3808
+ "font-size": {
3809
+ "$extensions": {
3810
+ "com.figma.scopes": [
3811
+ "FONT_SIZE"
3812
+ ],
3813
+ "com.figma.hiddenFromPublishing": false
3814
+ },
3815
+ "$type": "number",
3816
+ "$value": "{font-size.caption.lg}"
3817
+ },
3818
+ "line-height": {
3819
+ "$extensions": {
3820
+ "com.figma.scopes": [
3821
+ "LINE_HEIGHT"
3822
+ ],
3823
+ "com.figma.hiddenFromPublishing": false
3824
+ },
3825
+ "$type": "number",
3826
+ "$value": "{line-height.caption.lg}"
3827
+ },
3828
+ "letter-spacing": {
3829
+ "$extensions": {
3830
+ "com.figma.scopes": [
3831
+ "LETTER_SPACING"
3832
+ ],
3833
+ "com.figma.hiddenFromPublishing": false
3834
+ },
3835
+ "$type": "number",
3836
+ "$value": "{letter-spacing.caption.lg}"
3837
+ },
3838
+ "font-weight": {
3839
+ "$extensions": {
3840
+ "com.figma.scopes": [
3841
+ "LETTER_SPACING"
3842
+ ],
3843
+ "com.figma.hiddenFromPublishing": false
3844
+ },
3845
+ "$type": "number",
3846
+ "$value": "{font-weight.caption.default}"
3847
+ }
3848
+ }
3849
+ }
3850
+ },
3851
+ "popover": {
3852
+ "borders": {
3853
+ "border-radius": {
3854
+ "$extensions": {
3855
+ "com.figma.scopes": [
3856
+ "CORNER_RADIUS"
3857
+ ],
3858
+ "com.figma.hiddenFromPublishing": false
3859
+ },
3860
+ "$type": "number",
3861
+ "$value": "{border-radius.80}"
3862
+ }
3681
3863
  }
3682
3864
  }
3683
3865
  },
@@ -4392,6 +4574,16 @@
4392
4574
  },
4393
4575
  "$type": "number",
4394
4576
  "$value": "{spacing.200}"
4577
+ },
4578
+ "max-width": {
4579
+ "$extensions": {
4580
+ "com.figma.scopes": [
4581
+ "WIDTH_HEIGHT"
4582
+ ],
4583
+ "com.figma.hiddenFromPublishing": false
4584
+ },
4585
+ "$type": "number",
4586
+ "$value": 720
4395
4587
  }
4396
4588
  }
4397
4589
  },
@@ -5356,7 +5548,7 @@
5356
5548
  "com.figma.hiddenFromPublishing": false
5357
5549
  },
5358
5550
  "$type": "number",
5359
- "$value": "{text-content.typography.font-size.large}"
5551
+ "$value": "{font-size.base.lg}"
5360
5552
  },
5361
5553
  "font-weight": {
5362
5554
  "$extensions": {
@@ -5376,7 +5568,7 @@
5376
5568
  "com.figma.hiddenFromPublishing": false
5377
5569
  },
5378
5570
  "$type": "number",
5379
- "$value": "{text-content.typography.line-height.large}"
5571
+ "$value": "{line-height.base.lg}"
5380
5572
  }
5381
5573
  }
5382
5574
  },
@@ -6831,7 +7023,7 @@
6831
7023
  "input-action-button": {
6832
7024
  "button": {
6833
7025
  "borders": {
6834
- "border-rsdius": {
7026
+ "border-radius": {
6835
7027
  "$extensions": {
6836
7028
  "com.figma.scopes": [
6837
7029
  "CORNER_RADIUS"