@adobe/spectrum-tokens 13.0.0-beta.44 → 13.0.0-beta.46

package/CHANGELOG.md

@@ -1,5 +1,57 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.46
+
+### Minor Changes
+
+- [#396](https://github.com/adobe/spectrum-tokens/pull/396) [`4fcfe5b`](https://github.com/adobe/spectrum-tokens/commit/4fcfe5bd83214a7ca3644646bbf0f38802a20f43) Thanks [@larz0](https://github.com/larz0)! - Added brand new tokens for the S2 Standard Panel:
+
+  ## Design Motivation
+
+  Added tokens needed for the new S2 standard panel component.
+
+  ## Token Diff
+
+  _Tokens Added (12):_
+
+  - `standard-panel-width`
+  - `standard-panel-minimum-width`
+  - `standard-panel-maximum-width`
+  - `standard-panel-top-to-close-button-compact`
+  - `standard-panel-top-to-close-button-regular`
+  - `standard-panel-top-to-close-button-spacious`
+  - `standard-panel-edge-to-close-button-compact`
+  - `standard-panel-edge-to-close-button-regular`
+  - `standard-panel-edge-to-close-button-spacious`
+  - `standard-panel-title-font-size`
+  - `standard-panel-gripper-color`
+  - `standard-panel-gripper-color-drag`
+
+## 13.0.0-beta.45
+
+### Minor Changes
+
+- [#390](https://github.com/adobe/spectrum-tokens/pull/390) [`cc9c304`](https://github.com/adobe/spectrum-tokens/commit/cc9c3048893058c3f01d6f1ce4688d8ab3716397) Thanks [@lynnhao](https://github.com/lynnhao)! - Updated code tokens for S2
+
+  ## Design Motivation
+
+  These code token updates include some fixes to CJK font-weights to match the Latin font-weights when possible. We added CJK size tokens for consistency with other typography style tokens. Note that the new CJK size tokens currently point to the default code font-size tokens since Source Code Pro handles Latin and CJK sizing comparably.
+
+  ## Token Diff
+
+  _Tokens added (5):_
+
+  - `code-cjk-size-l`
+  - `code-cjk-size-m`
+  - `code-cjk-size-s`
+  - `code-cjk-size-xl`
+  - `code-cjk-size-xs`
+
+  _Token values updated (2):_
+
+  - `code-cjk-strong-emphasized-font-weight`
+  - `code-cjk-strong-font-weight`
+
 ## 13.0.0-beta.44
 
 ### Minor Changes

package/dist/json/drover.json

@@ -603,6 +603,8 @@
       "silver-900": "rgb(114, 114, 114)",
       "silver-background-color-default": "rgb(114, 114, 114)",
       "silver-visual-color": "rgb(128, 128, 128)",
+      "standard-panel-gripper-color": "rgb(225, 225, 225)",
+      "standard-panel-gripper-color-drag": "rgb(41, 41, 41)",
       "static-black-focus-indicator-color": "rgb(0, 0, 0)",
       "static-black-text-color": "rgb(0, 0, 0)",
       "static-black-track-color": "rgba(0, 0, 0, 0.15)",
@@ -1276,6 +1278,8 @@
       "silver-900": "rgb(137, 137, 137)",
       "silver-background-color-default": "rgb(108, 108, 108)",
       "silver-visual-color": "rgb(137, 137, 137)",
+      "standard-panel-gripper-color": "rgb(50, 50, 50)",
+      "standard-panel-gripper-color-drag": "rgb(219, 219, 219)",
       "static-black-focus-indicator-color": "rgb(0, 0, 0)",
       "static-black-text-color": "rgb(0, 0, 0)",
       "static-black-track-color": "rgba(0, 0, 0, 0.15)",
@@ -1631,6 +1635,11 @@
     "coach-mark-title-size": "16px",
     "coach-mark-width": "296px",
     "code-cjk-line-height": "1.7",
+    "code-cjk-size-l": "18px",
+    "code-cjk-size-m": "16px",
+    "code-cjk-size-s": "14px",
+    "code-cjk-size-xl": "20px",
+    "code-cjk-size-xs": "12px",
     "code-line-height": "1.5",
     "code-size-l": "18px",
     "code-size-m": "16px",
@@ -2125,6 +2134,16 @@
     "standard-dialog-maximum-width-small": "400px",
     "standard-dialog-minimum-width": "288px",
     "standard-dialog-title-font-size": "22px",
+    "standard-panel-edge-to-close-button-compact": "3px",
+    "standard-panel-edge-to-close-button-regular": "7px",
+    "standard-panel-edge-to-close-button-spacious": "15px",
+    "standard-panel-maximum-width": "400px",
+    "standard-panel-minimum-width": "200px",
+    "standard-panel-title-font-size": "14px",
+    "standard-panel-top-to-close-button-compact": "5px",
+    "standard-panel-top-to-close-button-regular": "9px",
+    "standard-panel-top-to-close-button-spacious": "17px",
+    "standard-panel-width": "260px",
     "status-light-dot-size-extra-large": "14px",
     "status-light-dot-size-large": "12px",
     "status-light-dot-size-medium": "10px",

package/dist/json/variables.json

@@ -5819,6 +5819,64 @@
     },
     "uuid": "bae79ea7-2b3e-4d43-af42-7deab67acc7c"
   },
