@devexpress/design-tokens-internal 262.12.0 → 262.14.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.
- package/package.json +1 -1
- package/tokens/components/wpf/size/fluent_medium.json +86 -2
- package/tokens/components/wpf/size/fluent_small.json +87 -3
- package/tokens/components/wpf/theme/fluent.json +193 -2
- package/tokens/semantic/colors/fluent/dark.json +1 -237
- package/tokens/semantic/colors/fluent/light.json +1 -237
- package/tokens/semantic/colors/material/dark.json +1 -237
- package/tokens/semantic/colors/material/light.json +1 -237
- package/tokens.flat.json +33 -242
package/package.json
CHANGED
|
@@ -1577,6 +1577,16 @@
|
|
|
1577
1577
|
},
|
|
1578
1578
|
"$type": "number",
|
|
1579
1579
|
"$value": "{spacing.100}"
|
|
1580
|
+
},
|
|
1581
|
+
"gap": {
|
|
1582
|
+
"$extensions": {
|
|
1583
|
+
"com.figma.scopes": [
|
|
1584
|
+
"GAP"
|
|
1585
|
+
],
|
|
1586
|
+
"com.figma.hiddenFromPublishing": false
|
|
1587
|
+
},
|
|
1588
|
+
"$type": "number",
|
|
1589
|
+
"$value": "{spacing.40}"
|
|
1580
1590
|
}
|
|
1581
1591
|
},
|
|
1582
1592
|
"icon-box": {
|
|
@@ -1661,6 +1671,32 @@
|
|
|
1661
1671
|
"$value": "{spacing.0}"
|
|
1662
1672
|
}
|
|
1663
1673
|
}
|
|
1674
|
+
},
|
|
1675
|
+
"borders": {
|
|
1676
|
+
"rounded-rectangle": {
|
|
1677
|
+
"border-radius": {
|
|
1678
|
+
"$extensions": {
|
|
1679
|
+
"com.figma.scopes": [
|
|
1680
|
+
"CORNER_RADIUS"
|
|
1681
|
+
],
|
|
1682
|
+
"com.figma.hiddenFromPublishing": false
|
|
1683
|
+
},
|
|
1684
|
+
"$type": "number",
|
|
1685
|
+
"$value": "{border-radius.60}"
|
|
1686
|
+
}
|
|
1687
|
+
},
|
|
1688
|
+
"right-angle": {
|
|
1689
|
+
"border-radius": {
|
|
1690
|
+
"$extensions": {
|
|
1691
|
+
"com.figma.scopes": [
|
|
1692
|
+
"CORNER_RADIUS"
|
|
1693
|
+
],
|
|
1694
|
+
"com.figma.hiddenFromPublishing": false
|
|
1695
|
+
},
|
|
1696
|
+
"$type": "number",
|
|
1697
|
+
"$value": "{border-radius.0}"
|
|
1698
|
+
}
|
|
1699
|
+
}
|
|
1664
1700
|
}
|
|
1665
1701
|
},
|
|
1666
1702
|
"separator": {
|
|
@@ -1833,6 +1869,40 @@
|
|
|
1833
1869
|
}
|
|
1834
1870
|
}
|
|
1835
1871
|
}
|
|
1872
|
+
},
|
|
1873
|
+
"tabs": {
|
|
1874
|
+
"tab-item": {
|
|
1875
|
+
"selector": {
|
|
1876
|
+
"borders": {
|
|
1877
|
+
"border-radius": {
|
|
1878
|
+
"$extensions": {
|
|
1879
|
+
"com.figma.scopes": [
|
|
1880
|
+
"CORNER_RADIUS"
|
|
1881
|
+
],
|
|
1882
|
+
"com.figma.hiddenFromPublishing": false
|
|
1883
|
+
},
|
|
1884
|
+
"$type": "number",
|
|
1885
|
+
"$value": "{border-radius.10}"
|
|
1886
|
+
}
|
|
1887
|
+
}
|
|
1888
|
+
}
|
|
1889
|
+
}
|
|
1890
|
+
},
|
|
1891
|
+
"toolbar": {
|
|
1892
|
+
"inner-box": {
|
|
1893
|
+
"vertical": {
|
|
1894
|
+
"vertical": {
|
|
1895
|
+
"$extensions": {
|
|
1896
|
+
"com.figma.scopes": [
|
|
1897
|
+
"GAP"
|
|
1898
|
+
],
|
|
1899
|
+
"com.figma.hiddenFromPublishing": false
|
|
1900
|
+
},
|
|
1901
|
+
"$type": "number",
|
|
1902
|
+
"$value": "{spacing.30}"
|
|
1903
|
+
}
|
|
1904
|
+
}
|
|
1905
|
+
}
|
|
1836
1906
|
}
|
|
1837
1907
|
},
|
|
1838
1908
|
"compact-icon-button": {
|
|
@@ -3905,7 +3975,7 @@
|
|
|
3905
3975
|
"com.figma.hiddenFromPublishing": false
|
|
3906
3976
|
},
|
|
3907
3977
|
"$type": "number",
|
|
3908
|
-
"$value": "{spacing.
|
|
3978
|
+
"$value": "{spacing.80}"
|
|
3909
3979
|
}
|
|
3910
3980
|
}
|
|
3911
3981
|
},
|
|
@@ -4156,7 +4226,7 @@
|
|
|
4156
4226
|
"com.figma.hiddenFromPublishing": false
|
|
4157
4227
|
},
|
|
4158
4228
|
"$type": "number",
|
|
4159
|
-
"$value": "{
|
|
4229
|
+
"$value": "{spacing.120}"
|
|
4160
4230
|
}
|
|
4161
4231
|
}
|
|
4162
4232
|
},
|
|
@@ -5053,6 +5123,20 @@
|
|
|
5053
5123
|
}
|
|
5054
5124
|
}
|
|
5055
5125
|
}
|
|
5126
|
+
},
|
|
5127
|
+
"row": {
|
|
5128
|
+
"layout": {
|
|
5129
|
+
"min-height": {
|
|
5130
|
+
"$extensions": {
|
|
5131
|
+
"com.figma.scopes": [
|
|
5132
|
+
"WIDTH_HEIGHT"
|
|
5133
|
+
],
|
|
5134
|
+
"com.figma.hiddenFromPublishing": false
|
|
5135
|
+
},
|
|
5136
|
+
"$type": "number",
|
|
5137
|
+
"$value": "{spacing.320}"
|
|
5138
|
+
}
|
|
5139
|
+
}
|
|
5056
5140
|
}
|
|
5057
5141
|
}
|
|
5058
5142
|
}
|
|
@@ -1577,6 +1577,16 @@
|
|
|
1577
1577
|
},
|
|
1578
1578
|
"$type": "number",
|
|
1579
1579
|
"$value": "{spacing.100}"
|
|
1580
|
+
},
|
|
1581
|
+
"gap": {
|
|
1582
|
+
"$extensions": {
|
|
1583
|
+
"com.figma.scopes": [
|
|
1584
|
+
"GAP"
|
|
1585
|
+
],
|
|
1586
|
+
"com.figma.hiddenFromPublishing": false
|
|
1587
|
+
},
|
|
1588
|
+
"$type": "number",
|
|
1589
|
+
"$value": "{spacing.40}"
|
|
1580
1590
|
}
|
|
1581
1591
|
},
|
|
1582
1592
|
"icon-box": {
|
|
@@ -1661,6 +1671,32 @@
|
|
|
1661
1671
|
"$value": "{spacing.0}"
|
|
1662
1672
|
}
|
|
1663
1673
|
}
|
|
1674
|
+
},
|
|
1675
|
+
"borders": {
|
|
1676
|
+
"rounded-rectangle": {
|
|
1677
|
+
"border-radius": {
|
|
1678
|
+
"$extensions": {
|
|
1679
|
+
"com.figma.scopes": [
|
|
1680
|
+
"CORNER_RADIUS"
|
|
1681
|
+
],
|
|
1682
|
+
"com.figma.hiddenFromPublishing": false
|
|
1683
|
+
},
|
|
1684
|
+
"$type": "number",
|
|
1685
|
+
"$value": "{border-radius.60}"
|
|
1686
|
+
}
|
|
1687
|
+
},
|
|
1688
|
+
"right-angle": {
|
|
1689
|
+
"border-radius": {
|
|
1690
|
+
"$extensions": {
|
|
1691
|
+
"com.figma.scopes": [
|
|
1692
|
+
"CORNER_RADIUS"
|
|
1693
|
+
],
|
|
1694
|
+
"com.figma.hiddenFromPublishing": false
|
|
1695
|
+
},
|
|
1696
|
+
"$type": "number",
|
|
1697
|
+
"$value": "{border-radius.0}"
|
|
1698
|
+
}
|
|
1699
|
+
}
|
|
1664
1700
|
}
|
|
1665
1701
|
},
|
|
1666
1702
|
"separator": {
|
|
@@ -1833,6 +1869,40 @@
|
|
|
1833
1869
|
}
|
|
1834
1870
|
}
|
|
1835
1871
|
}
|
|
1872
|
+
},
|
|
1873
|
+
"tabs": {
|
|
1874
|
+
"tab-item": {
|
|
1875
|
+
"selector": {
|
|
1876
|
+
"borders": {
|
|
1877
|
+
"border-radius": {
|
|
1878
|
+
"$extensions": {
|
|
1879
|
+
"com.figma.scopes": [
|
|
1880
|
+
"CORNER_RADIUS"
|
|
1881
|
+
],
|
|
1882
|
+
"com.figma.hiddenFromPublishing": false
|
|
1883
|
+
},
|
|
1884
|
+
"$type": "number",
|
|
1885
|
+
"$value": "{border-radius.10}"
|
|
1886
|
+
}
|
|
1887
|
+
}
|
|
1888
|
+
}
|
|
1889
|
+
}
|
|
1890
|
+
},
|
|
1891
|
+
"toolbar": {
|
|
1892
|
+
"inner-box": {
|
|
1893
|
+
"vertical": {
|
|
1894
|
+
"vertical": {
|
|
1895
|
+
"$extensions": {
|
|
1896
|
+
"com.figma.scopes": [
|
|
1897
|
+
"GAP"
|
|
1898
|
+
],
|
|
1899
|
+
"com.figma.hiddenFromPublishing": false
|
|
1900
|
+
},
|
|
1901
|
+
"$type": "number",
|
|
1902
|
+
"$value": "{spacing.10}"
|
|
1903
|
+
}
|
|
1904
|
+
}
|
|
1905
|
+
}
|
|
1836
1906
|
}
|
|
1837
1907
|
},
|
|
1838
1908
|
"compact-icon-button": {
|
|
@@ -3905,7 +3975,7 @@
|
|
|
3905
3975
|
"com.figma.hiddenFromPublishing": false
|
|
3906
3976
|
},
|
|
3907
3977
|
"$type": "number",
|
|
3908
|
-
"$value": "{spacing.
|
|
3978
|
+
"$value": "{spacing.80}"
|
|
3909
3979
|
}
|
|
3910
3980
|
}
|
|
3911
3981
|
},
|
|
@@ -4156,7 +4226,7 @@
|
|
|
4156
4226
|
"com.figma.hiddenFromPublishing": false
|
|
4157
4227
|
},
|
|
4158
4228
|
"$type": "number",
|
|
4159
|
-
"$value": "{
|
|
4229
|
+
"$value": "{spacing.120}"
|
|
4160
4230
|
}
|
|
4161
4231
|
}
|
|
4162
4232
|
},
|
|
@@ -4565,7 +4635,7 @@
|
|
|
4565
4635
|
"com.figma.hiddenFromPublishing": false
|
|
4566
4636
|
},
|
|
4567
4637
|
"$type": "number",
|
|
4568
|
-
"$value": "{spacing.
|
|
4638
|
+
"$value": "{spacing.10}"
|
|
4569
4639
|
}
|
|
4570
4640
|
}
|
|
4571
4641
|
}
|
|
@@ -5053,6 +5123,20 @@
|
|
|
5053
5123
|
}
|
|
5054
5124
|
}
|
|
5055
5125
|
}
|
|
5126
|
+
},
|
|
5127
|
+
"row": {
|
|
5128
|
+
"layout": {
|
|
5129
|
+
"min-height": {
|
|
5130
|
+
"$extensions": {
|
|
5131
|
+
"com.figma.scopes": [
|
|
5132
|
+
"WIDTH_HEIGHT"
|
|
5133
|
+
],
|
|
5134
|
+
"com.figma.hiddenFromPublishing": false
|
|
5135
|
+
},
|
|
5136
|
+
"$type": "number",
|
|
5137
|
+
"$value": "{spacing.240}"
|
|
5138
|
+
}
|
|
5139
|
+
}
|
|
5056
5140
|
}
|
|
5057
5141
|
}
|
|
5058
5142
|
}
|
|
@@ -3649,7 +3649,7 @@
|
|
|
3649
3649
|
"com.figma.hiddenFromPublishing": false
|
|
3650
3650
|
},
|
|
3651
3651
|
"$type": "color",
|
|
3652
|
-
"$value": "{color.bg-
|
|
3652
|
+
"$value": "{color.bg-active}"
|
|
3653
3653
|
},
|
|
3654
3654
|
"hovered": {
|
|
3655
3655
|
"$extensions": {
|
|
@@ -3660,7 +3660,7 @@
|
|
|
3660
3660
|
"com.figma.hiddenFromPublishing": false
|
|
3661
3661
|
},
|
|
3662
3662
|
"$type": "color",
|
|
3663
|
-
"$value": "{color.bg}"
|
|
3663
|
+
"$value": "{color.bg-hovered}"
|
|
3664
3664
|
},
|
|
3665
3665
|
"rest": {
|
|
3666
3666
|
"$extensions": {
|
|
@@ -4476,6 +4476,197 @@
|
|
|
4476
4476
|
}
|
|
4477
4477
|
}
|
|
4478
4478
|
}
|
|
4479
|
+
},
|
|
4480
|
+
"row": {
|
|
4481
|
+
"color": {
|
|
4482
|
+
"sm-row": {
|
|
4483
|
+
"bg": {
|
|
4484
|
+
"rest": {
|
|
4485
|
+
"$extensions": {
|
|
4486
|
+
"com.figma.scopes": [
|
|
4487
|
+
"FRAME_FILL",
|
|
4488
|
+
"SHAPE_FILL"
|
|
4489
|
+
],
|
|
4490
|
+
"com.figma.hiddenFromPublishing": true
|
|
4491
|
+
},
|
|
4492
|
+
"$type": "color",
|
|
4493
|
+
"$value": "{color.bg-alpha}"
|
|
4494
|
+
},
|
|
4495
|
+
"alt": {
|
|
4496
|
+
"$extensions": {
|
|
4497
|
+
"com.figma.scopes": [
|
|
4498
|
+
"FRAME_FILL",
|
|
4499
|
+
"SHAPE_FILL"
|
|
4500
|
+
],
|
|
4501
|
+
"com.figma.hiddenFromPublishing": true
|
|
4502
|
+
},
|
|
4503
|
+
"$type": "color",
|
|
4504
|
+
"$value": "{color.bg-low}"
|
|
4505
|
+
},
|
|
4506
|
+
"hovered": {
|
|
4507
|
+
"$extensions": {
|
|
4508
|
+
"com.figma.scopes": [
|
|
4509
|
+
"FRAME_FILL",
|
|
4510
|
+
"SHAPE_FILL"
|
|
4511
|
+
],
|
|
4512
|
+
"com.figma.hiddenFromPublishing": true
|
|
4513
|
+
},
|
|
4514
|
+
"$type": "color",
|
|
4515
|
+
"$value": "{color.bg-alpha-hovered}"
|
|
4516
|
+
},
|
|
4517
|
+
"selected": {
|
|
4518
|
+
"$extensions": {
|
|
4519
|
+
"com.figma.scopes": [
|
|
4520
|
+
"FRAME_FILL",
|
|
4521
|
+
"SHAPE_FILL"
|
|
4522
|
+
],
|
|
4523
|
+
"com.figma.hiddenFromPublishing": true
|
|
4524
|
+
},
|
|
4525
|
+
"$type": "color",
|
|
4526
|
+
"$value": "{color.bg-primary-alpha}"
|
|
4527
|
+
},
|
|
4528
|
+
"focused": {
|
|
4529
|
+
"$extensions": {
|
|
4530
|
+
"com.figma.scopes": [
|
|
4531
|
+
"FRAME_FILL",
|
|
4532
|
+
"SHAPE_FILL"
|
|
4533
|
+
],
|
|
4534
|
+
"com.figma.hiddenFromPublishing": true
|
|
4535
|
+
},
|
|
4536
|
+
"$type": "color",
|
|
4537
|
+
"$value": "{color.bg-primary-subtle}"
|
|
4538
|
+
},
|
|
4539
|
+
"invalid": {
|
|
4540
|
+
"$extensions": {
|
|
4541
|
+
"com.figma.scopes": [
|
|
4542
|
+
"FRAME_FILL",
|
|
4543
|
+
"SHAPE_FILL"
|
|
4544
|
+
],
|
|
4545
|
+
"com.figma.hiddenFromPublishing": true
|
|
4546
|
+
},
|
|
4547
|
+
"$type": "color",
|
|
4548
|
+
"$value": "{color.bg-danger-subtler}"
|
|
4549
|
+
}
|
|
4550
|
+
}
|
|
4551
|
+
},
|
|
4552
|
+
"sm-cell": {
|
|
4553
|
+
"bg": {
|
|
4554
|
+
"alt": {
|
|
4555
|
+
"$extensions": {
|
|
4556
|
+
"com.figma.scopes": [
|
|
4557
|
+
"FRAME_FILL",
|
|
4558
|
+
"SHAPE_FILL"
|
|
4559
|
+
],
|
|
4560
|
+
"com.figma.hiddenFromPublishing": true
|
|
4561
|
+
},
|
|
4562
|
+
"$type": "color",
|
|
4563
|
+
"$value": "{color.bg-low}"
|
|
4564
|
+
},
|
|
4565
|
+
"rest": {
|
|
4566
|
+
"$extensions": {
|
|
4567
|
+
"com.figma.scopes": [
|
|
4568
|
+
"FRAME_FILL",
|
|
4569
|
+
"SHAPE_FILL"
|
|
4570
|
+
],
|
|
4571
|
+
"com.figma.hiddenFromPublishing": true
|
|
4572
|
+
},
|
|
4573
|
+
"$type": "color",
|
|
4574
|
+
"$value": "{color.bg-none}"
|
|
4575
|
+
},
|
|
4576
|
+
"invalid": {
|
|
4577
|
+
"$extensions": {
|
|
4578
|
+
"com.figma.scopes": [
|
|
4579
|
+
"FRAME_FILL",
|
|
4580
|
+
"SHAPE_FILL"
|
|
4581
|
+
],
|
|
4582
|
+
"com.figma.hiddenFromPublishing": true
|
|
4583
|
+
},
|
|
4584
|
+
"$type": "color",
|
|
4585
|
+
"$value": "{color.bg-danger-subtler}"
|
|
4586
|
+
}
|
|
4587
|
+
}
|
|
4588
|
+
},
|
|
4589
|
+
"focused": {
|
|
4590
|
+
"bg": {
|
|
4591
|
+
"alt": {
|
|
4592
|
+
"$extensions": {
|
|
4593
|
+
"com.figma.scopes": [
|
|
4594
|
+
"FRAME_FILL",
|
|
4595
|
+
"SHAPE_FILL"
|
|
4596
|
+
],
|
|
4597
|
+
"com.figma.hiddenFromPublishing": true
|
|
4598
|
+
},
|
|
4599
|
+
"$type": "color",
|
|
4600
|
+
"$value": "{color.bg-low}"
|
|
4601
|
+
},
|
|
4602
|
+
"rest": {
|
|
4603
|
+
"$extensions": {
|
|
4604
|
+
"com.figma.scopes": [
|
|
4605
|
+
"FRAME_FILL",
|
|
4606
|
+
"SHAPE_FILL"
|
|
4607
|
+
],
|
|
4608
|
+
"com.figma.hiddenFromPublishing": true
|
|
4609
|
+
},
|
|
4610
|
+
"$type": "color",
|
|
4611
|
+
"$value": "{color.bg-none}"
|
|
4612
|
+
}
|
|
4613
|
+
}
|
|
4614
|
+
},
|
|
4615
|
+
"focused-selected": {
|
|
4616
|
+
"bg": {
|
|
4617
|
+
"rest": {
|
|
4618
|
+
"$extensions": {
|
|
4619
|
+
"com.figma.scopes": [
|
|
4620
|
+
"FRAME_FILL",
|
|
4621
|
+
"SHAPE_FILL"
|
|
4622
|
+
],
|
|
4623
|
+
"com.figma.hiddenFromPublishing": true
|
|
4624
|
+
},
|
|
4625
|
+
"$type": "color",
|
|
4626
|
+
"$value": "{color.bg-primary-subtle}"
|
|
4627
|
+
},
|
|
4628
|
+
"alt": {
|
|
4629
|
+
"$extensions": {
|
|
4630
|
+
"com.figma.scopes": [
|
|
4631
|
+
"FRAME_FILL",
|
|
4632
|
+
"SHAPE_FILL"
|
|
4633
|
+
],
|
|
4634
|
+
"com.figma.hiddenFromPublishing": true
|
|
4635
|
+
},
|
|
4636
|
+
"$type": "color",
|
|
4637
|
+
"$value": "{color.bg-primary-subtle}"
|
|
4638
|
+
},
|
|
4639
|
+
"disabled": {
|
|
4640
|
+
"$extensions": {
|
|
4641
|
+
"com.figma.scopes": [
|
|
4642
|
+
"FRAME_FILL",
|
|
4643
|
+
"SHAPE_FILL"
|
|
4644
|
+
],
|
|
4645
|
+
"com.figma.hiddenFromPublishing": true
|
|
4646
|
+
},
|
|
4647
|
+
"$type": "color",
|
|
4648
|
+
"$value": "{color.bg-none}"
|
|
4649
|
+
}
|
|
4650
|
+
}
|
|
4651
|
+
}
|
|
4652
|
+
},
|
|
4653
|
+
"header": {
|
|
4654
|
+
"color": {
|
|
4655
|
+
"bg": {
|
|
4656
|
+
"rest": {
|
|
4657
|
+
"$extensions": {
|
|
4658
|
+
"com.figma.scopes": [
|
|
4659
|
+
"FRAME_FILL",
|
|
4660
|
+
"SHAPE_FILL"
|
|
4661
|
+
],
|
|
4662
|
+
"com.figma.hiddenFromPublishing": true
|
|
4663
|
+
},
|
|
4664
|
+
"$type": "color",
|
|
4665
|
+
"$value": "{color.bg-low}"
|
|
4666
|
+
}
|
|
4667
|
+
}
|
|
4668
|
+
}
|
|
4669
|
+
}
|
|
4479
4670
|
}
|
|
4480
4671
|
}
|
|
4481
4672
|
}
|