@adobe/spectrum-tokens 12.25.0 → 12.27.0

package/CHANGELOG.md

@@ -1,5 +1,58 @@
 # @adobe/spectrum-tokens
 
+## 12.27.0
+
+### Minor Changes
+
+- [#409](https://github.com/adobe/spectrum-tokens/pull/409) [`a61060a`](https://github.com/adobe/spectrum-tokens/commit/a61060a164a944907f236c8df7fcab31220cdd01) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Token changes for CJK typography improvements.
+
+  Updated S1 tokens - typography, foundations
+
+  ## Design Motivation
+
+  The S1 type token changes fix some minor issues with CJK font-sizing, font-weight, and removes the added letter-spacing (since we got feedback this was unnecessary and both latin and CJK characters look too spaced out with the current letter-spacing applied).
+
+  ## Token Diff
+
+  _Tokens added (13):_
+
+  - `body-cjk-size-l`
+  - `body-cjk-size-m`
+  - `body-cjk-size-s`
+  - `body-cjk-size-xl`
+  - `body-cjk-size-xs`
+  - `body-cjk-size-xxl`
+  - `body-cjk-size-xxxl`
+  - `detail-cjk-size-l`
+  - `detail-cjk-size-m`
+  - `detail-cjk-size-s`
+  - `detail-cjk-size-xl`
+  - `font-size-25`
+  - `letter-spacing`
+
+  _Token values updated (14):_
+
+  - `body-cjk-strong-emphasized-font-weight`
+  - `body-cjk-strong-font-weight`
+  - `cjk-letter-spacing`
+  - `detail-cjk-emphasized-font-weight`
+  - `detail-cjk-strong-emphasized-font-weight`
+  - `detail-cjk-strong-font-weight`
+  - `drop-zone-cjk-title-size`
+  - `heading-cjk-heavy-font-weight`
+  - `heading-cjk-size-s`
+  - `heading-cjk-size-xs`
+  - `heading-cjk-size-xxl`
+  - `heading-cjk-size-xxs`
+  - `heading-cjk-size-xxxl`
+  - `illustrated-message-cjk-title-size`
+
+## 12.26.0
+
+### Minor Changes
+
+- [#345](https://github.com/adobe/spectrum-tokens/pull/345) [`fe4c707`](https://github.com/adobe/spectrum-tokens/commit/fe4c707c5ae2cc89efe6439dc775cddc94b706b3) Thanks [@GarthDB](https://github.com/GarthDB)! - Added UUIDs to the base of set tokens.
+
 ## 12.25.0
 
 ### Minor Changes

package/dist/json/drover.json

@@ -1423,6 +1423,13 @@
     "background-opacity-hover": "0.1",
     "background-opacity-key-focus": "0.1",
     "body-cjk-line-height": "1.7",
+    "body-cjk-size-l": "16px",
+    "body-cjk-size-m": "14px",
+    "body-cjk-size-s": "12px",
+    "body-cjk-size-xl": "18px",
+    "body-cjk-size-xs": "11px",
+    "body-cjk-size-xxl": "20px",
+    "body-cjk-size-xxxl": "22px",
     "body-line-height": "1.5",
     "body-margin-multiplier": "0.75",
     "body-size-l": "18px",
@@ -1489,7 +1496,6 @@
     "chevron-icon-size-500": "16px",
     "chevron-icon-size-600": "18px",
     "chevron-icon-size-75": "10px",
-    "cjk-letter-spacing": "0.05em",
     "cjk-line-height-100": "1.5",
     "cjk-line-height-200": "1.7",
     "coach-mark-body-size": "14px",
@@ -1623,6 +1629,10 @@
     "dash-icon-size-600": "18px",
     "dash-icon-size-75": "8px",
     "detail-cjk-line-height": "1.5",
+    "detail-cjk-size-l": "12px",
+    "detail-cjk-size-m": "11px",
+    "detail-cjk-size-s": "10px",
+    "detail-cjk-size-xl": "14px",
     "detail-letter-spacing": "0.06em",
     "detail-line-height": "1.3",
     "detail-margin-bottom-multiplier": "0.25",
@@ -1723,6 +1733,7 @@
     "font-size-1200": "50px",
     "font-size-1300": "60px",
     "font-size-200": "16px",
+    "font-size-25": "10px",
     "font-size-300": "18px",
     "font-size-400": "20px",
     "font-size-50": "11px",
@@ -1736,12 +1747,12 @@
     "heading-cjk-line-height": "1.5",
     "heading-cjk-size-l": "25px",
     "heading-cjk-size-m": "20px",
-    "heading-cjk-size-s": "18px",
+    "heading-cjk-size-s": "16px",
     "heading-cjk-size-xl": "32px",
-    "heading-cjk-size-xs": "16px",
-    "heading-cjk-size-xxl": "36px",
-    "heading-cjk-size-xxs": "14px",
-    "heading-cjk-size-xxxl": "60px",
+    "heading-cjk-size-xs": "14px",
+    "heading-cjk-size-xxl": "40px",
+    "heading-cjk-size-xxs": "12px",
+    "heading-cjk-size-xxxl": "50px",
     "heading-line-height": "1.3",
     "heading-margin-bottom-multiplier": "0.25",
     "heading-margin-top-multiplier": "0.88888889",

package/dist/json/variables.json

@@ -16325,8 +16325,12 @@
   "color-area-border-rounding": {
     "ref": "{corner-radius-100}",
     "sets": {
-      "spectrum": {},
-      "express": {}
+      "spectrum": {
+        "uuid": "67b83ee8-2782-48a5-ba27-70f690c95b4a"
+      },
+      "express": {
+        "uuid": "179b1a27-66f9-47b9-9af9-648c0a3dbbfb"
+      }
     },
     "uuid": "ab656bf4-8814-42fa-9036-b1e67159e4e1"
   },
@@ -16454,12 +16458,12 @@
         "ref": "{heading-cjk-size-s}",
         "sets": {
           "desktop": {
-            "value": "18px",
-            "uuid": "3dc9b6a4-77e3-484b-be8c-fbc2f50e6175"
+            "value": "16px",
+            "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
           },
           "mobile": {
-            "value": "22px",
-            "uuid": "9b9a7175-dcca-43aa-98ce-f1c3e4eefda7"
+            "value": "19px",
+            "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
           }
         },
         "uuid": "00c938e6-e62e-4bc3-8884-cf23b10e286c"
@@ -16615,12 +16619,12 @@
         "ref": "{heading-cjk-size-s}",
         "sets": {
           "desktop": {
-            "value": "18px",
-            "uuid": "3dc9b6a4-77e3-484b-be8c-fbc2f50e6175"
+            "value": "16px",
+            "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
           },
           "mobile": {
-            "value": "22px",
-            "uuid": "9b9a7175-dcca-43aa-98ce-f1c3e4eefda7"
+            "value": "19px",
+            "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
           }
         },
         "uuid": "00c938e6-e62e-4bc3-8884-cf23b10e286c"
@@ -19112,6 +19116,160 @@
       }
     }
   },