+  "standard-panel-gripper-color-drag": {
+    "sets": {
+      "light": {
+        "ref": "{gray-800}",
+        "sets": {
+          "light": {
+            "value": "rgb(41, 41, 41)",
+            "uuid": "2caf1f36-80b9-4659-90be-8d89672bb19f"
+          },
+          "dark": {
+            "value": "rgb(219, 219, 219)",
+            "uuid": "d39fc368-ec71-40cd-85e9-afb07862f2b7"
+          },
+          "wireframe": {
+            "value": "rgb(73, 110, 194)",
+            "uuid": "22e79b14-2a60-4721-8e9b-800fa9e7a128"
+          }
+        },
+        "uuid": "69e2d0b3-6807-4e46-9f8a-72bf49439f36"
+      },
+      "dark": {
+        "ref": "{gray-800}",
+        "sets": {
+          "light": {
+            "value": "rgb(41, 41, 41)",
+            "uuid": "2caf1f36-80b9-4659-90be-8d89672bb19f"
+          },
+          "dark": {
+            "value": "rgb(219, 219, 219)",
+            "uuid": "d39fc368-ec71-40cd-85e9-afb07862f2b7"
+          },
+          "wireframe": {
+            "value": "rgb(73, 110, 194)",
+            "uuid": "22e79b14-2a60-4721-8e9b-800fa9e7a128"
+          }
+        },
+        "uuid": "e0533561-893d-4947-a0bb-d29c0bb42a2b"
+      }
+    }
+  },
+  "standard-panel-gripper-color": {
+    "ref": "{gray-200}",
+    "sets": {
+      "light": {
+        "value": "rgb(225, 225, 225)",
+        "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
+      },
+      "dark": {
+        "value": "rgb(50, 50, 50)",
+        "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
+      },
+      "wireframe": {
+        "value": "rgb(230, 236, 248)",
+        "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
+      }
+    },
+    "uuid": "71840c7b-acdd-45b9-a228-5091591f5405"
+  },
   "white": {
     "value": "rgb(255, 255, 255)",
     "uuid": "9b799da8-2130-417e-b7ee-5e1154a89837"
@@ -21430,6 +21488,126 @@
       }
     }
   },
