@adobe/spectrum-tokens 12.19.1 → 12.21.0

package/moon.yml

@@ -59,6 +59,7 @@ tasks:
     inputs:
       - "tasks/**/*"
       - "schemas/**/*.{yaml,yml,json}"
+      - "manifest.json"
       - "@globs(tests)"
       - "@globs(sources)"
     deps:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "12.19.1",
+  "version": "12.21.0",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "tasks/buildSpectrumTokens.js",

package/src/icons.json

@@ -92,5 +92,668 @@
         "uuid": "4a1eeded-e467-46be-a787-78555b2fe353"
       }
     }
+  },
+  "workflow-icon-size-50": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "14px",
+        "uuid": "1423caf1-75ca-4ca8-aa6a-22dcf3655b0e"
+      },
+      "mobile": {
+        "value": "18px",
+        "uuid": "4c4cb541-7d42-4bb4-9c86-7197c4600896"
+      }
+    }
+  },
+  "workflow-icon-size-75": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "16px",
+        "uuid": "85cdef34-0682-45eb-ac06-98c76883cdf7"
+      },
+      "mobile": {
+        "value": "20px",
+        "uuid": "b720c214-babe-426d-9629-9ec60d5e8622"
+      }
+    }
+  },
+  "workflow-icon-size-100": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "18px",
+        "uuid": "40abc60f-ab65-41ef-b724-a0f0bdd94d14"
+      },
+      "mobile": {
+        "value": "22px",
+        "uuid": "9e882a20-b8e1-4e9b-89f9-26f21db3cd78"
+      }
+    }
+  },
+  "workflow-icon-size-200": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "20px",
+        "uuid": "6392e605-932e-456d-be53-149b624a04e2"
+      },
+      "mobile": {
+        "value": "24px",
+        "uuid": "9948e083-8c75-48f7-8e58-32c75ec76116"
+      }
+    }
+  },
+  "workflow-icon-size-300": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "22px",
+        "uuid": "25908278-79d3-47f4-9b53-adbdd1c13e2a"
+      },
+      "mobile": {
+        "value": "28px",
+        "uuid": "df0dc6c3-59fc-4ee0-87a9-c3d49a07cf9c"
+      }
+    }
+  },
+  "arrow-icon-size-75": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "b39b3ce3-6a48-4025-96ef-659b0c9ae9e8"
+      },
+      "mobile": {
+        "value": "12px",
+        "uuid": "6ff35aff-8a9f-466c-bdd3-dda460ccaee5"
+      }
+    }
+  },
+  "arrow-icon-size-100": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "c22e7427-617d-4f99-bee7-e3fffba07fc2"
+      },
+      "mobile": {
+        "value": "14px",
+        "uuid": "e9b3eb08-2004-4ad3-bb13-a00a6cb536aa"
+      }
+    }
+  },
+  "arrow-icon-size-200": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "645d5384-e3a8-4d97-acf6-7cbce00e6537"
+      },
+      "mobile": {
+        "value": "16px",
+        "uuid": "c7df43e2-7354-4f53-b453-dc9bf9060e64"
+      }
+    }
+  },
+  "arrow-icon-size-300": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "14px",
+        "uuid": "d0df9084-c6bf-42e5-b830-82906036e397"
+      },
+      "mobile": {
+        "value": "16px",
+        "uuid": "f6116604-efbe-4c6f-b047-29247d632174"
+      }
+    }
+  },
+  "arrow-icon-size-400": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "16px",
+        "uuid": "4ced8527-31ad-4e48-9491-806ffc57442a"
+      },
+      "mobile": {
+        "value": "18px",
+        "uuid": "35f055a9-8a33-42b2-a316-7e2ef0a4b99d"
+      }
+    }
+  },
+  "arrow-icon-size-500": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "18px",
+        "uuid": "31f09728-964b-4598-99a0-d17bf7256e40"
+      },
+      "mobile": {
+        "value": "22px",
+        "uuid": "dcf16e1a-49ea-4888-85b7-012462a60f40"
+      }
+    }
+  },
+  "arrow-icon-size-600": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "20px",
+        "uuid": "5ffece39-b8fc-4a40-a051-0d6c8e253f8f"
+      },
+      "mobile": {
+        "value": "24px",
+        "uuid": "2f5f49e5-9aba-4ea0-a8d9-0f0e4c086b89"
+      }
+    }
+  },
+  "asterisk-icon-size-75": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "49ea57ee-7b12-4a8b-a9bb-a11cf2c9d72c"
+      },
+      "mobile": {
+        "value": "8px",
+        "uuid": "bcba4d11-e15a-4ebc-a152-224ef228036a"
+      }
+    }
+  },
+  "asterisk-icon-size-100": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "d04b37cc-2c35-49af-9e92-9993264e405a"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "f6f11ca3-b78b-4207-868f-f834c19e8d3d"
+      }
+    }
+  },
+  "asterisk-icon-size-200": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "49892fb4-a9df-4882-a656-7f9ffb9558bc"
+      },
+      "mobile": {
+        "value": "12px",
+        "uuid": "3f1b200b-d341-41e4-ae7b-c981ccb492f7"
+      }
+    }
+  },
+  "asterisk-icon-size-300": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "93506e7b-f388-4cf8-bd73-e7d96da935d5"
+      },
+      "mobile": {
+        "value": "12px",
+        "uuid": "a1cdad1f-6537-4c35-a87b-45d8e161ee46"
+      }
+    }
+  },
+  "checkmark-icon-size-50": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "6335cb3a-6ceb-40e7-b241-ff9b36f1277c"
+      },
+      "mobile": {
+        "value": "12px",
+        "uuid": "ee52f114-1ab6-430b-bd54-62a82bf3600e"
+      }
+    }
+  },
+  "checkmark-icon-size-75": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "0545a68c-f273-4348-84cd-9cd365bdb474"
+      },
+      "mobile": {
+        "value": "12px",
+        "uuid": "99224b4e-751a-49ec-8db4-41c8cc4c7bf5"
+      }
+    }
+  },
+  "checkmark-icon-size-100": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "9227a279-09f4-457a-b5b3-894f0d6a00df"
+      },
+      "mobile": {
+        "value": "14px",
+        "uuid": "23247915-3cc0-4fdf-b21a-85b97019a219"
+      }
+    }
+  },
+  "checkmark-icon-size-200": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "342a360b-d58c-4d7a-9a9d-893600b90785"
+      },
+      "mobile": {
+        "value": "14px",
+        "uuid": "d4e3f5ff-91d6-499e-b79e-b1d85c0c597b"
+      }
+    }
+  },
+  "checkmark-icon-size-300": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "14px",
+        "uuid": "b5eff9b7-6987-47a1-a673-c47b7e806370"
+      },
+      "mobile": {
+        "value": "16px",
+        "uuid": "d9b251b2-aa8a-46dc-9a2a-0eb46afea241"
+      }
+    }
+  },
+  "checkmark-icon-size-400": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "16px",
+        "uuid": "1a043355-03e6-4322-a462-7d628c23fd06"
+      },
+      "mobile": {
+        "value": "18px",
+        "uuid": "c044459e-12a3-4cdd-9f22-db1d14f34164"
+      }
+    }
+  },
+  "checkmark-icon-size-500": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "16px",
+        "uuid": "0bf97a2b-5fe6-46ca-8175-8457e8e37d36"
+      },
+      "mobile": {
+        "value": "20px",
+        "uuid": "29f107aa-b8a8-4a09-bf55-9c903c1005ed"
+      }
+    }
+  },
+  "checkmark-icon-size-600": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "18px",
+        "uuid": "4bacaeea-2d60-46d2-8c98-288b45a79aaf"
+      },
+      "mobile": {
+        "value": "24px",
+        "uuid": "b52f4e53-06c2-4746-8063-e2bd99361174"
+      }
+    }
+  },
+  "chevron-icon-size-50": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "6px",
+        "uuid": "785a9152-a69b-4164-a8e2-cc201c1f8063"
+      },
+      "mobile": {
+        "value": "8px",
+        "uuid": "6d8ce7eb-a2a2-496c-9ce7-847f4da5fc0c"
+      }
+    }
+  },
+  "chevron-icon-size-75": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "43ef1792-b182-419d-966c-a8a2d77dbe03"
+      },
+      "mobile": {
+        "value": "12px",
+        "uuid": "74dbb8c0-2e65-413d-8b52-7215993b5696"
+      }
+    }
+  },
+  "chevron-icon-size-100": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "fdd4f0b4-3284-4734-b158-ecd5da36d586"
+      },
+      "mobile": {
+        "value": "14px",
+        "uuid": "c4d6bea8-61b0-45a4-81e0-1e5dd7429463"
+      }
+    }
+  },
+  "chevron-icon-size-200": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "2df0f6e0-5821-4f70-9aa9-1cc61f860b53"
+      },
+      "mobile": {
+        "value": "14px",
+        "uuid": "08bbd8dd-bb02-43b9-8e25-7709aee5ff52"
+      }
+    }
+  },
+  "chevron-icon-size-300": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "14px",
+        "uuid": "087dcfa2-5bfd-47a4-a67c-dca50e086e7a"
+      },
+      "mobile": {
+        "value": "16px",
+        "uuid": "e6fdcac2-9916-45e2-a479-e87d17ece1f9"
+      }
+    }
+  },
+  "chevron-icon-size-400": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "16px",
+        "uuid": "7fc3ab50-4856-442b-85f7-7f0e5ab3304a"
+      },
+      "mobile": {
+        "value": "18px",
+        "uuid": "ee913eaa-bdaf-44c0-a139-17c5d94b1d4a"
+      }
+    }
+  },
+  "chevron-icon-size-500": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "16px",
+        "uuid": "2891d3c7-1178-4901-9be9-75efada4a9e7"
+      },
+      "mobile": {
+        "value": "20px",
+        "uuid": "95400787-7abb-4cad-830b-8a4042831860"
+      }
+    }
+  },
+  "chevron-icon-size-600": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "18px",
+        "uuid": "c1de2d7d-ef83-4a3f-9407-2f512127244f"
+      },
+      "mobile": {
+        "value": "24px",
+        "uuid": "350b77ab-6440-49c1-9b1c-a31c5c4f2f5f"
+      }
+    }
+  },
+  "corner-triangle-icon-size-75": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "5px",
+        "uuid": "490fac13-d347-4c21-85fa-57814bff7537"
+      },
+      "mobile": {
+        "value": "6px",
+        "uuid": "434b019c-efde-437a-967b-b841ec95e621"
+      }
+    }
+  },
+  "corner-triangle-icon-size-100": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "5px",
+        "uuid": "6fcfc18c-c5e0-4f50-beab-6c4a10bfdaa7"
+      },
+      "mobile": {
+        "value": "7px",
+        "uuid": "1352ad8f-a8ec-459d-8ae3-71c27038a29d"
+      }
+    }
+  },
+  "corner-triangle-icon-size-200": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "6px",
+        "uuid": "9c2db47b-f017-432a-a44f-238bc461c4c1"
+      },
+      "mobile": {
+        "value": "8px",
+        "uuid": "2be65bca-0f16-4754-bc8a-4a491ba87b90"
+      }
+    }
+  },
+  "corner-triangle-icon-size-300": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "7px",
+        "uuid": "c9c18669-11bf-4ba3-b36f-26115981327c"
+      },
+      "mobile": {
+        "value": "8px",
+        "uuid": "d396d74a-425d-4f06-837f-349f81ebf486"
+      }
+    }
+  },
+  "cross-icon-size-75": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "8e597833-1025-4de4-b34a-2f34201487c3"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "622d259d-b52b-409a-bf58-04705d8423f9"
+      }
+    }
+  },
+  "cross-icon-size-100": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "c9fac273-0c5c-46cd-b774-ad566a540511"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "11f924ca-5542-4864-b153-77363a32d690"
+      }
+    }
+  },
+  "cross-icon-size-200": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "5b416331-7910-4d64-9b5f-43fd1832d3a6"
+      },
+      "mobile": {
+        "value": "12px",
+        "uuid": "11f65b04-c50d-45bb-86bd-34520aa7db61"
+      }
+    }
+  },
+  "cross-icon-size-300": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "f0a65c80-55e8-4ad3-b68c-8429c2fefcf5"
+      },
+      "mobile": {
+        "value": "14px",
+        "uuid": "37867ac1-4101-4553-98e1-c8a94fdd2d66"
+      }
+    }
+  },
+  "cross-icon-size-400": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "b7e0939f-45ef-4250-8138-2bee9dcb2be4"
+      },
+      "mobile": {
+        "value": "16px",
+        "uuid": "2fed48b7-dd3d-4c3c-9d5c-3046934f5cfd"
+      }
+    }
+  },
+  "cross-icon-size-500": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "14px",
+        "uuid": "1228762d-8c89-4e04-a097-5001d805877d"
+      },
+      "mobile": {
+        "value": "16px",
+        "uuid": "a865d5f8-4798-4721-ab76-3b51067d6439"
+      }
+    }
+  },
+  "cross-icon-size-600": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "16px",
+        "uuid": "825c1a0a-e6a3-41dc-81bb-0fb9b74c0ca2"
+      },
+      "mobile": {
+        "value": "18px",
+        "uuid": "e12ac1ec-08f8-4d8b-8c4b-29b74cafe1a1"
+      }
+    }
+  },
+  "dash-icon-size-50": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "59e5a3f7-c1d0-4b76-bb7e-2bcddddb83da"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "ea331ff6-aa92-4cb4-936a-554a2404152d"
+      }
+    }
+  },
+  "dash-icon-size-75": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "bfd0ad6e-6656-46d6-aa9f-0940b2c2902a"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "1b6d0e50-3ba2-43c9-8b8c-c220364f4434"
+      }
+    }
+  },
+  "dash-icon-size-100": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "67464126-edf0-49db-a07c-8641d4a24cae"
+      },
+      "mobile": {
+        "value": "12px",
+        "uuid": "9dc14737-973d-4f6e-8336-2e119c1f1af7"
+      }
+    }
+  },
+  "dash-icon-size-200": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "220d2f95-067f-4169-bab7-1b4e202bd1a1"
+      },
+      "mobile": {
+        "value": "14px",
+        "uuid": "98ebf128-02f1-4d4b-a686-af8713a0f24b"
+      }
+    }
+  },
+  "dash-icon-size-300": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "84f3da59-4c41-4e4e-925c-5fda4222361d"
+      },
+      "mobile": {
+        "value": "16px",
+        "uuid": "ad59353e-3ed1-4e76-af87-020cebfa2664"
+      }
+    }
+  },
+  "dash-icon-size-400": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "14px",
+        "uuid": "17540c3a-2f85-4771-a4f8-834c70872abb"
+      },
+      "mobile": {
+        "value": "18px",
+        "uuid": "d2c45711-be18-4c85-8b23-f4d4f3d0b492"
+      }
+    }
+  },
+  "dash-icon-size-500": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "16px",
+        "uuid": "08358bbf-3f8d-48fe-bb48-5dadead4170f"
+      },
+      "mobile": {
+        "value": "20px",
+        "uuid": "8d2ad303-095d-4f0c-b0c5-c1ec75b96819"
+      }
+    }
+  },
+  "dash-icon-size-600": {
+    "component": "icon",
+    "sets": {
+      "desktop": {
+        "value": "18px",
+        "uuid": "34316272-7bcd-4b44-af20-07c0e1cb8690"
+      },
+      "mobile": {
+        "value": "22px",
+        "uuid": "2e81ce48-452d-401f-a44d-10ca427f031e"
+      }
+    }
   }
 }

package/src/layout-component.json

@@ -6002,15 +6002,28 @@
     "component": "side-navigation",
     "sets": {
       "desktop": {
-        "value": "16px",
+        "value": "24px",
         "uuid": "c5de72a2-931a-429d-ba85-5aaf2e30fbc4"
       },
       "mobile": {
-        "value": "20px",
+        "value": "30px",
         "uuid": "0f3821f1-6f0e-4325-bfa7-e572768fd468"
       }
     }
   },
+  "side-navigation-header-to-item": {
+    "component": "side-navigation",
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "423b5520-bb29-4179-9145-67305ca75b75"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "ad959938-ad69-4137-91e4-fcf2465b223a"
+      }
+    }
+  },
   "side-navigation-bottom-to-text": {
     "component": "side-navigation",
     "sets": {