diff --git a/.changeset/20260402-93d6e2ae.md b/.changeset/20260402-93d6e2ae.md new file mode 100644 index 00000000..4cf63d87 --- /dev/null +++ b/.changeset/20260402-93d6e2ae.md @@ -0,0 +1,90 @@ +--- +"@adobe/spectrum-tokens": minor +--- + +## Token sync from Spectrum Tokens Studio + +**Original implementer:** @mrcjhicks + +### Token changes + + +## Tokens Changed (66) +**Original Branch:** `main` +**New Branch:** `tokens-sync/patch-spectrum2-from-main` + +
Newly Deprecated (66) + +- `corner-triangle-icon-size-100` +- `corner-triangle-icon-size-200` +- `corner-triangle-icon-size-300` +- `corner-triangle-icon-size-75` +- `workflow-icon-size-100` +- `workflow-icon-size-200` +- `workflow-icon-size-300` +- `workflow-icon-size-50` +- `workflow-icon-size-75` +- `add-icon-size-100` +- `add-icon-size-200` +- `add-icon-size-300` +- `add-icon-size-50` +- `add-icon-size-75` +- `arrow-icon-size-100` +- `arrow-icon-size-200` +- `arrow-icon-size-300` +- `arrow-icon-size-400` +- `arrow-icon-size-500` +- `arrow-icon-size-600` +- `arrow-icon-size-75` +- `asterisk-icon-size-100` +- `asterisk-icon-size-200` +- `asterisk-icon-size-300` +- `asterisk-icon-size-75` +- `checkmark-icon-size-100` +- `checkmark-icon-size-200` +- `checkmark-icon-size-300` +- `checkmark-icon-size-400` +- `checkmark-icon-size-50` +- `checkmark-icon-size-500` +- `checkmark-icon-size-600` +- `checkmark-icon-size-75` +- `chevron-icon-size-100` +- `chevron-icon-size-200` +- `chevron-icon-size-300` +- `chevron-icon-size-400` +- `chevron-icon-size-50` +- `chevron-icon-size-500` +- `chevron-icon-size-600` +- `chevron-icon-size-75` +- `cross-icon-size-100` +- `cross-icon-size-200` +- `cross-icon-size-300` +- `cross-icon-size-400` +- `cross-icon-size-500` +- `cross-icon-size-600` +- `cross-icon-size-75` +- `dash-icon-size-100` +- `dash-icon-size-200` +- `dash-icon-size-300` +- `dash-icon-size-400` +- `dash-icon-size-50` +- `dash-icon-size-500` +- `dash-icon-size-600` +- `dash-icon-size-75` +- `drag-handle-icon-size-100` +- `drag-handle-icon-size-200` +- `drag-handle-icon-size-300` +- `drag-handle-icon-size-75` +- `gripper-icon-size-100` +- `link-out-icon-size-100` +- `link-out-icon-size-200` +- `link-out-icon-size-300` +- `link-out-icon-size-400` +- `link-out-icon-size-75` +
+ + +### References + +- Tokens Studio PR: https://github.com/adobe/spectrum-tokens-studio-data/pull/301 +- Spectrum Tokens PR: https://github.com/adobe/spectrum-design-data/pull/808 \ No newline at end of file diff --git a/packages/tokens/src/color-aliases.json b/packages/tokens/src/color-aliases.json index 4265e169..0ff3c751 100644 --- a/packages/tokens/src/color-aliases.json +++ b/packages/tokens/src/color-aliases.json @@ -739,30 +739,30 @@ }, "drop-shadow-dragged": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/drop-shadow.json", - "uuid": "40668dc3-1bc4-4572-8bc8-32818c192a40", "value": [ { + "x": "0px", + "y": "12px", "blur": "16px", - "color": "{drop-shadow-ambient-color}", "spread": "0px", - "x": "0px", - "y": "12px" + "color": "{drop-shadow-ambient-color}" }, { + "x": "0px", + "y": "6px", "blur": "8px", - "color": "{drop-shadow-transition-color}", "spread": "0px", - "x": "0px", - "y": "6px" + "color": "{drop-shadow-transition-color}" }, { + "x": "0px", + "y": "0px", "blur": "6px", - "color": "{drop-shadow-dragged-key-color}", "spread": "0px", - "x": "0px", - "y": "0px" + "color": "{drop-shadow-dragged-key-color}" } - ] + ], + "uuid": "40668dc3-1bc4-4572-8bc8-32818c192a40" }, "drop-shadow-dragged-color": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json", @@ -792,30 +792,30 @@ }, "drop-shadow-elevated": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/drop-shadow.json", - "uuid": "8ecd414e-72e6-4fac-953d-5a1fbe048835", "value": [ { + "x": "0px", + "y": "4px", "blur": "12px", - "color": "{drop-shadow-ambient-color}", "spread": "0px", - "x": "0px", - "y": "4px" + "color": "{drop-shadow-ambient-color}" }, { + "x": "0px", + "y": "2px", "blur": "6px", - "color": "{drop-shadow-transition-color}", "spread": "0px", - "x": "0px", - "y": "2px" + "color": "{drop-shadow-transition-color}" }, { + "x": "0px", + "y": "0px", "blur": "2px", - "color": "{drop-shadow-elevated-key-color}", "spread": "0px", - "x": "0px", - "y": "0px" + "color": "{drop-shadow-elevated-key-color}" } - ] + ], + "uuid": "8ecd414e-72e6-4fac-953d-5a1fbe048835" }, "drop-shadow-elevated-color": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json", @@ -845,30 +845,30 @@ }, "drop-shadow-emphasized": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/drop-shadow.json", - "uuid": "71163f17-f6c6-4123-ac65-2fc30271acf1", "value": [ { + "x": "0px", + "y": "2px", "blur": "8px", - "color": "{drop-shadow-ambient-color}", "spread": "0px", - "x": "0px", - "y": "2px" + "color": "{drop-shadow-ambient-color}" }, { + "x": "0px", + "y": "1px", "blur": "4px", - "color": "{drop-shadow-transition-color}", "spread": "0px", - "x": "0px", - "y": "1px" + "color": "{drop-shadow-transition-color}" }, { + "x": "0px", + "y": "0px", "blur": "1px", - "color": "{drop-shadow-emphasized-key-color}", "spread": "0px", - "x": "0px", - "y": "0px" + "color": "{drop-shadow-emphasized-key-color}" } - ] + ], + "uuid": "71163f17-f6c6-4123-ac65-2fc30271acf1" }, "drop-shadow-emphasized-default-color": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json", @@ -877,30 +877,30 @@ }, "drop-shadow-emphasized-hover": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/drop-shadow.json", - "uuid": "35d75867-6bc7-49f2-89d5-e353e1117a94", "value": [ { + "x": "0px", + "y": "4px", "blur": "12px", - "color": "{drop-shadow-ambient-color}", "spread": "0px", - "x": "0px", - "y": "4px" + "color": "{drop-shadow-ambient-color}" }, { + "x": "0px", + "y": "2px", "blur": "6px", - "color": "{drop-shadow-transition-color}", "spread": "0px", - "x": "0px", - "y": "2px" + "color": "{drop-shadow-transition-color}" }, { + "x": "0px", + "y": "0px", "blur": "2px", - "color": "{drop-shadow-emphasized-key-color}", "spread": "0px", - "x": "0px", - "y": "0px" + "color": "{drop-shadow-emphasized-key-color}" } - ] + ], + "uuid": "35d75867-6bc7-49f2-89d5-e353e1117a94" }, "drop-shadow-emphasized-hover-color": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json", @@ -2503,4 +2503,4 @@ }, "uuid": "d0362576-7efc-4910-a671-b87695571050" } -} +} \ No newline at end of file diff --git a/packages/tokens/src/layout-component.json b/packages/tokens/src/layout-component.json index 0106230a..f0e6a762 100644 --- a/packages/tokens/src/layout-component.json +++ b/packages/tokens/src/layout-component.json @@ -995,12 +995,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "e2f088b2-1ec4-4fc4-aacd-3ded4f0a239e", - "value": "10px" + "value": "10px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "4141f697-72cf-4948-acc7-7aa96035fbe8", - "value": "14px" + "value": "14px", + "deprecated": true } }, "uuid": "8fd1aabf-b5e5-4f60-bed2-43c3bec97f7e" @@ -1012,12 +1014,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "6bc4db4c-ab1a-4c68-bc37-2053b289d982", - "value": "12px" + "value": "12px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "708bfa69-42fb-41cf-b734-ef3736cafc02", - "value": "14px" + "value": "14px", + "deprecated": true } }, "uuid": "ca31ed73-c382-48a5-a6ae-45cb7648ec2e" @@ -1029,12 +1033,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "6f6b3134-6fcc-457d-ae87-43814ccada0f", - "value": "12px" + "value": "12px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "6ac66626-4a7b-4880-ba39-6756b30e0872", - "value": "16px" + "value": "16px", + "deprecated": true } }, "uuid": "7153703c-7f93-437d-a3fd-19d3712cd008" @@ -1046,12 +1052,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "d754631a-979d-4dec-b42c-f539421d1c86", - "value": "8px" + "value": "8px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "d74d9dc5-9c20-4c87-bacc-d8898c805aa0", - "value": "10px" + "value": "10px", + "deprecated": true } }, "uuid": "ebe32780-2683-4112-a31d-a96c83c84d1e" @@ -1063,12 +1071,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "1456b16e-09bc-4b63-b3c7-4ecf9a0c3754", - "value": "8px" + "value": "8px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "cfa5af27-add5-475d-90e4-2bd4fc14fcf1", - "value": "10px" + "value": "10px", + "deprecated": true } }, "uuid": "19aeee29-ee00-483f-9caa-544149aaabae" @@ -1285,12 +1295,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "c22e7427-617d-4f99-bee7-e3fffba07fc2", - "value": "10px" + "value": "10px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "e9b3eb08-2004-4ad3-bb13-a00a6cb536aa", - "value": "14px" + "value": "14px", + "deprecated": true } }, "uuid": "9aa4e6ea-50ee-4a44-b3a5-cab3f7aed7f2" @@ -1302,12 +1314,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "645d5384-e3a8-4d97-acf6-7cbce00e6537", - "value": "12px" + "value": "12px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "c7df43e2-7354-4f53-b453-dc9bf9060e64", - "value": "16px" + "value": "16px", + "deprecated": true } }, "uuid": "334c967f-5b41-4fd4-bf75-bd9d405de0d6" @@ -1319,12 +1333,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "d0df9084-c6bf-42e5-b830-82906036e397", - "value": "14px" + "value": "14px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "f6116604-efbe-4c6f-b047-29247d632174", - "value": "16px" + "value": "16px", + "deprecated": true } }, "uuid": "c2eb8a49-f7aa-49d9-9216-4b3292a9fda8" @@ -1336,12 +1352,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "4ced8527-31ad-4e48-9491-806ffc57442a", - "value": "16px" + "value": "16px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "35f055a9-8a33-42b2-a316-7e2ef0a4b99d", - "value": "18px" + "value": "18px", + "deprecated": true } }, "uuid": "0c807977-8951-4dce-a580-ed4b11045d86" @@ -1353,12 +1371,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "31f09728-964b-4598-99a0-d17bf7256e40", - "value": "18px" + "value": "18px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "dcf16e1a-49ea-4888-85b7-012462a60f40", - "value": "22px" + "value": "22px", + "deprecated": true } }, "uuid": "e8ae5614-5793-46a3-9d5c-bf04b57ef870" @@ -1370,12 +1390,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "5ffece39-b8fc-4a40-a051-0d6c8e253f8f", - "value": "20px" + "value": "20px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "2f5f49e5-9aba-4ea0-a8d9-0f0e4c086b89", - "value": "24px" + "value": "24px", + "deprecated": true } }, "uuid": "54adb815-8e74-498f-a4b9-f647de95d3b5" @@ -1387,12 +1409,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "b39b3ce3-6a48-4025-96ef-659b0c9ae9e8", - "value": "10px" + "value": "10px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "6ff35aff-8a9f-466c-bdd3-dda460ccaee5", - "value": "12px" + "value": "12px", + "deprecated": true } }, "uuid": "853a105e-8a45-4588-a173-4a5b8add9730" @@ -1404,12 +1428,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "d04b37cc-2c35-49af-9e92-9993264e405a", - "value": "8px" + "value": "8px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "f6f11ca3-b78b-4207-868f-f834c19e8d3d", - "value": "10px" + "value": "10px", + "deprecated": true } }, "uuid": "597db14a-a852-40ac-b4d3-80528dda07d8" @@ -1421,12 +1447,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "49892fb4-a9df-4882-a656-7f9ffb9558bc", - "value": "10px" + "value": "10px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "3f1b200b-d341-41e4-ae7b-c981ccb492f7", - "value": "12px" + "value": "12px", + "deprecated": true } }, "uuid": "692207dd-e636-4511-ba54-c24ddf3e4e46" @@ -1438,12 +1466,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "93506e7b-f388-4cf8-bd73-e7d96da935d5", - "value": "10px" + "value": "10px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "a1cdad1f-6537-4c35-a87b-45d8e161ee46", - "value": "12px" + "value": "12px", + "deprecated": true } }, "uuid": "69685097-066a-4fec-8440-fb51804c06d1" @@ -1452,7 +1482,8 @@ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "component": "asterisk-icon", "uuid": "49ea57ee-7b12-4a8b-a9bb-a11cf2c9d72c", - "value": "8px" + "value": "8px", + "deprecated": true }, "avatar-border-width": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json", @@ -2908,12 +2939,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "9227a279-09f4-457a-b5b3-894f0d6a00df", - "value": "10px" + "value": "10px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "23247915-3cc0-4fdf-b21a-85b97019a219", - "value": "14px" + "value": "14px", + "deprecated": true } }, "uuid": "7dca1bf5-71bc-406d-8df8-98c9e3c443d6" @@ -2925,12 +2958,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "342a360b-d58c-4d7a-9a9d-893600b90785", - "value": "12px" + "value": "12px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "d4e3f5ff-91d6-499e-b79e-b1d85c0c597b", - "value": "14px" + "value": "14px", + "deprecated": true } }, "uuid": "51745ca2-1ea0-4648-8b90-26021d8cb24c" @@ -2942,12 +2977,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "b5eff9b7-6987-47a1-a673-c47b7e806370", - "value": "14px" + "value": "14px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "d9b251b2-aa8a-46dc-9a2a-0eb46afea241", - "value": "16px" + "value": "16px", + "deprecated": true } }, "uuid": "ccb1a2b3-4661-4bda-9ccc-aa737e6c3ae1" @@ -2959,12 +2996,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "1a043355-03e6-4322-a462-7d628c23fd06", - "value": "16px" + "value": "16px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "c044459e-12a3-4cdd-9f22-db1d14f34164", - "value": "18px" + "value": "18px", + "deprecated": true } }, "uuid": "43c66b3c-ee3d-42dc-94b3-b4e8f24d9a0e" @@ -2976,12 +3015,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "6335cb3a-6ceb-40e7-b241-ff9b36f1277c", - "value": "10px" + "value": "10px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "ee52f114-1ab6-430b-bd54-62a82bf3600e", - "value": "12px" + "value": "12px", + "deprecated": true } }, "uuid": "4a56fa39-3250-45ee-a13e-885aa51e05d2" @@ -2993,12 +3034,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "0bf97a2b-5fe6-46ca-8175-8457e8e37d36", - "value": "16px" + "value": "16px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "29f107aa-b8a8-4a09-bf55-9c903c1005ed", - "value": "20px" + "value": "20px", + "deprecated": true } }, "uuid": "e58cc203-6a8d-46a6-a8c6-eeaefbd4a50e" @@ -3010,12 +3053,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "4bacaeea-2d60-46d2-8c98-288b45a79aaf", - "value": "18px" + "value": "18px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "b52f4e53-06c2-4746-8063-e2bd99361174", - "value": "24px" + "value": "24px", + "deprecated": true } }, "uuid": "af33c41e-0824-45bf-a6de-f960deacef46" @@ -3027,12 +3072,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "0545a68c-f273-4348-84cd-9cd365bdb474", - "value": "10px" + "value": "10px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "99224b4e-751a-49ec-8db4-41c8cc4c7bf5", - "value": "12px" + "value": "12px", + "deprecated": true } }, "uuid": "66be8a28-4c91-4418-9589-f9a3114f361b" @@ -3044,12 +3091,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "fdd4f0b4-3284-4734-b158-ecd5da36d586", - "value": "10px" + "value": "10px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "c4d6bea8-61b0-45a4-81e0-1e5dd7429463", - "value": "14px" + "value": "14px", + "deprecated": true } }, "uuid": "dea35658-0356-4578-b3b0-f538449ee8f6" @@ -3061,12 +3110,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "2df0f6e0-5821-4f70-9aa9-1cc61f860b53", - "value": "12px" + "value": "12px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "08bbd8dd-bb02-43b9-8e25-7709aee5ff52", - "value": "14px" + "value": "14px", + "deprecated": true } }, "uuid": "6a8b4db6-5057-4aac-a548-88b365f8a491" @@ -3078,12 +3129,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "087dcfa2-5bfd-47a4-a67c-dca50e086e7a", - "value": "14px" + "value": "14px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "e6fdcac2-9916-45e2-a479-e87d17ece1f9", - "value": "16px" + "value": "16px", + "deprecated": true } }, "uuid": "dc5f5463-25e5-4dd6-a019-422dff279d7a" @@ -3095,12 +3148,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "7fc3ab50-4856-442b-85f7-7f0e5ab3304a", - "value": "16px" + "value": "16px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "ee913eaa-bdaf-44c0-a139-17c5d94b1d4a", - "value": "18px" + "value": "18px", + "deprecated": true } }, "uuid": "f683fc1b-4d90-4165-8f00-59a7be264f3b" @@ -3112,12 +3167,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "785a9152-a69b-4164-a8e2-cc201c1f8063", - "value": "6px" + "value": "6px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "6d8ce7eb-a2a2-496c-9ce7-847f4da5fc0c", - "value": "8px" + "value": "8px", + "deprecated": true } }, "uuid": "ddd17061-8664-4dd4-8b21-45354cd37467" @@ -3129,12 +3186,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "2891d3c7-1178-4901-9be9-75efada4a9e7", - "value": "16px" + "value": "16px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "95400787-7abb-4cad-830b-8a4042831860", - "value": "20px" + "value": "20px", + "deprecated": true } }, "uuid": "41f34810-35b7-4179-b997-d01fabf70599" @@ -3146,12 +3205,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "c1de2d7d-ef83-4a3f-9407-2f512127244f", - "value": "18px" + "value": "18px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "350b77ab-6440-49c1-9b1c-a31c5c4f2f5f", - "value": "24px" + "value": "24px", + "deprecated": true } }, "uuid": "95d55e28-01ee-40df-8a67-a30ccea2d809" @@ -3163,12 +3224,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "43ef1792-b182-419d-966c-a8a2d77dbe03", - "value": "10px" + "value": "10px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "74dbb8c0-2e65-413d-8b52-7215993b5696", - "value": "12px" + "value": "12px", + "deprecated": true } }, "uuid": "1ccb5e05-1156-46a9-b2b3-14cc5d815aa5" @@ -3907,12 +3970,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "c9fac273-0c5c-46cd-b774-ad566a540511", - "value": "8px" + "value": "8px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "11f924ca-5542-4864-b153-77363a32d690", - "value": "10px" + "value": "10px", + "deprecated": true } }, "uuid": "e8659c2e-f4b7-4732-b23c-16af4a1d79c9" @@ -3924,12 +3989,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "5b416331-7910-4d64-9b5f-43fd1832d3a6", - "value": "10px" + "value": "10px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "11f65b04-c50d-45bb-86bd-34520aa7db61", - "value": "12px" + "value": "12px", + "deprecated": true } }, "uuid": "587977b6-8adf-4b54-b940-6354b0e830fc" @@ -3941,12 +4008,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "f0a65c80-55e8-4ad3-b68c-8429c2fefcf5", - "value": "12px" + "value": "12px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "37867ac1-4101-4553-98e1-c8a94fdd2d66", - "value": "14px" + "value": "14px", + "deprecated": true } }, "uuid": "8a4ae475-b40f-49dd-bbcc-bd6bc135b0f7" @@ -3958,12 +4027,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "b7e0939f-45ef-4250-8138-2bee9dcb2be4", - "value": "12px" + "value": "12px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "2fed48b7-dd3d-4c3c-9d5c-3046934f5cfd", - "value": "16px" + "value": "16px", + "deprecated": true } }, "uuid": "b490e81d-f2f0-4857-b2f4-cbea8edb8383" @@ -3975,12 +4046,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "1228762d-8c89-4e04-a097-5001d805877d", - "value": "14px" + "value": "14px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "a865d5f8-4798-4721-ab76-3b51067d6439", - "value": "16px" + "value": "16px", + "deprecated": true } }, "uuid": "7029c6a0-dce5-4149-a8fd-c3d28c05d065" @@ -3992,12 +4065,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "825c1a0a-e6a3-41dc-81bb-0fb9b74c0ca2", - "value": "16px" + "value": "16px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "e12ac1ec-08f8-4d8b-8c4b-29b74cafe1a1", - "value": "18px" + "value": "18px", + "deprecated": true } }, "uuid": "96e922f2-8178-4961-99e5-f86e08b947b2" @@ -4009,12 +4084,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "8e597833-1025-4de4-b34a-2f34201487c3", - "value": "8px" + "value": "8px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "622d259d-b52b-409a-bf58-04705d8423f9", - "value": "10px" + "value": "10px", + "deprecated": true } }, "uuid": "bd1ab7ff-ab35-401f-8f6e-69d986a457c3" @@ -4026,12 +4103,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "67464126-edf0-49db-a07c-8641d4a24cae", - "value": "10px" + "value": "10px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "9dc14737-973d-4f6e-8336-2e119c1f1af7", - "value": "12px" + "value": "12px", + "deprecated": true } }, "uuid": "01c16d60-dd80-4a7b-a55f-24d68a6e88c3" @@ -4043,12 +4122,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "220d2f95-067f-4169-bab7-1b4e202bd1a1", - "value": "12px" + "value": "12px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "98ebf128-02f1-4d4b-a686-af8713a0f24b", - "value": "14px" + "value": "14px", + "deprecated": true } }, "uuid": "fafd0a22-6824-43fc-b348-a4cf287ad4a2" @@ -4060,12 +4141,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "84f3da59-4c41-4e4e-925c-5fda4222361d", - "value": "12px" + "value": "12px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "ad59353e-3ed1-4e76-af87-020cebfa2664", - "value": "16px" + "value": "16px", + "deprecated": true } }, "uuid": "4d434220-41ef-4ab3-8adc-dabb5e0d799c" @@ -4077,12 +4160,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "17540c3a-2f85-4771-a4f8-834c70872abb", - "value": "14px" + "value": "14px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "d2c45711-be18-4c85-8b23-f4d4f3d0b492", - "value": "18px" + "value": "18px", + "deprecated": true } }, "uuid": "85ca8298-e55c-4a58-813a-50419d06a0c8" @@ -4094,12 +4179,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "59e5a3f7-c1d0-4b76-bb7e-2bcddddb83da", - "value": "8px" + "value": "8px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "ea331ff6-aa92-4cb4-936a-554a2404152d", - "value": "10px" + "value": "10px", + "deprecated": true } }, "uuid": "2298f2ce-e1b5-4a77-b1e5-180ed32b9711" @@ -4111,12 +4198,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "08358bbf-3f8d-48fe-bb48-5dadead4170f", - "value": "16px" + "value": "16px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "8d2ad303-095d-4f0c-b0c5-c1ec75b96819", - "value": "20px" + "value": "20px", + "deprecated": true } }, "uuid": "59582588-d429-4949-9dfc-d2be3eb1963b" @@ -4128,12 +4217,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "34316272-7bcd-4b44-af20-07c0e1cb8690", - "value": "18px" + "value": "18px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "2e81ce48-452d-401f-a44d-10ca427f031e", - "value": "22px" + "value": "22px", + "deprecated": true } }, "uuid": "002e91f0-f8d7-4c82-983d-9fdeb54c8a27" @@ -4145,12 +4236,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "bfd0ad6e-6656-46d6-aa9f-0940b2c2902a", - "value": "8px" + "value": "8px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "1b6d0e50-3ba2-43c9-8b8c-c220364f4434", - "value": "10px" + "value": "10px", + "deprecated": true } }, "uuid": "b44a2927-7b2e-494c-9f79-ba7ea5eaabd2" @@ -4241,12 +4334,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "85273338-00a6-407d-b5f9-803a732b84fa", - "value": "10px" + "value": "10px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "f60c626f-f217-46eb-b2ed-5c56c3f87aa4", - "value": "12px" + "value": "12px", + "deprecated": true } }, "uuid": "a0334fc6-e127-43e0-be41-7ecb5ef52b22" @@ -4258,12 +4353,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "4342319b-d8c4-485b-9b2f-5bd4c702979c", - "value": "12px" + "value": "12px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "b8370ec4-5e70-4a53-a98e-a733c86ce065", - "value": "14px" + "value": "14px", + "deprecated": true } }, "uuid": "79a9ff24-76dd-4d94-aac8-c226e64b88ba" @@ -4275,12 +4372,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "91eb8665-5728-468c-a533-1aadf70aeef1", - "value": "14px" + "value": "14px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "93052ad2-8ada-40d8-a046-16e5a91ae826", - "value": "16px" + "value": "16px", + "deprecated": true } }, "uuid": "42b99d05-5642-4663-8789-c30b9a7439d6" @@ -4292,12 +4391,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "c4ae0720-ee2c-41b8-a8ad-a30528a8a967", - "value": "10px" + "value": "10px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "e2615055-159e-4b87-b7ce-1537f25fcdd4", - "value": "12px" + "value": "12px", + "deprecated": true } }, "uuid": "c1efdd8f-29ec-4c77-b750-ca011bd8de1d" @@ -4738,7 +4839,8 @@ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "component": "gripper-icon", "uuid": "e6f95e88-636d-4d3a-8966-8c811dc697d6", - "value": "24px" + "value": "24px", + "deprecated": true }, "help-text-to-component": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", @@ -5341,12 +5443,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "cc8ad91e-22f2-4f59-ae8c-99d2c1433d6e", - "value": "12px" + "value": "12px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "083c11fe-1e10-46f5-9e71-3fcc2567fe2d", - "value": "14px" + "value": "14px", + "deprecated": true } }, "uuid": "0722a411-c7c0-4906-8e41-e043b4c245d3" @@ -5358,12 +5462,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "f78418a4-5b55-418b-9c90-7f388d5bb275", - "value": "14px" + "value": "14px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "0062482b-0339-4632-9b40-89b5f1a440cf", - "value": "16px" + "value": "16px", + "deprecated": true } }, "uuid": "de0d84cb-14d8-40b3-bae2-8826d4ee03f7" @@ -5375,12 +5481,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "66e386cd-e3b5-424b-b89b-27fe9aaf5ad1", - "value": "14px" + "value": "14px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "a063db0d-81cf-45e0-988e-2224307560ba", - "value": "16px" + "value": "16px", + "deprecated": true } }, "uuid": "bc5fab17-8503-442c-a560-fa7a1f8d99c5" @@ -5392,12 +5500,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "54227cbe-b962-46de-b40a-d1ea759425a7", - "value": "16px" + "value": "16px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "1bcd281a-38b0-4e83-8667-536351dd14ec", - "value": "18px" + "value": "18px", + "deprecated": true } }, "uuid": "43458e95-45f9-4d0b-8383-6da7a6080a58" @@ -5409,12 +5519,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "1e41d09e-684e-4f87-ae85-4bc95f958c0e", - "value": "10px" + "value": "10px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "cb87186b-47aa-4baa-a47d-91b5e9f7965e", - "value": "12px" + "value": "12px", + "deprecated": true } }, "uuid": "981b8bc8-1914-4406-890f-748efaa1c27c" @@ -13771,4 +13883,4 @@ "uuid": "3373c4d2-d81b-4649-bc24-5251879778c1", "value": "212px" } -} +} \ No newline at end of file diff --git a/packages/tokens/src/layout.json b/packages/tokens/src/layout.json index 70340027..3f82a045 100644 --- a/packages/tokens/src/layout.json +++ b/packages/tokens/src/layout.json @@ -1746,12 +1746,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "6fcfc18c-c5e0-4f50-beab-6c4a10bfdaa7", - "value": "5px" + "value": "5px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "1352ad8f-a8ec-459d-8ae3-71c27038a29d", - "value": "7px" + "value": "7px", + "deprecated": true } }, "uuid": "623e55f9-ec0f-48f1-91ed-d88e36d41d18" @@ -1762,12 +1764,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "9c2db47b-f017-432a-a44f-238bc461c4c1", - "value": "6px" + "value": "6px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "2be65bca-0f16-4754-bc8a-4a491ba87b90", - "value": "8px" + "value": "8px", + "deprecated": true } }, "uuid": "e16424f5-12e3-4577-a3a4-414aa9eaacbf" @@ -1778,12 +1782,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "c9c18669-11bf-4ba3-b36f-26115981327c", - "value": "7px" + "value": "7px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "d396d74a-425d-4f06-837f-349f81ebf486", - "value": "8px" + "value": "8px", + "deprecated": true } }, "uuid": "587b1bdb-f6a8-4526-a454-db5dc2997e67" @@ -1794,12 +1800,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "490fac13-d347-4c21-85fa-57814bff7537", - "value": "5px" + "value": "5px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "434b019c-efde-437a-967b-b841ec95e621", - "value": "6px" + "value": "6px", + "deprecated": true } }, "uuid": "c12846fb-bd7e-4df0-8345-5148f68a5e7e" @@ -3887,12 +3895,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "40abc60f-ab65-41ef-b724-a0f0bdd94d14", - "value": "20px" + "value": "20px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "9e882a20-b8e1-4e9b-89f9-26f21db3cd78", - "value": "24px" + "value": "24px", + "deprecated": true } }, "uuid": "dccab61e-8eed-4fa6-99c3-b997c987dd62" @@ -3903,12 +3913,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "6392e605-932e-456d-be53-149b624a04e2", - "value": "22px" + "value": "22px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "9948e083-8c75-48f7-8e58-32c75ec76116", - "value": "28px" + "value": "28px", + "deprecated": true } }, "uuid": "6650d78d-2317-41c2-bb9b-e2789cffb5c0" @@ -3919,12 +3931,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "25908278-79d3-47f4-9b53-adbdd1c13e2a", - "value": "26px" + "value": "26px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "df0dc6c3-59fc-4ee0-87a9-c3d49a07cf9c", - "value": "30px" + "value": "30px", + "deprecated": true } }, "uuid": "c50ba02d-538f-456c-9d8d-f6ca5b1b5881" @@ -3935,12 +3949,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "1423caf1-75ca-4ca8-aa6a-22dcf3655b0e", - "value": "14px" + "value": "14px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "4c4cb541-7d42-4bb4-9c86-7197c4600896", - "value": "16px" + "value": "16px", + "deprecated": true } }, "uuid": "10abd2ac-fdb8-4dee-86a6-1588acc7b366" @@ -3951,12 +3967,14 @@ "desktop": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "85cdef34-0682-45eb-ac06-98c76883cdf7", - "value": "16px" + "value": "16px", + "deprecated": true }, "mobile": { "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json", "uuid": "b720c214-babe-426d-9629-9ec60d5e8622", - "value": "18px" + "value": "18px", + "deprecated": true } }, "uuid": "e1029ff5-5b9c-4717-8cdb-4ced6b554c01" @@ -3977,4 +3995,4 @@ }, "uuid": "dd3133de-94a6-4007-a68e-4202762f0eb5" } -} +} \ No newline at end of file diff --git a/tools/diff-generator/src/lib/updated-token-detection.js b/tools/diff-generator/src/lib/updated-token-detection.js index db94a076..3c3d8454 100644 --- a/tools/diff-generator/src/lib/updated-token-detection.js +++ b/tools/diff-generator/src/lib/updated-token-detection.js @@ -204,6 +204,15 @@ function checkProperties( currentOriginalLevel, update, ); + } else if (Array.isArray(currentTokenLevel[property])) { + // arrays (e.g. multi-layer drop-shadow values) are treated as atomic leaf values + handleArrayLeafProperty( + property, + propertyPath, + currentTokenLevel, + currentOriginalLevel, + update, + ); } else if (isObject(currentTokenLevel[property])) { // we've got an object that has properties in it we need to check (probably set stuff!) handleBranchProperty( @@ -248,6 +257,31 @@ function handleLeafProperty( } } +function handleArrayLeafProperty( + property, + propertyPath, + currentTokenLevel, + currentOriginalLevel, + update, +) { + const newValue = JSON.stringify(currentTokenLevel[property]); + if (update) { + const origValue = JSON.stringify( + currentOriginalLevel ? currentOriginalLevel[property] : undefined, + ); + currentTokenLevel[property] = { + path: propertyPath, + "new-value": newValue, + "original-value": origValue, + }; + } else { + currentTokenLevel[property] = { + path: propertyPath, + "new-value": newValue, + }; + } +} + function handleBranchProperty( modifiedTokens, rootTokenLevel, diff --git a/tools/diff-generator/src/templates/markdown.hbs b/tools/diff-generator/src/templates/markdown.hbs index 00578b22..0d972a87 100644 --- a/tools/diff-generator/src/templates/markdown.hbs +++ b/tools/diff-generator/src/templates/markdown.hbs @@ -63,7 +63,7 @@ {{#each updated.renamed~}} - `{{name}}` {{#each change}} - - `{{cleanPath path}}`: {{#if (ifEquals type "schema")}}`{{lastPathPart originalValue}}` -> `{{lastPathPart newValue}}`{{else}}`{{originalValue}}` -> `{{newValue}}`{{/if}} + - `{{cleanPath path}}`: {{#if (ifEquals type "schema")}}`{{lastPathPart originalValue}}` -> `{{lastPathPart newValue}}`{{else}}`{{{originalValue}}}` -> `{{{newValue}}}`{{/if}} {{/each}} {{/each}} @@ -76,7 +76,7 @@ {{#each updated.added~}} - `{{name}}` {{#each changes}} - - `{{cleanPath path}}`: `{{newValue}}` + - `{{cleanPath path}}`: `{{{newValue}}}` {{/each}} {{/each}} @@ -89,7 +89,7 @@ {{#each updated.deleted~}} - `{{name}}` {{#each changes}} - - `{{cleanPath path}}`: {{#if (ifEquals type "schema")}}`{{lastPathPart originalValue}}` -> `{{lastPathPart newValue}}`{{else}}{{originalValue}} -> `{{newValue}}`{{/if}} + - `{{cleanPath path}}`: {{#if (ifEquals type "schema")}}`{{lastPathPart originalValue}}` -> `{{lastPathPart newValue}}`{{else}}{{{originalValue}}} -> `{{{newValue}}}`{{/if}} {{/each}} {{/each}} @@ -102,7 +102,7 @@ {{#each updated.updated~}} - `{{name}}` {{#each changes}} - - `{{cleanPath path}}`: {{#if (ifEquals type "schema")}}`{{lastPathPart originalValue}}` -> `{{lastPathPart newValue}}`{{else}}`{{originalValue}}` -> `{{newValue}}`{{/if}} + - `{{cleanPath path}}`: {{#if (ifEquals type "schema")}}`{{lastPathPart originalValue}}` -> `{{lastPathPart newValue}}`{{else}}`{{{originalValue}}}` -> `{{{newValue}}}`{{/if}} {{/each}} {{/each}} diff --git a/tools/optimized-diff/src/engine.js b/tools/optimized-diff/src/engine.js index a1797cdf..ee4ac9a4 100644 --- a/tools/optimized-diff/src/engine.js +++ b/tools/optimized-diff/src/engine.js @@ -81,6 +81,30 @@ export function detailedDiff(original, updated) { return result; } +/** + * Produce a canonical JSON string with object keys sorted recursively. + * This ensures that two objects with the same key-value pairs but different + * property insertion orders compare as equal. + * @param {*} value + * @returns {string} + */ +function canonicalStringify(value) { + if (Array.isArray(value)) { + return "[" + value.map(canonicalStringify).join(",") + "]"; + } + if (value !== null && typeof value === "object") { + const keys = Object.keys(value).sort(); + return ( + "{" + + keys + .map((k) => JSON.stringify(k) + ":" + canonicalStringify(value[k])) + .join(",") + + "}" + ); + } + return JSON.stringify(value); +} + /** * Analyze the difference between two values and categorize changes * @param {*} original - Original value @@ -180,8 +204,13 @@ function analyzeValueDifference(original, updated) { (!propDiff.deleted || Object.keys(propDiff.deleted).length === 0) && (!propDiff.updated || Object.keys(propDiff.updated).length === 0) ) { - // Only add to updated if the values are actually different (deep comparison) - if (JSON.stringify(originalProp) !== JSON.stringify(updatedProp)) { + // Only add to updated if the values are actually different (deep comparison). + // Use canonical (sorted-key) stringify so property reordering within objects + // is not treated as a semantic change. + if ( + canonicalStringify(originalProp) !== + canonicalStringify(updatedProp) + ) { result.updated[key] = updatedProp; } } diff --git a/tools/optimized-diff/test/engine.test.js b/tools/optimized-diff/test/engine.test.js index d5e4e9c7..622bc182 100644 --- a/tools/optimized-diff/test/engine.test.js +++ b/tools/optimized-diff/test/engine.test.js @@ -322,3 +322,41 @@ test("detailedDiff › handles circular references gracefully", (t) => { t.deepEqual(result.deleted, {}); t.deepEqual(result.updated, {}); }); + +test("detailedDiff › property reordering within array elements is not a change", (t) => { + // Simulates drop-shadow tokens where Tokens Studio reorders keys within shadow objects + const shadow1 = { + blur: "16px", + color: "{ambient}", + spread: "0px", + x: "0px", + y: "12px", + }; + const shadow2 = { + x: "0px", + y: "12px", + blur: "16px", + spread: "0px", + color: "{ambient}", + }; + + const original = { "drop-shadow-dragged": { value: [shadow1] } }; + const updated = { "drop-shadow-dragged": { value: [shadow2] } }; + + const result = detailedDiff(original, updated); + + t.deepEqual(result.added, {}); + t.deepEqual(result.deleted, {}); + t.deepEqual(result.updated, {}); +}); + +test("detailedDiff › property reordering in plain objects is not a change", (t) => { + const original = { token: { uuid: "abc", value: "14px", deprecated: true } }; + const updated = { token: { deprecated: true, value: "14px", uuid: "abc" } }; + + const result = detailedDiff(original, updated); + + t.deepEqual(result.added, {}); + t.deepEqual(result.deleted, {}); + t.deepEqual(result.updated, {}); +});