+  "code-cjk-size-xl": {
+    "ref": "{code-size-xl}",
+    "sets": {
+      "desktop": {
+        "value": "20px",
+        "uuid": "292a28d6-2e15-46e2-80cd-5171d977e9b5"
+      },
+      "mobile": {
+        "value": "24px",
+        "uuid": "d5ed0e8d-01ac-495f-bd15-fecc30af17c4"
+      }
+    },
+    "uuid": "a2e258a0-21f6-44d7-9bfe-0052620e5ac2"
+  },
+  "code-cjk-size-l": {
+    "ref": "{code-size-l}",
+    "sets": {
+      "desktop": {
+        "value": "18px",
+        "uuid": "3dc9b6a4-77e3-484b-be8c-fbc2f50e6175"
+      },
+      "mobile": {
+        "value": "22px",
+        "uuid": "9b9a7175-dcca-43aa-98ce-f1c3e4eefda7"
+      }
+    },
+    "uuid": "15e8593b-1b86-40e0-ae88-fcc587e24373"
+  },
+  "code-cjk-size-m": {
+    "ref": "{code-size-m}",
+    "sets": {
+      "desktop": {
+        "value": "16px",
+        "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
+      },
+      "mobile": {
+        "value": "19px",
+        "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
+      }
+    },
+    "uuid": "69436fba-18a7-4a28-b6c5-683a8838917c"
+  },
+  "code-cjk-size-s": {
+    "ref": "{code-size-s}",
+    "sets": {
+      "desktop": {
+        "value": "14px",
+        "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+      },
+      "mobile": {
+        "value": "17px",
+        "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+      }
+    },
+    "uuid": "80c3d9ab-39d1-4329-a88f-bb84c3afd17f"
+  },
+  "code-cjk-size-xs": {
+    "ref": "{code-size-xs}",
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "55d90327-8cc9-4d4f-891f-9d42751d989a"
+      },
+      "mobile": {
+        "value": "15px",
+        "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
+      }
+    },
+    "uuid": "6b577e2a-09c0-42bb-8b94-42034df63036"
+  },
+  "standard-panel-width": {
+    "value": "260px",
+    "uuid": "41cd9d92-4d69-4aaa-9c95-e980aa5eb992"
+  },
+  "standard-panel-minimum-width": {
+    "value": "200px",
+    "uuid": "37ab7428-8175-409f-8e74-55e51a962139"
+  },
+  "standard-panel-maximum-width": {
+    "value": "400px",
+    "uuid": "11400ef3-c995-41bc-8a9d-eb389d95f360"
+  },
+  "standard-panel-top-to-close-button-compact": {
+    "value": "5px",
+    "uuid": "66f385cd-b60b-42dd-bfdc-aba2db6e35a2"
+  },
+  "standard-panel-top-to-close-button-regular": {
+    "value": "9px",
+    "uuid": "968a056e-4397-4a71-91f1-a0f1ebb6f751"
+  },
+  "standard-panel-top-to-close-button-spacious": {
+    "value": "17px",
+    "uuid": "96572147-20a9-4089-9904-0a0efa42a5af"
+  },
+  "standard-panel-edge-to-close-button-compact": {
+    "value": "3px",
+    "uuid": "6364d657-804c-4753-832d-09bfdf5ad36a"
+  },
+  "standard-panel-edge-to-close-button-regular": {
+    "value": "7px",
+    "uuid": "f2c9847f-2c3f-4e2e-94ed-59b6cc58f34a"
+  },
+  "standard-panel-edge-to-close-button-spacious": {
+    "value": "15px",
+    "uuid": "b9c04337-a6f5-42db-9bf9-a761c0d9f876"
+  },
+  "standard-panel-title-font-size": {
+    "ref": "{title-size-s}",
+    "sets": {
+      "desktop": {
+        "value": "14px",
+        "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+      },
+      "mobile": {
+        "value": "17px",
+        "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+      }
+    },
+    "uuid": "ce8278ea-da1b-4a42-bf7d-4018c9e9d18e"
+  },
   "corner-radius-0": {
     "value": "0px",
     "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"
@@ -26832,8 +27010,8 @@
     "uuid": "dac3d8d5-3005-4fa6-b71a-6679470176cf"
   },
   "code-cjk-strong-font-weight": {
-    "ref": "{black-font-weight}",
-    "value": "black",
+    "ref": "{bold-font-weight}",
+    "value": "bold",
     "uuid": "ed73f5fc-5b7a-4414-8f1c-325e7944a9e1"
   },
   "code-cjk-strong-font-style": {
@@ -26872,8 +27050,8 @@
     "uuid": "83d53fe1-372f-46ba-b8e0-f90ca2e59647"
   },
   "code-cjk-strong-emphasized-font-weight": {
-    "ref": "{black-font-weight}",
-    "value": "black",
+    "ref": "{bold-font-weight}",
+    "value": "bold",
     "uuid": "8ed5c5e0-ff72-4937-98fd-fd09f1fab288"
   },
   "code-cjk-strong-emphasized-font-style": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "13.0.0-beta.44",
+  "version": "13.0.0-beta.46",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "index.js",
@@ -29,7 +29,8 @@
     "style-dictionary": "^3.9.2",
     "style-dictionary-sets": "^2.3.0",
     "tar": "^7.0.1",
-    "tmp-promise": "^3.0.3"
+    "tmp-promise": "^3.0.3",
+    "@adobe/token-diff-generator": "1.0.1"
   },
   "scripts": {}
 }

package/src/color-component.json

@@ -417,5 +417,27 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{gray-25}",
     "uuid": "bae79ea7-2b3e-4d43-af42-7deab67acc7c"
