@adobe/spectrum-tokens 13.0.0-beta.42 → 13.0.0-beta.43

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.43
+
+### Minor Changes
+
+- [#384](https://github.com/adobe/spectrum-tokens/pull/384) [`681b4b0`](https://github.com/adobe/spectrum-tokens/commit/681b4b0094d31bae4c9b1b095fa59d6448c26cab) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Added dragged drop shadow tokens that point to new 300 global drop shadow tokens
+
+  ## Design Motivation
+
+  These are new foundational drop shadow tokens that represent a higher elevation when items are dragged. The more prominent shadow also brings more visual focus to the dragged item. They will be used in the standard panel "dragged" state, as well as in future component updates, to be determined.
+
+  ## Token Diff
+
+  _Tokens added (8):_
+
+  - `drop-shadow-blur-300`
+  - `drop-shadow-color-300`
+  - `drop-shadow-dragged-blur`
+  - `drop-shadow-dragged-color`
+  - `drop-shadow-dragged-x`
+  - `drop-shadow-dragged-y`
+  - `drop-shadow-x-300`
+  - `drop-shadow-y-300`
+
 ## 13.0.0-beta.42
 
 ### Minor Changes

package/dist/json/drover.json

@@ -178,6 +178,8 @@
       "drop-shadow-color": "rgba(0, 0, 0, 0.12)",
       "drop-shadow-color-100": "rgba(0, 0, 0, 0.12)",
       "drop-shadow-color-200": "rgba(0, 0, 0, 0.16)",
+      "drop-shadow-color-300": "rgba(0, 0, 0, 0.2)",
+      "drop-shadow-dragged-color": "rgba(0, 0, 0, 0.2)",
       "drop-shadow-elevated-color": "rgba(0, 0, 0, 0.16)",
       "drop-shadow-emphasized-default-color": "rgba(0, 0, 0, 0.12)",
       "drop-shadow-emphasized-hover-color": "rgba(0, 0, 0, 0.16)",
@@ -848,6 +850,8 @@
       "drop-shadow-color": "rgba(0, 0, 0, 0.36)",
       "drop-shadow-color-100": "rgba(0, 0, 0, 0.36)",
       "drop-shadow-color-200": "rgba(0, 0, 0, 0.48)",
+      "drop-shadow-color-300": "rgba(0, 0, 0, 0.6)",
+      "drop-shadow-dragged-color": "rgba(0, 0, 0, 0.6)",
       "drop-shadow-elevated-color": "rgba(0, 0, 0, 0.48)",
       "drop-shadow-emphasized-default-color": "rgba(0, 0, 0, 0.36)",
       "drop-shadow-emphasized-hover-color": "rgba(0, 0, 0, 0.48)",
@@ -1772,6 +1776,10 @@
     "drop-shadow-blur": "6px",
     "drop-shadow-blur-100": "6px",
     "drop-shadow-blur-200": "8px",
+    "drop-shadow-blur-300": "16px",
+    "drop-shadow-dragged-blur": "16px",
+    "drop-shadow-dragged-x": "0px",
+    "drop-shadow-dragged-y": "6px",
     "drop-shadow-elevated-blur": "8px",
     "drop-shadow-elevated-x": "0px",
     "drop-shadow-elevated-y": "2px",
@@ -1784,9 +1792,11 @@
     "drop-shadow-x": "0px",
     "drop-shadow-x-100": "0px",
     "drop-shadow-x-200": "0px",
+    "drop-shadow-x-300": "0px",
     "drop-shadow-y": "1px",
     "drop-shadow-y-100": "1px",
     "drop-shadow-y-200": "2px",
+    "drop-shadow-y-300": "6px",
     "drop-zone-background-color-opacity": "0.1",
     "drop-zone-background-color-opacity-filled": "0.3",
     "drop-zone-body-font-size": "14px",

package/dist/json/variables.json

@@ -4812,6 +4812,18 @@
       }
     }
   },
