Correct Hub and Engine component geometry

packages/tokens/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nodedc/tokens",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "files": ["tokens.json", "tokens.css", "themes.css"],
   "exports": {

packages/tokens/tokens.css

@@ -16,6 +16,14 @@
   --nodedc-header-logo-width: 7.25rem;
   --nodedc-header-logo-height: 1.79rem;
   --nodedc-inspector-width: 24.375rem;
+  --nodedc-inspector-inner-width: 20.625rem;
+  --nodedc-inspector-label-width: 9.625rem;
+  --nodedc-inspector-control-width: 10.125rem;
+  --nodedc-inspector-control-gap: 0.875rem;
+  --nodedc-inspector-section-radius: 0.75rem;
+  --nodedc-inspector-button-radius: 1rem;
+  --nodedc-select-toggle-width: 2.875rem;
+  --nodedc-select-gap: 0.5rem;
 
   --nodedc-space-1: 0.25rem;
   --nodedc-space-2: 0.5rem;
@@ -53,4 +61,3 @@
   --nodedc-font-weight-medium: 620;
   --nodedc-font-weight-strong: 760;
 }
-

packages/tokens/tokens.json

@@ -26,7 +26,13 @@
     "headerPill": { "$type": "dimension", "$value": "55.2px" },
     "logoWidth": { "$type": "dimension", "$value": "116px" },
     "logoHeight": { "$type": "dimension", "$value": "28.64px" },
-    "inspectorWidth": { "$type": "dimension", "$value": "390px" }
+    "inspectorWidth": { "$type": "dimension", "$value": "390px" },
+    "inspectorInnerWidth": { "$type": "dimension", "$value": "330px" },
+    "inspectorLabelWidth": { "$type": "dimension", "$value": "154px" },
+    "inspectorControlWidth": { "$type": "dimension", "$value": "162px" },
+    "inspectorControlGap": { "$type": "dimension", "$value": "14px" },
+    "selectToggleWidth": { "$type": "dimension", "$value": "46px" },
+    "selectGap": { "$type": "dimension", "$value": "8px" }
   },
   "space": {
     "1": { "$type": "dimension", "$value": "4px" },
@@ -58,4 +64,3 @@
     "toast": { "$type": "number", "$value": 950 }
   }
 }
-