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

package/CHANGELOG.md

@@ -1,10 +1,37 @@
 # @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 [@mrcjhicks](https://github.com/mrcjhicks)! - Updated code tokens for S2
+- [#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
 

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)",
@@ -2130,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"
@@ -21500,6 +21558,56 @@
     },
     "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"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "13.0.0-beta.45",
+  "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

@@ -8879,5 +8879,65 @@
     "$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"
   }
 }