@devexpress/design-tokens-internal 262.15.2 → 262.17.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 (15) hide show
  1. package/package.json +1 -1
  2. package/tokens/components/vnext/size/fluent_large.json +86 -177
  3. package/tokens/components/vnext/size/fluent_medium.json +86 -177
  4. package/tokens/components/vnext/size/fluent_small.json +86 -177
  5. package/tokens/components/vnext/size/material_medium.json +86 -177
  6. package/tokens/components/vnext/theme/fluent.json +570 -624
  7. package/tokens/components/vnext/theme/material.json +570 -624
  8. package/tokens/components/wpf/size/fluent_medium.json +544 -65
  9. package/tokens/components/wpf/size/fluent_small.json +546 -67
  10. package/tokens/components/wpf/theme/fluent.json +1336 -173
  11. package/tokens/semantic/colors/fluent/dark.json +586 -293
  12. package/tokens/semantic/colors/fluent/light.json +586 -293
  13. package/tokens/semantic/colors/material/dark.json +586 -293
  14. package/tokens/semantic/colors/material/light.json +586 -293
  15. package/tokens.flat.json +384 -230
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@devexpress/design-tokens-internal",
3
- "version": "262.15.2",
3
+ "version": "262.17.0",
4
4
  "description": "",
5
5
  "license": "ISC",
6
6
  "author": "",
package/tokens/components/vnext/size/fluent_large.json CHANGED
@@ -7399,101 +7399,111 @@
7399
7399
  }
7400
7400
  }
7401
7401
  },