+  "detail-cjk-size-xl": {
+    "ref": "{font-size-100}",
+    "sets": {
+      "desktop": {
+        "value": "14px",
+        "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+      },
+      "mobile": {
+        "value": "17px",
+        "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+      }
+    },
+    "uuid": "1bbf01a7-c624-452f-a6b6-8486724bc362"
+  },
+  "detail-cjk-size-l": {
+    "ref": "{font-size-75}",
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "55d90327-8cc9-4d4f-891f-9d42751d989a"
+      },
+      "mobile": {
+        "value": "15px",
+        "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
+      }
+    },
+    "uuid": "e9c9bf5a-b7a1-4a53-8335-66697c5bd44f"
+  },
+  "detail-cjk-size-m": {
+    "ref": "{font-size-50}",
+    "sets": {
+      "desktop": {
+        "value": "11px",
+        "uuid": "8593a326-de37-414d-b3f6-5254b41dce07"
+      },
+      "mobile": {
+        "value": "13px",
+        "uuid": "b7561ce1-e12e-4aed-9766-181f7eca309e"
+      }
+    },
+    "uuid": "16915081-2765-4553-9e8c-7acb686938cc"
+  },
+  "detail-cjk-size-s": {
+    "ref": "{font-size-25}",
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "26ab49ea-7e86-4f0d-812e-ef1ba794c8a8"
+      },
+      "mobile": {
+        "value": "12px",
+        "uuid": "5946a4e5-8bed-4dd7-aa73-9ebe232f9790"
+      }
+    },
+    "uuid": "648162b2-154f-459c-a261-8226bf855714"
+  },
+  "body-cjk-size-xxxl": {
+    "ref": "{font-size-500}",
+    "sets": {
+      "desktop": {
+        "value": "22px",
+        "uuid": "9be56e29-2e79-41e0-b5a9-6a2dabc70aa1"
+      },
+      "mobile": {
+        "value": "27px",
+        "uuid": "a69a5079-1b5b-4ccf-946f-8b6e3fae4d7e"
+      }
+    },
+    "uuid": "71a41f9e-73da-4632-8877-7af7acf4db03"
+  },
+  "body-cjk-size-xxl": {
+    "ref": "{font-size-400}",
+    "sets": {
+      "desktop": {
+        "value": "20px",
+        "uuid": "292a28d6-2e15-46e2-80cd-5171d977e9b5"
+      },
+      "mobile": {
+        "value": "24px",
+        "uuid": "d5ed0e8d-01ac-495f-bd15-fecc30af17c4"
+      }
+    },
+    "uuid": "9aab03eb-c0c1-462c-aa7c-88c93b06f714"
+  },
+  "body-cjk-size-xl": {
+    "ref": "{font-size-300}",
+    "sets": {
+      "desktop": {
+        "value": "18px",
+        "uuid": "3dc9b6a4-77e3-484b-be8c-fbc2f50e6175"
+      },
+      "mobile": {
+        "value": "22px",
+        "uuid": "9b9a7175-dcca-43aa-98ce-f1c3e4eefda7"
+      }
+    },
+    "uuid": "25d65a6e-e8e1-4849-848a-984373fd9cf9"
+  },
+  "body-cjk-size-l": {
+    "ref": "{font-size-200}",
+    "sets": {
+      "desktop": {
+        "value": "16px",
+        "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
+      },
+      "mobile": {
+        "value": "19px",
+        "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
+      }
+    },
+    "uuid": "9f0e0ddb-a4d2-416e-a425-8d71527f77b2"
+  },
+  "body-cjk-size-m": {
+    "ref": "{font-size-100}",
+    "sets": {
+      "desktop": {
+        "value": "14px",
+        "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+      },
+      "mobile": {
+        "value": "17px",
+        "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+      }
+    },
+    "uuid": "7e01bc65-5823-456f-a830-9848a96ad85a"
+  },
+  "body-cjk-size-s": {
+    "ref": "{font-size-75}",
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "55d90327-8cc9-4d4f-891f-9d42751d989a"
+      },
+      "mobile": {
+        "value": "15px",
+        "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
+      }
+    },
+    "uuid": "081aa502-e2f1-4bc8-8fb2-a00dcd4236dd"
+  },
+  "body-cjk-size-xs": {
+    "ref": "{font-size-50}",
+    "sets": {
+      "desktop": {
+        "value": "11px",
+        "uuid": "8593a326-de37-414d-b3f6-5254b41dce07"
+      },
+      "mobile": {
+        "value": "13px",
+        "uuid": "b7561ce1-e12e-4aed-9766-181f7eca309e"
+      }
+    },
+    "uuid": "ba73926d-2ef4-4d7b-86c2-9044aa1cdf95"
+  },
   "corner-radius-75": {
     "sets": {
       "spectrum": {
@@ -22777,6 +22935,18 @@
     "value": "normal",
     "uuid": "25668698-bf78-46f4-bc6c-8fea068ddb34"
   },
+  "font-size-25": {
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "26ab49ea-7e86-4f0d-812e-ef1ba794c8a8"
+      },
+      "mobile": {
+        "value": "12px",
+        "uuid": "5946a4e5-8bed-4dd7-aa73-9ebe232f9790"
+      }
+    }
+  },
   "font-size-50": {
     "sets": {
       "desktop": {
@@ -22957,6 +23127,10 @@
       }
     }
   },