+  "drop-shadow-color-300": {
+    "sets": {
+      "light": {
+        "value": "rgba(0, 0, 0, 0.2)",
+        "uuid": "84ced765-054d-44f4-9dbe-5be607f65a16"
+      },
+      "dark": {
+        "value": "rgba(0, 0, 0, 0.6)",
+        "uuid": "8fd7fa72-67c3-4004-b8b3-af55a4b9cada"
+      }
+    }
+  },
   "drop-shadow-emphasized-default-color": {
     "ref": "{drop-shadow-color-100}",
     "sets": {
@@ -4932,6 +4944,20 @@
     "value": "rgba(255, 255, 255, 0.94)",
     "uuid": "a1cbc282-1376-48d1-b8bb-92f10aef7c6f"
   },
+  "drop-shadow-dragged-color": {
+    "ref": "{drop-shadow-color-300}",
+    "sets": {
+      "light": {
+        "value": "rgba(0, 0, 0, 0.2)",
+        "uuid": "84ced765-054d-44f4-9dbe-5be607f65a16"
+      },
+      "dark": {
+        "value": "rgba(0, 0, 0, 0.6)",
+        "uuid": "8fd7fa72-67c3-4004-b8b3-af55a4b9cada"
+      }
+    },
+    "uuid": "83c30113-68b5-475b-ba46-9179c9ff7e8d"
+  },
   "swatch-border-color": {
     "ref": "{gray-1000}",
     "sets": {
@@ -22985,6 +23011,10 @@
     "value": "0px",
     "uuid": "0c76c925-4d29-49a3-b882-e946bd7fe9f1"
   },
+  "drop-shadow-x-300": {
+    "value": "0px",
+    "uuid": "cb6d74fe-cc32-47ff-bf8b-74597643a8a6"
+  },
   "drop-shadow-y-100": {
     "value": "1px",
     "uuid": "ed1f46fd-a586-46a5-8cc1-d843a57e2cc2"
@@ -22993,6 +23023,10 @@
     "value": "2px",
     "uuid": "d2d0320a-6984-4b3f-8f5d-ccb88892a26c"
   },
+  "drop-shadow-y-300": {
+    "value": "6px",
+    "uuid": "5d09089b-c0c5-4122-a3be-3e989562acda"
+  },
   "drop-shadow-blur-100": {
     "value": "6px",
     "uuid": "025e39f4-dfe7-4a8a-beb5-bd0577f72eac"
@@ -23001,6 +23035,10 @@
     "value": "8px",
     "uuid": "2b08d425-ecf2-4891-83cd-005a2d5e76ce"
   },
+  "drop-shadow-blur-300": {
+    "value": "16px",
+    "uuid": "34812e0c-7ccf-49c2-884a-6fecd45f7c5a"
+  },
   "drop-shadow-emphasized-default-x": {
     "ref": "{drop-shadow-x-100}",
     "value": "0px",
@@ -23046,6 +23084,21 @@
     "value": "8px",
     "uuid": "f3487a86-3aea-4527-8b5c-287c0bddad6c"
   },
+  "drop-shadow-dragged-x": {
+    "ref": "{drop-shadow-x-300}",
+    "value": "0px",
+    "uuid": "be5c80b4-5769-491b-9550-fcf94f0c762e"
+  },
+  "drop-shadow-dragged-y": {
+    "ref": "{drop-shadow-y-300}",
+    "value": "6px",
+    "uuid": "ff8d4fda-72fa-4256-b2c8-f22a9d3e644f"
+  },
+  "drop-shadow-dragged-blur": {
+    "ref": "{drop-shadow-blur-300}",
+    "value": "16px",
+    "uuid": "f6015252-21fb-48f9-aadb-5ad050e3d590"
+  },
   "accent-color-100": {
     "ref": "{blue-100}",
     "sets": {

package/package.json

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

package/src/color-aliases.json

@@ -1703,6 +1703,21 @@
       }
     }
   },
+  "drop-shadow-color-300": {
+    "$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/color.json",
+        "value": "rgba(0, 0, 0, 0.2)",
+        "uuid": "84ced765-054d-44f4-9dbe-5be607f65a16"
+      },
+      "dark": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color.json",
+        "value": "rgba(0, 0, 0, 0.6)",
+        "uuid": "8fd7fa72-67c3-4004-b8b3-af55a4b9cada"
+      }
+    }
+  },
   "drop-shadow-emphasized-default-color": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{drop-shadow-color-100}",
@@ -1757,5 +1772,10 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{transparent-white-900}",
     "uuid": "a1cbc282-1376-48d1-b8bb-92f10aef7c6f"
+  },
+  "drop-shadow-dragged-color": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{drop-shadow-color-300}",
+    "uuid": "83c30113-68b5-475b-ba46-9179c9ff7e8d"
   }
 }

package/src/layout.json

@@ -2279,6 +2279,11 @@
     "value": "0px",
     "uuid": "0c76c925-4d29-49a3-b882-e946bd7fe9f1"
   },
+  "drop-shadow-x-300": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "0px",
+    "uuid": "cb6d74fe-cc32-47ff-bf8b-74597643a8a6"
+  },
   "drop-shadow-y-100": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
     "value": "1px",
@@ -2289,6 +2294,11 @@
     "value": "2px",
     "uuid": "d2d0320a-6984-4b3f-8f5d-ccb88892a26c"
   },
+  "drop-shadow-y-300": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "6px",
+    "uuid": "5d09089b-c0c5-4122-a3be-3e989562acda"
+  },
   "drop-shadow-blur-100": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
     "value": "6px",
@@ -2299,6 +2309,11 @@
     "value": "8px",
     "uuid": "2b08d425-ecf2-4891-83cd-005a2d5e76ce"
   },
+  "drop-shadow-blur-300": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "16px",
+    "uuid": "34812e0c-7ccf-49c2-884a-6fecd45f7c5a"
+  },
   "drop-shadow-emphasized-default-x": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{drop-shadow-x-100}",
@@ -2343,5 +2358,20 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{drop-shadow-blur-200}",
     "uuid": "f3487a86-3aea-4527-8b5c-287c0bddad6c"
+  },
+  "drop-shadow-dragged-x": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{drop-shadow-x-300}",
+    "uuid": "be5c80b4-5769-491b-9550-fcf94f0c762e"
+  },
+  "drop-shadow-dragged-y": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{drop-shadow-y-300}",
+    "uuid": "ff8d4fda-72fa-4256-b2c8-f22a9d3e644f"
+  },
+  "drop-shadow-dragged-blur": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{drop-shadow-blur-300}",
+    "uuid": "f6015252-21fb-48f9-aadb-5ad050e3d590"
   }
 }