+  },
+  "standard-panel-gripper-color-drag": {
+    "component": "standard-panel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
+    "sets": {
+      "light": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-800}",
+        "uuid": "69e2d0b3-6807-4e46-9f8a-72bf49439f36"
+      },
+      "dark": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-800}",
+        "uuid": "e0533561-893d-4947-a0bb-d29c0bb42a2b"
+      }
+    }
+  },
+  "standard-panel-gripper-color": {
+    "component": "standard-panel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{gray-200}",
+    "uuid": "71840c7b-acdd-45b9-a228-5091591f5405"
   }
 }

package/src/layout-component.json

@@ -8849,5 +8849,95 @@
         "uuid": "c980c4f4-f2c5-4963-873e-de275f3353d1"
       }
     }
+  },
+  "code-cjk-size-xl": {
+    "component": "code",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{code-size-xl}",
+    "uuid": "a2e258a0-21f6-44d7-9bfe-0052620e5ac2"
+  },
+  "code-cjk-size-l": {
+    "component": "code",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{code-size-l}",
+    "uuid": "15e8593b-1b86-40e0-ae88-fcc587e24373"
+  },
+  "code-cjk-size-m": {
+    "component": "code",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{code-size-m}",
+    "uuid": "69436fba-18a7-4a28-b6c5-683a8838917c"
+  },
+  "code-cjk-size-s": {
+    "component": "code",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{code-size-s}",
+    "uuid": "80c3d9ab-39d1-4329-a88f-bb84c3afd17f"
+  },
+  "code-cjk-size-xs": {
+    "component": "code",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{code-size-xs}",
+    "uuid": "6b577e2a-09c0-42bb-8b94-42034df63036"
+  },
+  "standard-panel-width": {
+    "component": "standard-panel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "260px",
+    "uuid": "41cd9d92-4d69-4aaa-9c95-e980aa5eb992"
+  },
+  "standard-panel-minimum-width": {
+    "component": "standard-panel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "200px",
+    "uuid": "37ab7428-8175-409f-8e74-55e51a962139"
+  },
+  "standard-panel-maximum-width": {
+    "component": "standard-panel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "400px",
+    "uuid": "11400ef3-c995-41bc-8a9d-eb389d95f360"
+  },
+  "standard-panel-top-to-close-button-compact": {
+    "component": "standard-panel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "5px",
+    "uuid": "66f385cd-b60b-42dd-bfdc-aba2db6e35a2"
+  },
+  "standard-panel-top-to-close-button-regular": {
+    "component": "standard-panel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "9px",
+    "uuid": "968a056e-4397-4a71-91f1-a0f1ebb6f751"
+  },
+  "standard-panel-top-to-close-button-spacious": {
+    "component": "standard-panel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "17px",
+    "uuid": "96572147-20a9-4089-9904-0a0efa42a5af"
+  },
+  "standard-panel-edge-to-close-button-compact": {
+    "component": "standard-panel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "3px",
+    "uuid": "6364d657-804c-4753-832d-09bfdf5ad36a"
+  },
+  "standard-panel-edge-to-close-button-regular": {
+    "component": "standard-panel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "7px",
+    "uuid": "f2c9847f-2c3f-4e2e-94ed-59b6cc58f34a"
+  },
+  "standard-panel-edge-to-close-button-spacious": {
+    "component": "standard-panel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "15px",
+    "uuid": "b9c04337-a6f5-42db-9bf9-a761c0d9f876"
+  },
+  "standard-panel-title-font-size": {
+    "component": "standard-panel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{title-size-s}",
+    "uuid": "ce8278ea-da1b-4a42-bf7d-4018c9e9d18e"
   }
 }

package/src/typography.json

@@ -1537,7 +1537,7 @@
   "code-cjk-strong-font-weight": {
     "component": "code",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-    "value": "{black-font-weight}",
+    "value": "{bold-font-weight}",
     "uuid": "ed73f5fc-5b7a-4414-8f1c-325e7944a9e1"
   },
   "code-cjk-strong-font-style": {
@@ -1585,7 +1585,7 @@
   "code-cjk-strong-emphasized-font-weight": {
     "component": "code",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-    "value": "{black-font-weight}",
+    "value": "{bold-font-weight}",
     "uuid": "8ed5c5e0-ff72-4937-98fd-fd09f1fab288"
   },
   "code-cjk-strong-emphasized-font-style": {
@@ -1642,4 +1642,4 @@
     "value": "{gray-800}",
     "uuid": "851aebc5-5aa2-42ae-9032-59a5c9e8db5f"
   }
-}
+}