@devexpress/design-tokens-internal 262.26.0 → 262.28.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/vnext/size/fluent_large.json +401 -36
- package/tokens/components/vnext/size/fluent_medium.json +401 -36
- package/tokens/components/vnext/size/fluent_small.json +401 -36
- package/tokens/components/vnext/size/material_medium.json +403 -38
- package/tokens/components/vnext/theme/fluent.json +192 -13
- package/tokens/components/vnext/theme/material.json +192 -13
- package/tokens/components/wpf/accordion/fluent.json +2 -2
- package/tokens/components/wpf/docking/fluent.json +3 -3
- package/tokens/components/wpf/groupbox/fluent.json +1 -1
- package/tokens/components/wpf/listbox-edit/fluent.json +2 -2
- package/tokens/components/wpf/pagercontrol/fluent.json +1 -1
- package/tokens/components/wpf/size/fluent_medium.json +990 -74
- package/tokens/components/wpf/size/fluent_small.json +991 -75
- package/tokens/components/wpf/theme/fluent.json +263 -233
- package/tokens.flat.json +367 -71
|
@@ -7061,19 +7061,6 @@
|
|
|
7061
7061
|
"$value": "{color.none}"
|
|
7062
7062
|
}
|
|
7063
7063
|
},
|
|
7064
|
-
"border": {
|
|
7065
|
-
"rest": {
|
|
7066
|
-
"$extensions": {
|
|
7067
|
-
"com.figma.scopes": [
|
|
7068
|
-
"SHAPE_FILL",
|
|
7069
|
-
"STROKE_COLOR"
|
|
7070
|
-
],
|
|
7071
|
-
"com.figma.hiddenFromPublishing": false
|
|
7072
|
-
},
|
|
7073
|
-
"$type": "color",
|
|
7074
|
-
"$value": "{color.none}"
|
|
7075
|
-
}
|
|
7076
|
-
},
|
|
7077
7064
|
"icon": {
|
|
7078
7065
|
"rest": {
|
|
7079
7066
|
"$extensions": {
|
|
@@ -7678,6 +7665,32 @@
|
|
|
7678
7665
|
}
|
|
7679
7666
|
}
|
|
7680
7667
|
}
|
|
7668
|
+
},
|
|
7669
|
+
"resize-handle": {
|
|
7670
|
+
"color": {
|
|
7671
|
+
"content": {
|
|
7672
|
+
"hovered": {
|
|
7673
|
+
"$extensions": {
|
|
7674
|
+
"com.figma.scopes": [
|
|
7675
|
+
"FRAME_FILL"
|
|
7676
|
+
],
|
|
7677
|
+
"com.figma.hiddenFromPublishing": false
|
|
7678
|
+
},
|
|
7679
|
+
"$type": "color",
|
|
7680
|
+
"$value": "{color.content-subtler}"
|
|
7681
|
+
},
|
|
7682
|
+
"active": {
|
|
7683
|
+
"$extensions": {
|
|
7684
|
+
"com.figma.scopes": [
|
|
7685
|
+
"FRAME_FILL"
|
|
7686
|
+
],
|
|
7687
|
+
"com.figma.hiddenFromPublishing": false
|
|
7688
|
+
},
|
|
7689
|
+
"$type": "color",
|
|
7690
|
+
"$value": "{color.content-primary}"
|
|
7691
|
+
}
|
|
7692
|
+
}
|
|
7693
|
+
}
|
|
7681
7694
|
}
|
|
7682
7695
|
},
|
|
7683
7696
|
"form": {
|
|
@@ -9345,5 +9358,171 @@
|
|
|
9345
9358
|
}
|
|
9346
9359
|
}
|
|
9347
9360
|
}
|
|
9361
|
+
},
|
|
9362
|
+
"date-picker": {
|
|
9363
|
+
"footer": {
|
|
9364
|
+
"color": {
|
|
9365
|
+
"bg": {
|
|
9366
|
+
"$extensions": {
|
|
9367
|
+
"com.figma.scopes": [
|
|
9368
|
+
"FRAME_FILL"
|
|
9369
|
+
],
|
|
9370
|
+
"com.figma.hiddenFromPublishing": false
|
|
9371
|
+
},
|
|
9372
|
+
"$type": "color",
|
|
9373
|
+
"$value": "{color.bg}"
|
|
9374
|
+
}
|
|
9375
|
+
}
|
|
9376
|
+
},
|
|
9377
|
+
"time": {
|
|
9378
|
+
"header": {
|
|
9379
|
+
"color": {
|
|
9380
|
+
"bg": {
|
|
9381
|
+
"$extensions": {
|
|
9382
|
+
"com.figma.scopes": [
|
|
9383
|
+
"FRAME_FILL"
|
|
9384
|
+
],
|
|
9385
|
+
"com.figma.hiddenFromPublishing": false
|
|
9386
|
+
},
|
|
9387
|
+
"$type": "color",
|
|
9388
|
+
"$value": "{color.bg}"
|
|
9389
|
+
}
|
|
9390
|
+
}
|
|
9391
|
+
},
|
|
9392
|
+
"roller-item": {
|
|
9393
|
+
"color": {
|
|
9394
|
+
"outer-bg": {
|
|
9395
|
+
"rest": {
|
|
9396
|
+
"$extensions": {
|
|
9397
|
+
"com.figma.scopes": [
|
|
9398
|
+
"FRAME_FILL"
|
|
9399
|
+
],
|
|
9400
|
+
"com.figma.hiddenFromPublishing": false
|
|
9401
|
+
},
|
|
9402
|
+
"$type": "color",
|
|
9403
|
+
"$value": "{color.none}"
|
|
9404
|
+
}
|
|
9405
|
+
},
|
|
9406
|
+
"inner-bg": {
|
|
9407
|
+
"rest": {
|
|
9408
|
+
"$extensions": {
|
|
9409
|
+
"com.figma.scopes": [
|
|
9410
|
+
"FRAME_FILL"
|
|
9411
|
+
],
|
|
9412
|
+
"com.figma.hiddenFromPublishing": false
|
|
9413
|
+
},
|
|
9414
|
+
"$type": "color",
|
|
9415
|
+
"$value": "{color.none}"
|
|
9416
|
+
},
|
|
9417
|
+
"hovered": {
|
|
9418
|
+
"$extensions": {
|
|
9419
|
+
"com.figma.scopes": [
|
|
9420
|
+
"FRAME_FILL"
|
|
9421
|
+
],
|
|
9422
|
+
"com.figma.hiddenFromPublishing": false
|
|
9423
|
+
},
|
|
9424
|
+
"$type": "color",
|
|
9425
|
+
"$value": "{color.bg-hovered}"
|
|
9426
|
+
},
|
|
9427
|
+
"selected": {
|
|
9428
|
+
"$extensions": {
|
|
9429
|
+
"com.figma.scopes": [
|
|
9430
|
+
"FRAME_FILL"
|
|
9431
|
+
],
|
|
9432
|
+
"com.figma.hiddenFromPublishing": false
|
|
9433
|
+
},
|
|
9434
|
+
"$type": "color",
|
|
9435
|
+
"$value": "{color.bg-primary-subtle}"
|
|
9436
|
+
},
|
|
9437
|
+
"disabled": {
|
|
9438
|
+
"$extensions": {
|
|
9439
|
+
"com.figma.scopes": [
|
|
9440
|
+
"FRAME_FILL"
|
|
9441
|
+
],
|
|
9442
|
+
"com.figma.hiddenFromPublishing": false
|
|
9443
|
+
},
|
|
9444
|
+
"$type": "color",
|
|
9445
|
+
"$value": "{color.none}"
|
|
9446
|
+
}
|
|
9447
|
+
},
|
|
9448
|
+
"inner-border": {
|
|
9449
|
+
"rest": {
|
|
9450
|
+
"$extensions": {
|
|
9451
|
+
"com.figma.scopes": [
|
|
9452
|
+
"STROKE_COLOR"
|
|
9453
|
+
],
|
|
9454
|
+
"com.figma.hiddenFromPublishing": false
|
|
9455
|
+
},
|
|
9456
|
+
"$type": "color",
|
|
9457
|
+
"$value": "{color.none}"
|
|
9458
|
+
}
|
|
9459
|
+
},
|
|
9460
|
+
"text": {
|
|
9461
|
+
"disabled": {
|
|
9462
|
+
"$extensions": {
|
|
9463
|
+
"com.figma.scopes": [
|
|
9464
|
+
"ALL_SCOPES"
|
|
9465
|
+
],
|
|
9466
|
+
"com.figma.hiddenFromPublishing": false
|
|
9467
|
+
},
|
|
9468
|
+
"$type": "color",
|
|
9469
|
+
"$value": "{color.content-disabled}"
|
|
9470
|
+
},
|
|
9471
|
+
"empty": {
|
|
9472
|
+
"$extensions": {
|
|
9473
|
+
"com.figma.scopes": [
|
|
9474
|
+
"ALL_SCOPES"
|
|
9475
|
+
],
|
|
9476
|
+
"com.figma.hiddenFromPublishing": false
|
|
9477
|
+
},
|
|
9478
|
+
"$type": "color",
|
|
9479
|
+
"$value": "{color.none}"
|
|
9480
|
+
}
|
|
9481
|
+
}
|
|
9482
|
+
}
|
|
9483
|
+
},
|
|
9484
|
+
"content": {
|
|
9485
|
+
"color": {
|
|
9486
|
+
"bg": {
|
|
9487
|
+
"$extensions": {
|
|
9488
|
+
"com.figma.scopes": [
|
|
9489
|
+
"ALL_SCOPES"
|
|
9490
|
+
],
|
|
9491
|
+
"com.figma.hiddenFromPublishing": false
|
|
9492
|
+
},
|
|
9493
|
+
"$type": "color",
|
|
9494
|
+
"$value": "{color.bg}"
|
|
9495
|
+
}
|
|
9496
|
+
}
|
|
9497
|
+
},
|
|
9498
|
+
"root": {
|
|
9499
|
+
"color": {
|
|
9500
|
+
"bg": {
|
|
9501
|
+
"$extensions": {
|
|
9502
|
+
"com.figma.scopes": [
|
|
9503
|
+
"FRAME_FILL"
|
|
9504
|
+
],
|
|
9505
|
+
"com.figma.hiddenFromPublishing": false
|
|
9506
|
+
},
|
|
9507
|
+
"$type": "color",
|
|
9508
|
+
"$value": "{color.bg}"
|
|
9509
|
+
}
|
|
9510
|
+
}
|
|
9511
|
+
},
|
|
9512
|
+
"button-item": {
|
|
9513
|
+
"color": {
|
|
9514
|
+
"bg": {
|
|
9515
|
+
"$extensions": {
|
|
9516
|
+
"com.figma.scopes": [
|
|
9517
|
+
"FRAME_FILL"
|
|
9518
|
+
],
|
|
9519
|
+
"com.figma.hiddenFromPublishing": false
|
|
9520
|
+
},
|
|
9521
|
+
"$type": "color",
|
|
9522
|
+
"$value": "{color.none}"
|
|
9523
|
+
}
|
|
9524
|
+
}
|
|
9525
|
+
}
|
|
9526
|
+
}
|
|
9348
9527
|
}
|
|
9349
9528
|
}
|
|
@@ -7061,19 +7061,6 @@
|
|
|
7061
7061
|
"$value": "{color.none}"
|
|
7062
7062
|
}
|
|
7063
7063
|
},
|
|
7064
|
-
"border": {
|
|
7065
|
-
"rest": {
|
|
7066
|
-
"$extensions": {
|
|
7067
|
-
"com.figma.scopes": [
|
|
7068
|
-
"SHAPE_FILL",
|
|
7069
|
-
"STROKE_COLOR"
|
|
7070
|
-
],
|
|
7071
|
-
"com.figma.hiddenFromPublishing": false
|
|
7072
|
-
},
|
|
7073
|
-
"$type": "color",
|
|
7074
|
-
"$value": "{color.none}"
|
|
7075
|
-
}
|
|
7076
|
-
},
|
|
7077
7064
|
"icon": {
|
|
7078
7065
|
"rest": {
|
|
7079
7066
|
"$extensions": {
|
|
@@ -7678,6 +7665,32 @@
|
|
|
7678
7665
|
}
|
|
7679
7666
|
}
|
|
7680
7667
|
}
|
|
7668
|
+
},
|
|
7669
|
+
"resize-handle": {
|
|
7670
|
+
"color": {
|
|
7671
|
+
"content": {
|
|
7672
|
+
"hovered": {
|
|
7673
|
+
"$extensions": {
|
|
7674
|
+
"com.figma.scopes": [
|
|
7675
|
+
"FRAME_FILL"
|
|
7676
|
+
],
|
|
7677
|
+
"com.figma.hiddenFromPublishing": false
|
|
7678
|
+
},
|
|
7679
|
+
"$type": "color",
|
|
7680
|
+
"$value": "{color.content-subtler}"
|
|
7681
|
+
},
|
|
7682
|
+
"active": {
|
|
7683
|
+
"$extensions": {
|
|
7684
|
+
"com.figma.scopes": [
|
|
7685
|
+
"FRAME_FILL"
|
|
7686
|
+
],
|
|
7687
|
+
"com.figma.hiddenFromPublishing": false
|
|
7688
|
+
},
|
|
7689
|
+
"$type": "color",
|
|
7690
|
+
"$value": "{color.content-primary}"
|
|
7691
|
+
}
|
|
7692
|
+
}
|
|
7693
|
+
}
|
|
7681
7694
|
}
|
|
7682
7695
|
},
|
|
7683
7696
|
"form": {
|
|
@@ -9345,5 +9358,171 @@
|
|
|
9345
9358
|
}
|
|
9346
9359
|
}
|
|
9347
9360
|
}
|
|
9361
|
+
},
|
|
9362
|
+
"date-picker": {
|
|
9363
|
+
"footer": {
|
|
9364
|
+
"color": {
|
|
9365
|
+
"bg": {
|
|
9366
|
+
"$extensions": {
|
|
9367
|
+
"com.figma.scopes": [
|
|
9368
|
+
"FRAME_FILL"
|
|
9369
|
+
],
|
|
9370
|
+
"com.figma.hiddenFromPublishing": false
|
|
9371
|
+
},
|
|
9372
|
+
"$type": "color",
|
|
9373
|
+
"$value": "{color.bg}"
|
|
9374
|
+
}
|
|
9375
|
+
}
|
|
9376
|
+
},
|
|
9377
|
+
"time": {
|
|
9378
|
+
"header": {
|
|
9379
|
+
"color": {
|
|
9380
|
+
"bg": {
|
|
9381
|
+
"$extensions": {
|
|
9382
|
+
"com.figma.scopes": [
|
|
9383
|
+
"FRAME_FILL"
|
|
9384
|
+
],
|
|
9385
|
+
"com.figma.hiddenFromPublishing": false
|
|
9386
|
+
},
|
|
9387
|
+
"$type": "color",
|
|
9388
|
+
"$value": "{color.bg}"
|
|
9389
|
+
}
|
|
9390
|
+
}
|
|
9391
|
+
},
|
|
9392
|
+
"roller-item": {
|
|
9393
|
+
"color": {
|
|
9394
|
+
"outer-bg": {
|
|
9395
|
+
"rest": {
|
|
9396
|
+
"$extensions": {
|
|
9397
|
+
"com.figma.scopes": [
|
|
9398
|
+
"FRAME_FILL"
|
|
9399
|
+
],
|
|
9400
|
+
"com.figma.hiddenFromPublishing": false
|
|
9401
|
+
},
|
|
9402
|
+
"$type": "color",
|
|
9403
|
+
"$value": "{color.none}"
|
|
9404
|
+
}
|
|
9405
|
+
},
|
|
9406
|
+
"inner-bg": {
|
|
9407
|
+
"rest": {
|
|
9408
|
+
"$extensions": {
|
|
9409
|
+
"com.figma.scopes": [
|
|
9410
|
+
"FRAME_FILL"
|
|
9411
|
+
],
|
|
9412
|
+
"com.figma.hiddenFromPublishing": false
|
|
9413
|
+
},
|
|
9414
|
+
"$type": "color",
|
|
9415
|
+
"$value": "{color.none}"
|
|
9416
|
+
},
|
|
9417
|
+
"hovered": {
|
|
9418
|
+
"$extensions": {
|
|
9419
|
+
"com.figma.scopes": [
|
|
9420
|
+
"FRAME_FILL"
|
|
9421
|
+
],
|
|
9422
|
+
"com.figma.hiddenFromPublishing": false
|
|
9423
|
+
},
|
|
9424
|
+
"$type": "color",
|
|
9425
|
+
"$value": "{color.bg-hovered}"
|
|
9426
|
+
},
|
|
9427
|
+
"selected": {
|
|
9428
|
+
"$extensions": {
|
|
9429
|
+
"com.figma.scopes": [
|
|
9430
|
+
"FRAME_FILL"
|
|
9431
|
+
],
|
|
9432
|
+
"com.figma.hiddenFromPublishing": false
|
|
9433
|
+
},
|
|
9434
|
+
"$type": "color",
|
|
9435
|
+
"$value": "{color.bg-primary-subtle}"
|
|
9436
|
+
},
|
|
9437
|
+
"disabled": {
|
|
9438
|
+
"$extensions": {
|
|
9439
|
+
"com.figma.scopes": [
|
|
9440
|
+
"FRAME_FILL"
|
|
9441
|
+
],
|
|
9442
|
+
"com.figma.hiddenFromPublishing": false
|
|
9443
|
+
},
|
|
9444
|
+
"$type": "color",
|
|
9445
|
+
"$value": "{color.none}"
|
|
9446
|
+
}
|
|
9447
|
+
},
|
|
9448
|
+
"inner-border": {
|
|
9449
|
+
"rest": {
|
|
9450
|
+
"$extensions": {
|
|
9451
|
+
"com.figma.scopes": [
|
|
9452
|
+
"STROKE_COLOR"
|
|
9453
|
+
],
|
|
9454
|
+
"com.figma.hiddenFromPublishing": false
|
|
9455
|
+
},
|
|
9456
|
+
"$type": "color",
|
|
9457
|
+
"$value": "{color.none}"
|
|
9458
|
+
}
|
|
9459
|
+
},
|
|
9460
|
+
"text": {
|
|
9461
|
+
"disabled": {
|
|
9462
|
+
"$extensions": {
|
|
9463
|
+
"com.figma.scopes": [
|
|
9464
|
+
"ALL_SCOPES"
|
|
9465
|
+
],
|
|
9466
|
+
"com.figma.hiddenFromPublishing": false
|
|
9467
|
+
},
|
|
9468
|
+
"$type": "color",
|
|
9469
|
+
"$value": "{color.content-disabled}"
|
|
9470
|
+
},
|
|
9471
|
+
"empty": {
|
|
9472
|
+
"$extensions": {
|
|
9473
|
+
"com.figma.scopes": [
|
|
9474
|
+
"ALL_SCOPES"
|
|
9475
|
+
],
|
|
9476
|
+
"com.figma.hiddenFromPublishing": false
|
|
9477
|
+
},
|
|
9478
|
+
"$type": "color",
|
|
9479
|
+
"$value": "{color.none}"
|
|
9480
|
+
}
|
|
9481
|
+
}
|
|
9482
|
+
}
|
|
9483
|
+
},
|
|
9484
|
+
"content": {
|
|
9485
|
+
"color": {
|
|
9486
|
+
"bg": {
|
|
9487
|
+
"$extensions": {
|
|
9488
|
+
"com.figma.scopes": [
|
|
9489
|
+
"ALL_SCOPES"
|
|
9490
|
+
],
|
|
9491
|
+
"com.figma.hiddenFromPublishing": false
|
|
9492
|
+
},
|
|
9493
|
+
"$type": "color",
|
|
9494
|
+
"$value": "{color.bg}"
|
|
9495
|
+
}
|
|
9496
|
+
}
|
|
9497
|
+
},
|
|
9498
|
+
"root": {
|
|
9499
|
+
"color": {
|
|
9500
|
+
"bg": {
|
|
9501
|
+
"$extensions": {
|
|
9502
|
+
"com.figma.scopes": [
|
|
9503
|
+
"FRAME_FILL"
|
|
9504
|
+
],
|
|
9505
|
+
"com.figma.hiddenFromPublishing": false
|
|
9506
|
+
},
|
|
9507
|
+
"$type": "color",
|
|
9508
|
+
"$value": "{color.bg}"
|
|
9509
|
+
}
|
|
9510
|
+
}
|
|
9511
|
+
},
|
|
9512
|
+
"button-item": {
|
|
9513
|
+
"color": {
|
|
9514
|
+
"bg": {
|
|
9515
|
+
"$extensions": {
|
|
9516
|
+
"com.figma.scopes": [
|
|
9517
|
+
"FRAME_FILL"
|
|
9518
|
+
],
|
|
9519
|
+
"com.figma.hiddenFromPublishing": false
|
|
9520
|
+
},
|
|
9521
|
+
"$type": "color",
|
|
9522
|
+
"$value": "{color.none}"
|
|
9523
|
+
}
|
|
9524
|
+
}
|
|
9525
|
+
}
|
|
9526
|
+
}
|
|
9348
9527
|
}
|
|
9349
9528
|
}
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"com.figma.hiddenFromPublishing": false
|
|
47
47
|
},
|
|
48
48
|
"$type": "color",
|
|
49
|
-
"$value": "{color.
|
|
49
|
+
"$value": "{color.none}"
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
},
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
"com.figma.hiddenFromPublishing": false
|
|
129
129
|
},
|
|
130
130
|
"$type": "color",
|
|
131
|
-
"$value": "{color.
|
|
131
|
+
"$value": "{color.none}"
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
}
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"com.figma.hiddenFromPublishing": false
|
|
48
48
|
},
|
|
49
49
|
"$type": "color",
|
|
50
|
-
"$value": "{color.
|
|
50
|
+
"$value": "{color.none}"
|
|
51
51
|
}
|
|
52
52
|
},
|
|
53
53
|
"icon": {
|
|
@@ -373,7 +373,7 @@
|
|
|
373
373
|
"com.figma.hiddenFromPublishing": false
|
|
374
374
|
},
|
|
375
375
|
"$type": "color",
|
|
376
|
-
"$value": "{color.
|
|
376
|
+
"$value": "{color.none}"
|
|
377
377
|
},
|
|
378
378
|
"active": {
|
|
379
379
|
"$extensions": {
|
|
@@ -393,7 +393,7 @@
|
|
|
393
393
|
"com.figma.hiddenFromPublishing": false
|
|
394
394
|
},
|
|
395
395
|
"$type": "color",
|
|
396
|
-
"$value": "{color.
|
|
396
|
+
"$value": "{color.none}"
|
|
397
397
|
}
|
|
398
398
|
},
|
|
399
399
|
"icon": {
|
|
@@ -229,7 +229,7 @@
|
|
|
229
229
|
"com.figma.hiddenFromPublishing": false
|
|
230
230
|
},
|
|
231
231
|
"$type": "color",
|
|
232
|
-
"$value": "{color.
|
|
232
|
+
"$value": "{color.none}"
|
|
233
233
|
}
|
|
234
234
|
},
|
|
235
235
|
"bg": {
|
|
@@ -463,7 +463,7 @@
|
|
|
463
463
|
"com.figma.hiddenFromPublishing": false
|
|
464
464
|
},
|
|
465
465
|
"$type": "color",
|
|
466
|
-
"$value": "{color.
|
|
466
|
+
"$value": "{color.none}"
|
|
467
467
|
}
|
|
468
468
|
}
|
|
469
469
|
},
|