@adobe/spectrum-tokens 12.20.0 → 12.21.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @adobe/spectrum-tokens
 
+## 12.21.0
+
+### Minor Changes
+
+- 9ee663d: Modified and new Side nav tokens
+
+  ### Design Motivation
+
+  Category headings changed to Adobe Clean 12 Medium @ `gray-600`, to differentiate them from multi-level, top navigation items.
+
+  ### Token Diff
+
+  Token added (1):
+
+  - `side-navigation-header-to-item`
+
+  Token value updated (1):
+
+  - `side-navigation-item-to-header`: changed from `desktop: 16px` `mobile: 20px` to `desktop: 24px` `mobile: 30px`
+
 ## 12.20.0
 
 ### Minor Changes

package/dist/json/drover.json

@@ -1844,7 +1844,8 @@
     "side-label-character-count-top-margin-medium": "8px",
     "side-label-character-count-top-margin-small": "4px",
     "side-navigation-bottom-to-text": "8px",
-    "side-navigation-item-to-header": "16px",
+    "side-navigation-header-to-item": "8px",
+    "side-navigation-item-to-header": "24px",
     "side-navigation-item-to-item": "4px",
     "side-navigation-maximum-width": "240px",
     "side-navigation-minimum-width": "160px",

package/dist/json/variables.json

@@ -18968,15 +18968,27 @@
   "side-navigation-item-to-header": {
     "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": {
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "423b5520-bb29-4179-9145-67305ca75b75"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "ad959938-ad69-4137-91e4-fcf2465b223a"
+      }
+    }
+  },
   "side-navigation-bottom-to-text": {
     "sets": {
       "desktop": {

package/package.json

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

package/src/icons.json

@@ -94,6 +94,7 @@
     }
   },
   "workflow-icon-size-50": {
+    "component": "icon",
     "sets": {
       "desktop": {
         "value": "14px",
@@ -106,6 +107,7 @@
     }
   },
   "workflow-icon-size-75": {
+    "component": "icon",
     "sets": {
       "desktop": {
         "value": "16px",
@@ -118,6 +120,7 @@
     }
   },
   "workflow-icon-size-100": {
+    "component": "icon",
     "sets": {
       "desktop": {
         "value": "18px",
@@ -130,6 +133,7 @@
     }
   },
   "workflow-icon-size-200": {
+    "component": "icon",
     "sets": {
       "desktop": {
         "value": "20px",
@@ -142,6 +146,7 @@
     }
   },
   "workflow-icon-size-300": {
+    "component": "icon",
     "sets": {
       "desktop": {
         "value": "22px",

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": {