@adobe/spectrum-tokens 12.0.0-beta.44 → 12.0.0-beta.45

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 (5) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/dist/json/drover.json +8 -0
  3. package/dist/json/variables.json +55 -0
  4. package/package.json +1 -1
  5. package/src/component-layout.json +106 -51
package/CHANGELOG.md CHANGED
@@ -1,6 +1,6 @@
1
- # [12.0.0-beta.44](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.43...v12.0.0-beta.44) (2022-08-01)
1
+ # [12.0.0-beta.45](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.44...v12.0.0-beta.45) (2022-08-16)
2
2
 
3
3
 
4
- ### Bug Fixes
4
+ ### Features
5
5
 
6
- * correct missing "sets" nesting ([2d709d1](https://github.com/adobe/spectrum-tokens/commit/2d709d152bfa302cc48c377325e5e9971706b962))
6
+ * add swatch tokens ([#57](https://github.com/adobe/spectrum-tokens/issues/57)) ([4cfe076](https://github.com/adobe/spectrum-tokens/commit/4cfe076ae264739ce21a7622d1d2b8b50cfede40))
package/dist/json/drover.json CHANGED
@@ -1188,6 +1188,14 @@
1188
1188
  "status-light-top-to-dot-large": "15px",
1189
1189
  "status-light-top-to-dot-medium": "12px",
1190
1190
  "status-light-top-to-dot-small": "8px",
1191
+ "swatch-size-extra-small": "16px",
1192
+ "swatch-size-large": "40px",
1193
+ "swatch-size-medium": "32px",
1194
+ "swatch-size-small": "24px",
1195
+ "swatch-slash-thickness-extra-small": "2px",
1196
+ "swatch-slash-thickness-large": "5px",
1197
+ "swatch-slash-thickness-medium": "4px",
1198
+ "swatch-slash-thickness-small": "3px",
1191
1199
  "switch-control-height-extra-large": "18px",
1192
1200
  "switch-control-height-large": "16px",
1193
1201
  "switch-control-height-medium": "14px",
package/dist/json/variables.json CHANGED
@@ -8308,6 +8308,61 @@
8308
8308
  }
8309
8309
  }
8310
8310
  },
8311
+ "swatch-size-extra-small": {
8312
+ "sets": {
8313
+ "desktop": {
8314
+ "value": "16px"
8315
+ },
8316
+ "mobile": {
8317
+ "value": "20px"
8318
+ }
8319
+ }
8320
+ },
8321
+ "swatch-size-small": {
8322
+ "sets": {
8323
+ "desktop": {
8324
+ "value": "24px"
8325
+ },
8326
+ "mobile": {
8327
+ "value": "30px"
8328
+ }
8329
+ }
8330
+ },
8331
+ "swatch-size-medium": {
8332
+ "sets": {
8333
+ "desktop": {
8334
+ "value": "32px"
8335
+ },
8336
+ "mobile": {
8337
+ "value": "40px"
8338
+ }
8339
+ }
8340
+ },
8341
+ "swatch-size-large": {
8342
+ "sets": {
8343
+ "desktop": {
8344
+ "value": "40px"
8345
+ },
8346
+ "mobile": {
8347
+ "value": "50px"
8348
+ }
8349
+ }
8350
+ },
8351
+ "swatch-rectangle-width-multiplier": {
8352
+ "value": "2"
8353
+ },
8354
+ "swatch-slash-thickness-extra-small": {
8355
+ "value": "2px"
8356
+ },
8357
+ "swatch-slash-thickness-small": {
8358
+ "value": "3px"
8359
+ },
8360
+ "swatch-slash-thickness-medium": {
8361
+ "value": "4px"
8362
+ },
8363
+ "swatch-slash-thickness-large": {
8364
+ "value": "5px"
8365
+ },
8311
8366
  "progress-bar-minimum-width": {
8312
8367
  "sets": {
8313
8368
  "desktop": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "12.0.0-beta.44",
3
+ "version": "12.0.0-beta.45",
4
4
  "description": "",
5
5
  "main": "config.js",
6
6
  "scripts": {
package/src/component-layout.json CHANGED
@@ -491,7 +491,7 @@
491
491
  }
492
492
  }
493
493
  },
494
- "action-button-edge-to-hold-icon-extra-small":{
494
+ "action-button-edge-to-hold-icon-extra-small": {
495
495
  "sets": {
496
496
  "desktop": {
497
497
  "value": "3px"
@@ -918,6 +918,62 @@
918
918
  }
919
919
  },
920
920
 
921
+ "swatch-size-extra-small": {
922
+ "sets": {
923
+ "desktop": {
924
+ "value": "16px"
925
+ },
926
+ "mobile": {
927
+ "value": "20px"
928
+ }
929
+ }
930
+ },
931
+ "swatch-size-small": {
932
+ "sets": {
933
+ "desktop": {
934
+ "value": "24px"
935
+ },
936
+ "mobile": {
937
+ "value": "30px"
938
+ }
939
+ }
940
+ },
941
+ "swatch-size-medium": {
942
+ "sets": {
943
+ "desktop": {
944
+ "value": "32px"
945
+ },
946
+ "mobile": {
947
+ "value": "40px"
948
+ }
949
+ }
950
+ },
951
+ "swatch-size-large": {
952
+ "sets": {
953
+ "desktop": {
954
+ "value": "40px"
955
+ },
956
+ "mobile": {
957
+ "value": "50px"
958
+ }
959
+ }
960
+ },
961
+ "swatch-rectangle-width-multiplier": {
962
+ "value": "2"
963
+ },
964
+ "swatch-slash-thickness-extra-small": {
965
+ "value": "2px"
966
+ },
967
+ "swatch-slash-thickness-small": {
968
+ "value": "3px"
969
+ },
970
+ "swatch-slash-thickness-medium": {
971
+ "value": "4px"
972
+ },
973
+ "swatch-slash-thickness-large": {
974
+ "value": "5px"
975
+ },
976
+
921
977
  "progress-bar-minimum-width": {
922
978
  "sets": {
923
979
  "desktop": {
@@ -927,57 +983,57 @@
927
983
  "value": "48px"
928
984
  }
929
985
  }
930
- },
931
- "progress-bar-maximum-width": {
932
- "sets": {
933
- "desktop": {
934
- "value": "768px"
935
- },
936
- "mobile": {
937
- "value": "768px"
938
- }
986
+ },
987
+ "progress-bar-maximum-width": {
988
+ "sets": {
989
+ "desktop": {
990
+ "value": "768px"
991
+ },
992
+ "mobile": {
993
+ "value": "768px"
939
994
  }
940
- },
941
- "progress-bar-thickness-small": {
942
- "sets": {
943
- "desktop": {
944
- "value": "4px"
945
- },
946
- "mobile": {
947
- "value": "5px"
948
- }
995
+ }
996
+ },
997
+ "progress-bar-thickness-small": {
998
+ "sets": {
999
+ "desktop": {
1000
+ "value": "4px"
1001
+ },
1002
+ "mobile": {
1003
+ "value": "5px"
949
1004
  }
950
- },
951
- "progress-bar-thickness-medium": {
952
- "sets": {
953
- "desktop": {
954
- "value": "6px"
955
- },
956
- "mobile": {
957
- "value": "8px"
958
- }
1005
+ }
1006
+ },
1007
+ "progress-bar-thickness-medium": {
1008
+ "sets": {
1009
+ "desktop": {
1010
+ "value": "6px"
1011
+ },
1012
+ "mobile": {
1013
+ "value": "8px"
959
1014
  }
960
- },
961
- "progress-bar-thickness-large": {
962
- "sets": {
963
- "desktop": {
964
- "value": "8px"
965
- },
966
- "mobile": {
967
- "value": "10px"
968
- }
1015
+ }
1016
+ },
1017
+ "progress-bar-thickness-large": {
1018
+ "sets": {
1019
+ "desktop": {
1020
+ "value": "8px"
1021
+ },
1022
+ "mobile": {
1023
+ "value": "10px"
969
1024
  }
970
- },
971
- "progress-bar-thickness-extra-large": {
972
- "sets": {
973
- "desktop": {
974
- "value": "10px"
975
- },
976
- "mobile": {
977
- "value": "13px"
978
- }
1025
+ }
1026
+ },
1027
+ "progress-bar-thickness-extra-large": {
1028
+ "sets": {
1029
+ "desktop": {
1030
+ "value": "10px"
1031
+ },
1032
+ "mobile": {
1033
+ "value": "13px"
979
1034
  }
980
- },
1035
+ }
1036
+ },
981
1037
 
982
1038
  "progress-circle-size-small": {
983
1039
  "sets": {
@@ -1042,7 +1098,7 @@
1042
1098
 
1043
1099
  "radio-button-control-size-small": {
1044
1100
  "sets": {
1045
- "spectrum":{
1101
+ "spectrum": {
1046
1102
  "sets": {
1047
1103
  "desktop": {
1048
1104
  "value": "12px"
@@ -1052,7 +1108,7 @@
1052
1108
  }
1053
1109
  }
1054
1110
  },
1055
- "express":{
1111
+ "express": {
1056
1112
  "sets": {
1057
1113
  "desktop": {
1058
1114
  "value": "14px"
@@ -1090,7 +1146,7 @@
1090
1146
  },
1091
1147
  "radio-button-control-size-large": {
1092
1148
  "sets": {
1093
- "spectrum":{
1149
+ "spectrum": {
1094
1150
  "sets": {
1095
1151
  "desktop": {
1096
1152
  "value": "16px"
@@ -1749,5 +1805,4 @@
1749
1805
  }
1750
1806
  }
1751
1807
  }
1752
-
1753
1808
  }