+  "letter-spacing": {
+    "value": "0em",
+    "uuid": "d8caf3aa-1261-411f-b383-18f87334c117"
+  },
   "line-height-100": {
     "value": "1.3",
     "uuid": "dd125d1d-cf4d-45c8-ab21-52331a9a264b"
@@ -22974,7 +23148,8 @@
     "uuid": "c5a5d186-54b3-44a0-b1c6-e9b102871015"
   },
   "cjk-letter-spacing": {
-    "value": "0.05em",
+    "ref": "{letter-spacing}",
+    "value": "0em",
     "uuid": "12e27721-35f5-4d03-95f3-3fc9e1cf50e4"
   },
   "heading-sans-serif-font-family": {
@@ -23100,8 +23275,8 @@
     "uuid": "14532cb8-6c88-46ce-886b-96fac971e7b9"
   },
   "heading-cjk-heavy-font-weight": {
-    "ref": "{black-font-weight}",
-    "value": "black",
+    "ref": "{extra-bold-font-weight}",
+    "value": "extra-bold",
     "uuid": "73c20d2f-1227-46bc-8548-102358405b0b"
   },
   "heading-cjk-heavy-font-style": {
@@ -23510,29 +23685,29 @@
     "uuid": "82a831b4-b624-475b-b2be-4eb949e48626"
   },
   "heading-cjk-size-xxxl": {
-    "ref": "{font-size-1300}",
+    "ref": "{font-size-1200}",
     "sets": {
       "desktop": {
-        "value": "60px",
-        "uuid": "e8853e10-cc03-47c1-9b66-11755ff513a5"
+        "value": "50px",
+        "uuid": "b73bfb12-80ef-453f-b7dc-52bf2258ef47"
       },
       "mobile": {
-        "value": "70px",
-        "uuid": "bd880141-81f6-47fe-a421-01124fe66b67"
+        "value": "62px",
+        "uuid": "0ab38fb2-0de9-4be0-8967-8241379706be"
       }
     },
     "uuid": "5a44e177-2478-4bb0-9212-ba2df64c8b00"
   },
   "heading-cjk-size-xxl": {
-    "ref": "{font-size-900}",
+    "ref": "{font-size-1000}",
     "sets": {
       "desktop": {
-        "value": "36px",
-        "uuid": "df2d6c8d-dc03-4581-96c6-d6a92a270b77"
+        "value": "40px",
+        "uuid": "27f694f9-6770-49e0-b7fc-833618b3fc2f"
       },
       "mobile": {
-        "value": "44px",
-        "uuid": "5296e771-6d04-4e9a-b1fe-ab22d4dfd92b"
+        "value": "49px",
+        "uuid": "8b158ab0-7e82-4dab-a4d9-84cf7a71fa0a"
       }
     },
     "uuid": "fbf59302-1ad2-4327-bfde-d638a0ca2429"
@@ -23580,43 +23755,43 @@
     "uuid": "43f45659-314b-45aa-9886-1beb096fc4ce"
   },
   "heading-cjk-size-s": {
-    "ref": "{font-size-300}",
+    "ref": "{font-size-200}",
     "sets": {
       "desktop": {
-        "value": "18px",
-        "uuid": "3dc9b6a4-77e3-484b-be8c-fbc2f50e6175"
+        "value": "16px",
+        "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
       },
       "mobile": {
-        "value": "22px",
-        "uuid": "9b9a7175-dcca-43aa-98ce-f1c3e4eefda7"
+        "value": "19px",
+        "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
       }
     },
     "uuid": "c1242a8c-ca10-40d0-8fc4-67bbbce8fc5f"
   },
   "heading-cjk-size-xs": {
-    "ref": "{font-size-200}",
+    "ref": "{font-size-100}",
     "sets": {
       "desktop": {
-        "value": "16px",
-        "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
+        "value": "14px",
+        "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
       },
       "mobile": {
-        "value": "19px",
-        "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
+        "value": "17px",
+        "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
       }
     },
     "uuid": "132688a7-917d-44b9-a34f-a7135599b299"
   },
   "heading-cjk-size-xxs": {
-    "ref": "{font-size-100}",
+    "ref": "{font-size-75}",
     "sets": {
       "desktop": {
-        "value": "14px",
-        "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+        "value": "12px",
+        "uuid": "55d90327-8cc9-4d4f-891f-9d42751d989a"
       },
       "mobile": {
-        "value": "17px",
-        "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+        "value": "15px",
+        "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
       }
     },
     "uuid": "bddd6a96-c280-47ca-8858-20df055e488d"
@@ -23727,8 +23902,8 @@
     "uuid": "c8b531d1-949e-4492-9897-450a477983ce"
   },
   "body-cjk-strong-font-weight": {
-    "ref": "{black-font-weight}",
-    "value": "black",
+    "ref": "{extra-bold-font-weight}",
+    "value": "extra-bold",
     "uuid": "d79de2c4-ca7c-4316-ac44-fee1a66983d7"
   },
   "body-cjk-strong-font-style": {
@@ -23787,8 +23962,8 @@
     "uuid": "b940bdc8-d373-4bd0-8620-d6c04134698b"
   },
   "body-cjk-strong-emphasized-font-weight": {
-    "ref": "{black-font-weight}",
-    "value": "black",
+    "ref": "{extra-bold-font-weight}",
+    "value": "extra-bold",
     "uuid": "54020791-a975-4e5d-a905-8bffcc9d2d93"
   },
   "body-cjk-strong-emphasized-font-style": {
@@ -24026,8 +24201,8 @@
     "uuid": "3b2124e3-e50b-4ab7-8340-f97b1f8fef1e"
   },
   "detail-cjk-strong-font-weight": {
-    "ref": "{black-font-weight}",
-    "value": "black",
+    "ref": "{extra-bold-font-weight}",
+    "value": "extra-bold",
     "uuid": "ef2997f3-276c-4662-8644-9514590114f4"
   },
   "detail-cjk-strong-font-style": {
@@ -24086,8 +24261,8 @@
     "uuid": "cfaf6a70-3eb5-4887-bae6-8ae41c094192"
   },
   "detail-cjk-emphasized-font-weight": {
-    "ref": "{black-font-weight}",
-    "value": "black",
+    "ref": "{extra-bold-font-weight}",
+    "value": "extra-bold",
     "uuid": "aa70fa2d-87ee-4e67-b230-85f400ddd7d1"
   },
   "detail-cjk-emphasized-font-style": {
@@ -24146,8 +24321,8 @@
     "uuid": "7fdffa4e-4370-45cf-aab0-316561a56a24"
   },
   "detail-cjk-strong-emphasized-font-weight": {
-    "ref": "{black-font-weight}",
-    "value": "black",
+    "ref": "{extra-bold-font-weight}",
+    "value": "extra-bold",
     "uuid": "a7007c07-15a4-4671-bd3b-7406f4b374bb"
   },
   "detail-cjk-strong-emphasized-font-style": {

package/package.json

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

package/schemas/token-types/color-set.json

@@ -73,7 +73,11 @@
     "private": {},
     "deprecated": {},
     "deprecated_comment": {},
-    "uuid": {}
+    "uuid": {
+      "type": "string",
+      "pattern": "^[0-9a-fA-F]{8}\\b-[0-9a-fA-F]{4}\\b-[0-9a-fA-F]{4}\\b-[0-9a-fA-F]{4}\\b-[0-9a-fA-F]{12}$",
+      "format": "uuid"
+    }
   },
-  "required": ["sets"]
+  "required": ["sets", "uuid"]
 }

package/schemas/token-types/scale-set.json

@@ -49,7 +49,11 @@
     "private": {},
     "deprecated": {},
     "deprecated_comment": {},
-    "uuid": {}
+    "uuid": {
+      "type": "string",
+      "pattern": "^[0-9a-fA-F]{8}\\b-[0-9a-fA-F]{4}\\b-[0-9a-fA-F]{4}\\b-[0-9a-fA-F]{4}\\b-[0-9a-fA-F]{12}$",
+      "format": "uuid"
+    }
   },
-  "required": ["sets"]
+  "required": ["sets", "uuid"]
 }