@adobe/spectrum-tokens 12.3.0 → 12.4.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @adobe/spectrum-tokens
 
+## 12.4.0
+
+### Minor Changes
+
+- 5406a24: Added `side-navigation` tokens.
+
 ## 12.3.0
 
 ### Minor Changes

package/dist/json/drover.json

@@ -1733,6 +1733,15 @@
     "side-label-character-count-top-margin-large": "11px",
     "side-label-character-count-top-margin-medium": "8px",
     "side-label-character-count-top-margin-small": "4px",
+    "side-navigation-item-to-header": "16px",
+    "side-navigation-item-to-item": "4px",
+    "side-navigation-maximum-width": "240px",
+    "side-navigation-minimum-width": "160px",
+    "side-navigation-second-level-edge-to-text": "24px",
+    "side-navigation-third-level-edge-to-text": "36px",
+    "side-navigation-width": "192px",
+    "side-navigation-with-icon-second-level-edge-to-text": "50px",
+    "side-navigation-with-icon-third-level-edge-to-text": "62px",
     "slider-bottom-to-handle-extra-large": "14px",
     "slider-bottom-to-handle-large": "11px",
     "slider-bottom-to-handle-medium": "8px",

package/dist/json/variables.json

@@ -12770,6 +12770,96 @@
       }
     }
   },
+  "side-navigation-width": {
+    "sets": {
+      "desktop": {
+        "value": "192px"
+      },
+      "mobile": {
+        "value": "240px"
+      }
+    }
+  },
+  "side-navigation-minimum-width": {
+    "sets": {
+      "desktop": {
+        "value": "160px"
+      },
+      "mobile": {
+        "value": "200px"
+      }
+    }
+  },
+  "side-navigation-maximum-width": {
+    "sets": {
+      "desktop": {
+        "value": "240px"
+      },
+      "mobile": {
+        "value": "300px"
+      }
+    }
+  },
+  "side-navigation-second-level-edge-to-text": {
+    "sets": {
+      "desktop": {
+        "value": "24px"
+      },
+      "mobile": {
+        "value": "30px"
+      }
+    }
+  },
+  "side-navigation-third-level-edge-to-text": {
+    "sets": {
+      "desktop": {
+        "value": "36px"
+      },
+      "mobile": {
+        "value": "45px"
+      }
+    }
+  },
+  "side-navigation-with-icon-second-level-edge-to-text": {
+    "sets": {
+      "desktop": {
+        "value": "50px"
+      },
+      "mobile": {
+        "value": "62px"
+      }
+    }
+  },
+  "side-navigation-with-icon-third-level-edge-to-text": {
+    "sets": {
+      "desktop": {
+        "value": "62px"
+      },
+      "mobile": {
+        "value": "77px"
+      }
+    }
+  },
+  "side-navigation-item-to-item": {
+    "sets": {
+      "desktop": {
+        "value": "4px"
+      },
+      "mobile": {
+        "value": "5px"
+      }
+    }
+  },
+  "side-navigation-item-to-header": {
+    "sets": {
+      "desktop": {
+        "value": "16px"
+      },
+      "mobile": {
+        "value": "20px"
+      }
+    }
+  },
   "tray-top-to-content-area": {
     "sets": {
       "desktop": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "12.3.0",
+  "version": "12.4.0",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "config.js",
@@ -19,11 +19,9 @@
   },
   "homepage": "https://github.com/adobe/spectrum-tokens#readme",
   "devDependencies": {
-    "convert-excel-to-json": "^1.7.0",
     "deep-object-diff": "^1.1.7",
     "glob": "^8.1.0",
     "glob-promise": "^6.0.2",
-    "hex-to-rgba": "^2.0.1",
     "node-fetch": "^2.6.7",
     "style-dictionary": "^3.7.1",
     "style-dictionary-sets": "^2.0.5",

package/src/layout-component.json

@@ -3746,6 +3746,105 @@
       }
     }
   },
+  "side-navigation-width": {
+    "component": "side-navigation",
+    "sets": {
+      "desktop": {
+        "value": "192px"
+      },
+      "mobile": {
+        "value": "240px"
+      }
+    }
+  },
+  "side-navigation-minimum-width": {
+    "component": "side-navigation",
+    "sets": {
+      "desktop": {
+        "value": "160px"
+      },
+      "mobile": {
+        "value": "200px"
+      }
+    }
+  },
+  "side-navigation-maximum-width": {
+    "component": "side-navigation",
+    "sets": {
+      "desktop": {
+        "value": "240px"
+      },
+      "mobile": {
+        "value": "300px"
+      }
+    }
+  },
+  "side-navigation-second-level-edge-to-text": {
+    "component": "side-navigation",
+    "sets": {
+      "desktop": {
+        "value": "24px"
+      },
+      "mobile": {
+        "value": "30px"
+      }
+    }
+  },
+  "side-navigation-third-level-edge-to-text": {
+    "component": "side-navigation",
+    "sets": {
+      "desktop": {
+        "value": "36px"
+      },
+      "mobile": {
+        "value": "45px"
+      }
+    }
+  },
+  "side-navigation-with-icon-second-level-edge-to-text": {
+    "component": "side-navigation",
+    "sets": {
+      "desktop": {
+        "value": "50px"
+      },
+      "mobile": {
+        "value": "62px"
+      }
+    }
+  },
+  "side-navigation-with-icon-third-level-edge-to-text": {
+    "component": "side-navigation",
+    "sets": {
+      "desktop": {
+        "value": "62px"
+      },
+      "mobile": {
+        "value": "77px"
+      }
+    }
+  },
+  "side-navigation-item-to-item": {
+    "component": "side-navigation",
+    "sets": {
+      "desktop": {
+        "value": "4px"
+      },
+      "mobile": {
+        "value": "5px"
+      }
+    }
+  },
+  "side-navigation-item-to-header": {
+    "component": "side-navigation",
+    "sets": {
+      "desktop": {
+        "value": "16px"
+      },
+      "mobile": {
+        "value": "20px"
+      }
+    }
+  },
   "tray-top-to-content-area": {
     "component": "tray",
     "sets": {