7402
- "input-action-button": {
7402
+ "text-input": {
7403
7403
  "button": {
7404
- "borders": {
7405
- "border-radius": {
7406
- "$extensions": {
7407
- "com.figma.scopes": [
7408
- "CORNER_RADIUS"
7409
- ],
7410
- "com.figma.hiddenFromPublishing": false
7411
- },
7412
- "$type": "number",
7413
- "$value": "{border-radius.20}"
7414
- }
7415
- },
7416
- "layout": {
7417
- "inner-box": {
7418
- "horizontal": {
7404
+ "button": {
7405
+ "borders": {
7406
+ "border-radius": {
7419
7407
  "$extensions": {
7420
7408
  "com.figma.scopes": [
7421
- "GAP"
7409
+ "CORNER_RADIUS"
7422
7410
  ],
7423
7411
  "com.figma.hiddenFromPublishing": false
7424
7412
  },
7425
7413
  "$type": "number",
7426
- "$value": "{spacing.50}"
7414
+ "$value": "{border-radius.20}"
7427
7415
  },
7428
- "vertical": {
7416
+ "border-width": {
7429
7417
  "$extensions": {
7430
7418
  "com.figma.scopes": [
7431
- "GAP"
7419
+ "STROKE_FLOAT"
7432
7420
  ],
7433
7421
  "com.figma.hiddenFromPublishing": false
7434
7422
  },
7435
7423
  "$type": "number",
7436
- "$value": "{spacing.50}"
7424
+ "$value": "{border-width.10}"
7437
7425
  }
7438
- }
7439
- }
7440
- },
7441
- "root": {
7442
- "layout": {
7443
- "outer-box": {
7444
- "horizontal": {
7445
- "$extensions": {
7446
- "com.figma.scopes": [
7447
- "GAP"
7448
- ],
7449
- "com.figma.hiddenFromPublishing": false
7450
- },
7451
- "$type": "number",
7452
- "$value": "{spacing.10}"
7453
- },
7454
- "vertical": {
7455
- "$extensions": {
7456
- "com.figma.scopes": [
7457
- "GAP"
7458
- ],
7459
- "com.figma.hiddenFromPublishing": false
7426
+ },
7427
+ "layout": {
7428
+ "inner-box": {
7429
+ "horizontal": {
7430
+ "$extensions": {
7431
+ "com.figma.scopes": [
7432
+ "GAP"
7433
+ ],
7434
+ "com.figma.hiddenFromPublishing": false
7435
+ },
7436
+ "$type": "number",
7437
+ "$value": "{spacing.50}"
7460
7438
  },
7461
- "$type": "number",
7462
- "$value": "{spacing.10}"
7439
+ "vertical": {
7440
+ "$extensions": {
7441
+ "com.figma.scopes": [
7442
+ "GAP"
7443
+ ],
7444
+ "com.figma.hiddenFromPublishing": false
7445
+ },
7446
+ "$type": "number",
7447
+ "$value": "{spacing.50}"
7448
+ }
7463
7449
  }
7464
7450
  }
7465
- }
7466
- },
7467
- "spin-button": {
7468
- "item": {
7451
+ },
7452
+ "root": {
7469
7453
  "layout": {
7470
7454
  "outer-box": {
7471
- "height": {
7455
+ "horizontal": {
7472
7456
  "$extensions": {
7473
7457
  "com.figma.scopes": [
7474
- "WIDTH_HEIGHT"
7458
+ "GAP"
7475
7459
  ],
7476
7460
  "com.figma.hiddenFromPublishing": false
7477
7461
  },
7478
7462
  "$type": "number",
7479
- "$value": "{spacing.180}"
7463
+ "$value": "{spacing.10}"
7480
7464
  },
7481
- "width": {
7465
+ "vertical": {
7482
7466
  "$extensions": {
7483
7467
  "com.figma.scopes": [
7484
- "WIDTH_HEIGHT"
7468
+ "GAP"
7485
7469
  ],
7486
7470
  "com.figma.hiddenFromPublishing": false
7487
7471
  },
7488
7472
  "$type": "number",
7489
- "$value": "{spacing.360}"
7473
+ "$value": "{spacing.10}"
7474
+ }
7475
+ }
7476
+ }
7477
+ },
7478
+ "spin-button": {
7479
+ "item": {
7480
+ "layout": {
7481
+ "outer-box": {
7482
+ "height": {
7483
+ "$extensions": {
7484
+ "com.figma.scopes": [
7485
+ "WIDTH_HEIGHT"
7486
+ ],
7487
+ "com.figma.hiddenFromPublishing": false
7488
+ },
7489
+ "$type": "number",
7490
+ "$value": "{spacing.180}"
7491
+ },
7492
+ "width": {
7493
+ "$extensions": {
7494
+ "com.figma.scopes": [
7495
+ "WIDTH_HEIGHT"
7496
+ ],
7497
+ "com.figma.hiddenFromPublishing": false
7498
+ },
7499
+ "$type": "number",
7500
+ "$value": "{spacing.360}"
7501
+ }
7490
7502
  }
7491
7503
  }
7492
7504
  }
7493
7505
  }
7494
- }
7495
- },
7496
- "text-input": {
7506
+ },
7497
7507
  "borders": {
7498
7508
  "border-radius": {
7499
7509
  "$extensions": {
@@ -9975,129 +9985,28 @@
9975
9985
  }
9976
9986
  }
9977
9987
  },
9978
- "bottom-panel": {
9988
+ "panel": {
9979
9989
  "layout": {
9980
- "default": {
9981
- "outer-box": {
9982
- "horizontal": {
9983
- "$extensions": {
9984
- "com.figma.scopes": [
9985
- "GAP"
9986
- ],
9987
- "com.figma.hiddenFromPublishing": false
9988
- },
9989
- "$type": "number",
9990
- "$value": "{spacing.0}"
9991
- },
9992
- "vertical": {
9993
- "$extensions": {
9994
- "com.figma.scopes": [
9995
- "GAP"
9996
- ],
9997
- "com.figma.hiddenFromPublishing": false
9998
- },
9999
- "$type": "number",
10000
- "$value": "{spacing.0}"
10001
- }
10002
- }
10003
- },
10004
- "content": {
10005
- "outer-box": {
10006
- "horizontal": {
10007
- "$extensions": {
10008
- "com.figma.scopes": [
10009
- "GAP"
10010
- ],
10011
- "com.figma.hiddenFromPublishing": false
10012
- },
10013
- "$type": "number",
10014
- "$value": "{spacing.190}"
9990
+ "outer-box": {
9991
+ "horizontal": {
9992
+ "$extensions": {
9993
+ "com.figma.scopes": [
9994
+ "GAP"
9995
+ ],
9996
+ "com.figma.hiddenFromPublishing": false
10015
9997
  },
10016
- "vertical": {
10017
- "$extensions": {
10018
- "com.figma.scopes": [
10019
- "GAP"
10020
- ],
10021
- "com.figma.hiddenFromPublishing": false
10022
- },
10023
- "$type": "number",
10024
- "$value": "{spacing.70}"
10025
- }
10026
- }
10027
- }
10028
- },
10029
- "borders": {
10030
- "border-radius": {
10031
- "$extensions": {
10032
- "com.figma.scopes": [
10033
- "CORNER_RADIUS"
10034
- ],
10035
- "com.figma.hiddenFromPublishing": false
10036
- },
10037
- "$type": "number",
10038
- "$value": "{border-radius.0}"
10039
- },
10040
- "border-width": {
10041
- "$extensions": {
10042
- "com.figma.scopes": [
10043
- "WIDTH_HEIGHT",
10044
- "STROKE_FLOAT"
10045
- ],
10046
- "com.figma.hiddenFromPublishing": false
9998
+ "$type": "number",
9999
+ "$value": "{spacing.190}"
10047
10000
  },
10048
- "$type": "number",
10049
- "$value": "{border-width.10}"
10050
- }
10051
- }
10052
- },
10053
- "top-panel": {
10054
- "layout": {
10055
- "default": {
10056
- "outer-box": {
10057
- "horizontal": {
10058
- "$extensions": {
10059
- "com.figma.scopes": [
10060
- "GAP"
10061
- ],
10062
- "com.figma.hiddenFromPublishing": false
10063
- },
10064
- "$type": "number",
10065
- "$value": "{spacing.0}"
10066
- },
10067
- "vertical": {
10068
- "$extensions": {
10069
- "com.figma.scopes": [
10070
- "GAP"
10071
- ],
10072
- "com.figma.hiddenFromPublishing": false
10073
- },
10074
- "$type": "number",
10075
- "$value": "{spacing.0}"
10076
- }
10077
- }
10078
- },
10079
- "content": {
10080
- "outer-box": {
10081
- "horizontal": {
10082
- "$extensions": {
10083
- "com.figma.scopes": [
10084
- "GAP"
10085
- ],
10086
- "com.figma.hiddenFromPublishing": false
10087
- },
10088
- "$type": "number",
10089
- "$value": "{spacing.190}"
10001
+ "vertical": {
10002
+ "$extensions": {
10003
+ "com.figma.scopes": [
10004
+ "GAP"
10005
+ ],
10006
+ "com.figma.hiddenFromPublishing": false
10090
10007
  },
10091
- "vertical": {
10092
- "$extensions": {
10093
- "com.figma.scopes": [
10094
- "GAP"
10095
- ],
10096
- "com.figma.hiddenFromPublishing": false
10097
- },
10098
- "$type": "number",
10099
- "$value": "{spacing.70}"
10100
- }
10008
+ "$type": "number",
10009
+ "$value": "{spacing.70}"
10101
10010
  }
10102
10011
  }
10103
10012
  },
package/tokens/components/vnext/size/fluent_medium.json CHANGED
@@ -7399,101 +7399,111 @@
7399
7399
  }
7400
7400
  }
7401
7401
  },
7402
- "input-action-button": {
7402
+ "text-input": {
7403
7403
  "button": {
7404
- "borders": {
7405
- "border-radius": {
7406
- "$extensions": {
7407
- "com.figma.scopes": [
7408
- "CORNER_RADIUS"
7409
- ],
7410
- "com.figma.hiddenFromPublishing": false
7411
- },
7412
- "$type": "number",
7413
- "$value": "{border-radius.20}"
7414
- }
7415
- },
7416
- "layout": {
7417
- "inner-box": {
7418
- "horizontal": {
7404
+ "button": {
7405
+ "borders": {
7406
+ "border-radius": {
7419
7407
  "$extensions": {
7420
7408
  "com.figma.scopes": [
7421
- "GAP"
7409
+ "CORNER_RADIUS"
7422
7410
  ],
7423
7411
  "com.figma.hiddenFromPublishing": false
7424
7412
  },
7425
7413
  "$type": "number",
7426
- "$value": "{spacing.30}"
7414
+ "$value": "{border-radius.20}"
7427
7415
  },
7428
- "vertical": {
7416
+ "border-width": {
7429
7417
  "$extensions": {
7430
7418
  "com.figma.scopes": [
7431
- "GAP"
7419
+ "STROKE_FLOAT"
7432
7420
  ],
7433
7421
  "com.figma.hiddenFromPublishing": false
7434
7422
  },
7435
7423
  "$type": "number",
7436
- "$value": "{spacing.30}"
7424
+ "$value": "{border-width.10}"
7437
7425
  }
7438
- }
7439
- }
7440
- },
7441
- "root": {
7442
- "layout": {
7443
- "outer-box": {
7444
- "horizontal": {
7445
- "$extensions": {
7446
- "com.figma.scopes": [
7447
- "GAP"
7448
- ],
7449
- "com.figma.hiddenFromPublishing": false
7450
- },
7451
- "$type": "number",
7452
- "$value": "{spacing.10}"
7453
- },
7454
- "vertical": {
7455
- "$extensions": {
7456
- "com.figma.scopes": [
7457
- "GAP"
7458
- ],
7459
- "com.figma.hiddenFromPublishing": false
7426
+ },
7427
+ "layout": {
7428
+ "inner-box": {
7429
+ "horizontal": {
7430
+ "$extensions": {
7431
+ "com.figma.scopes": [
7432
+ "GAP"
7433
+ ],
7434
+ "com.figma.hiddenFromPublishing": false
7435
+ },
7436
+ "$type": "number",
7437
+ "$value": "{spacing.30}"
7460
7438
  },
7461
- "$type": "number",
7462
- "$value": "{spacing.10}"
7439
+ "vertical": {
7440
+ "$extensions": {
7441
+ "com.figma.scopes": [
7442
+ "GAP"
7443
+ ],
7444
+ "com.figma.hiddenFromPublishing": false
7445
+ },
7446
+ "$type": "number",
7447
+ "$value": "{spacing.30}"
7448
+ }
7463
7449
  }
7464
7450
  }
7465
- }
7466
- },
7467
- "spin-button": {
7468
- "item": {
7451
+ },
7452
+ "root": {
7469
7453
  "layout": {
7470
7454
  "outer-box": {
7471
- "height": {
7455
+ "horizontal": {
7472
7456
  "$extensions": {
7473
7457
  "com.figma.scopes": [
7474
- "WIDTH_HEIGHT"
7458
+ "GAP"
7475
7459
  ],
7476
7460
  "com.figma.hiddenFromPublishing": false
7477
7461
  },
7478
7462
  "$type": "number",
7479
- "$value": "{spacing.140}"
7463
+ "$value": "{spacing.10}"
7480
7464
  },
7481
- "width": {
7465
+ "vertical": {
7482
7466
  "$extensions": {
7483
7467
  "com.figma.scopes": [
7484
- "WIDTH_HEIGHT"
7468
+ "GAP"
7485
7469
  ],
7486
7470
  "com.figma.hiddenFromPublishing": false
7487
7471
  },
7488
7472
  "$type": "number",
7489
- "$value": "{spacing.280}"
7473
+ "$value": "{spacing.10}"
7474
+ }
7475
+ }
7476
+ }
7477
+ },
7478
+ "spin-button": {
7479
+ "item": {
7480
+ "layout": {
7481
+ "outer-box": {
7482
+ "height": {
7483
+ "$extensions": {
7484
+ "com.figma.scopes": [
7485
+ "WIDTH_HEIGHT"
7486
+ ],
7487
+ "com.figma.hiddenFromPublishing": false
7488
+ },
7489
+ "$type": "number",
7490
+ "$value": "{spacing.140}"
7491
+ },
7492
+ "width": {
7493
+ "$extensions": {
7494
+ "com.figma.scopes": [
7495
+ "WIDTH_HEIGHT"
7496
+ ],
7497
+ "com.figma.hiddenFromPublishing": false
7498
+ },
7499
+ "$type": "number",
7500
+ "$value": "{spacing.280}"
7501
+ }
7490
7502
  }
7491
7503
  }
7492
7504
  }
7493
7505
  }
7494
- }
7495
- },
7496
- "text-input": {
7506
+ },
7497
7507
  "borders": {
7498
7508
  "border-radius": {
7499
7509
  "$extensions": {
@@ -9975,129 +9985,28 @@
9975
9985
  }
9976
9986
  }
9977
9987
  },
9978
- "bottom-panel": {
9988
+ "panel": {
9979
9989
  "layout": {
9980
- "default": {
9981
- "outer-box": {
9982
- "horizontal": {
9983
- "$extensions": {
9984
- "com.figma.scopes": [
9985
- "GAP"
9986
- ],
9987
- "com.figma.hiddenFromPublishing": false
9988
- },
9989
- "$type": "number",
9990
- "$value": "{spacing.0}"
9991
- },
9992
- "vertical": {
9993
- "$extensions": {
9994
- "com.figma.scopes": [
9995
- "GAP"
9996
- ],
9997
- "com.figma.hiddenFromPublishing": false
9998
- },
9999
- "$type": "number",
10000
- "$value": "{spacing.0}"
10001
- }
10002
- }
10003
- },
10004
- "content": {
10005
- "outer-box": {
10006
- "horizontal": {
10007
- "$extensions": {
10008
- "com.figma.scopes": [
10009
- "GAP"
10010
- ],
10011
- "com.figma.hiddenFromPublishing": false
10012
- },
10013
- "$type": "number",
10014
- "$value": "{spacing.150}"
9990
+ "outer-box": {
9991
+ "horizontal": {
9992
+ "$extensions": {
9993
+ "com.figma.scopes": [
9994
+ "GAP"
9995
+ ],
9996
+ "com.figma.hiddenFromPublishing": false
10015
9997
  },
10016
- "vertical": {
10017
- "$extensions": {
10018
- "com.figma.scopes": [
10019
- "GAP"
10020
- ],
10021
- "com.figma.hiddenFromPublishing": false
10022
- },
10023
- "$type": "number",
10024
- "$value": "{spacing.50}"
10025
- }
10026
- }
10027
- }
10028
- },
10029
- "borders": {
10030
- "border-radius": {
10031
- "$extensions": {
10032
- "com.figma.scopes": [
10033
- "CORNER_RADIUS"
10034
- ],
10035
- "com.figma.hiddenFromPublishing": false
10036
- },
10037
- "$type": "number",
10038
- "$value": "{border-radius.0}"
10039
- },
10040
- "border-width": {
10041
- "$extensions": {
10042
- "com.figma.scopes": [
10043
- "WIDTH_HEIGHT",
10044
- "STROKE_FLOAT"
10045
- ],
10046
- "com.figma.hiddenFromPublishing": false
9998
+ "$type": "number",
9999
+ "$value": "{spacing.150}"
10047
10000
  },
10048
- "$type": "number",
10049
- "$value": "{border-width.10}"
10050
- }
10051
- }
10052
- },
10053
- "top-panel": {
10054
- "layout": {
10055
- "default": {
10056
- "outer-box": {
10057
- "horizontal": {
10058
- "$extensions": {
10059
- "com.figma.scopes": [
10060
- "GAP"
10061
- ],
10062
- "com.figma.hiddenFromPublishing": false
10063
- },
10064
- "$type": "number",
10065
- "$value": "{spacing.0}"
10066
- },
10067
- "vertical": {
10068
- "$extensions": {
10069
- "com.figma.scopes": [
10070
- "GAP"
10071
- ],
10072
- "com.figma.hiddenFromPublishing": false
10073
- },
10074
- "$type": "number",
10075
- "$value": "{spacing.0}"
10076
- }
10077
- }
10078
- },
10079
- "content": {
10080
- "outer-box": {
10081
- "horizontal": {
10082
- "$extensions": {
10083
- "com.figma.scopes": [
10084
- "GAP"
10085
- ],
10086
- "com.figma.hiddenFromPublishing": false
10087
- },
10088
- "$type": "number",
10089
- "$value": "{spacing.150}"
10001
+ "vertical": {
10002
+ "$extensions": {
10003
+ "com.figma.scopes": [
10004
+ "GAP"
10005
+ ],
10006
+ "com.figma.hiddenFromPublishing": false
10090
10007
  },
10091
- "vertical": {
10092
- "$extensions": {
10093
- "com.figma.scopes": [
10094
- "GAP"
10095
- ],
10096
- "com.figma.hiddenFromPublishing": false
10097
- },
10098
- "$type": "number",
10099
- "$value": "{spacing.50}"
10100
- }
10008
+ "$type": "number",
10009
+ "$value": "{spacing.50}"
10101
10010
  }
10102
10011
  }
10103
10012
  },