@helloimjolopez-pathway/pathway-tokens 7.0.1 → 8.0.0

package/dist/tokens.js

@@ -2180,7 +2180,7 @@ const tokens = {
     ]
   },
   "semantic-color-light-mode-fill-surface-sheet": {
-    "value": "#ffffff",
+    "value": "#fefefd",
     "type": "color",
     "path": [
       "semantic-color",
@@ -2362,87 +2362,6 @@ const tokens = {
       "trail"
     ]
   },
-  "semantic-color-light-mode-fill-action-status-info-rest": {
-    "value": "#f4f2fa",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "fill",
-      "action",
-      "status",
-      "info",
-      "rest"
-    ]
-  },
-  "semantic-color-light-mode-fill-action-status-info-hover": {
-    "value": "#e8e6f5",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "fill",
-      "action",
-      "status",
-      "info",
-      "hover"
-    ]
-  },
-  "semantic-color-light-mode-fill-action-status-info-pressed": {
-    "value": "#dcd9ef",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "fill",
-      "action",
-      "status",
-      "info",
-      "pressed"
-    ]
-  },
-  "semantic-color-light-mode-fill-action-status-positive-strong-rest": {
-    "value": "#2a793e",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "fill",
-      "action",
-      "status",
-      "positive",
-      "strong",
-      "rest"
-    ]
-  },
-  "semantic-color-light-mode-fill-action-status-positive-strong-hover": {
-    "value": "#1f602e",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "fill",
-      "action",
-      "status",
-      "positive",
-      "strong",
-      "hover"
-    ]
-  },
-  "semantic-color-light-mode-fill-action-status-positive-strong-pressed": {
-    "value": "#174f26",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "fill",
-      "action",
-      "status",
-      "positive",
-      "strong",
-      "pressed"
-    ]
-  },
   "semantic-color-light-mode-fill-action-status-positive-subtle-rest": {
     "value": "#dff6e2",
     "type": "color",
@@ -2485,47 +2404,8 @@ const tokens = {
       "pressed"
     ]
   },
-  "semantic-color-light-mode-fill-action-status-attention-rest": {
-    "value": "#fef2de",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "fill",
-      "action",
-      "status",
-      "attention",
-      "rest"
-    ]
-  },
-  "semantic-color-light-mode-fill-action-status-attention-hover": {
-    "value": "#fee2b3",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "fill",
-      "action",
-      "status",
-      "attention",
-      "hover"
-    ]
-  },
-  "semantic-color-light-mode-fill-action-status-attention-pressed": {
-    "value": "#fed897",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "fill",
-      "action",
-      "status",
-      "attention",
-      "pressed"
-    ]
-  },
-  "semantic-color-light-mode-fill-action-status-severe-rest": {
-    "value": "#f9e2d6",
+  "semantic-color-light-mode-fill-action-status-positive-strong-rest": {
+    "value": "#2a793e",
     "type": "color",
     "path": [
       "semantic-color",
@@ -2533,12 +2413,13 @@ const tokens = {
       "fill",
       "action",
       "status",
-      "severe",
+      "positive",
+      "strong",
       "rest"
     ]
   },
-  "semantic-color-light-mode-fill-action-status-severe-hover": {
-    "value": "#f9d2bc",
+  "semantic-color-light-mode-fill-action-status-positive-strong-hover": {
+    "value": "#1f602e",
     "type": "color",
     "path": [
       "semantic-color",
@@ -2546,12 +2427,13 @@ const tokens = {
       "fill",
       "action",
       "status",
-      "severe",
+      "positive",
+      "strong",
       "hover"
     ]
   },
-  "semantic-color-light-mode-fill-action-status-severe-pressed": {
-    "value": "#fabd9d",
+  "semantic-color-light-mode-fill-action-status-positive-strong-pressed": {
+    "value": "#174f26",
     "type": "color",
     "path": [
       "semantic-color",
@@ -2559,7 +2441,8 @@ const tokens = {
       "fill",
       "action",
       "status",
-      "severe",
+      "positive",
+      "strong",
       "pressed"
     ]
   },
@@ -2696,7 +2579,7 @@ const tokens = {
     ]
   },
   "semantic-color-light-mode-fill-static-neutral-strong": {
-    "value": "#cbc6be",
+    "value": "#1e1c1a",
     "type": "color",
     "path": [
       "semantic-color",
@@ -2707,6 +2590,18 @@ const tokens = {
       "strong"
     ]
   },
+  "semantic-color-light-mode-fill-static-neutral-bold": {
+    "value": "#cbc6be",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "fill",
+      "static",
+      "neutral",
+      "bold"
+    ]
+  },
   "semantic-color-light-mode-fill-static-brand-faint": {
     "value": "#eef2fb",
     "type": "color",
@@ -3003,338 +2898,211 @@ const tokens = {
       "strong"
     ]
   },
-  "semantic-color-light-mode-foreground-action-disabled": {
-    "value": "#1616165c",
+  "semantic-color-light-mode-foreground-action-status-positive-on-strong": {
+    "value": "#fefefd",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "disabled"
+      "status",
+      "positive",
+      "on-strong"
     ]
   },
-  "semantic-color-light-mode-foreground-action-primary-on-subtle-rest": {
-    "value": "#345499",
+  "semantic-color-light-mode-foreground-action-status-positive-on-subtle-rest": {
+    "value": "#174f26",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "primary",
+      "status",
+      "positive",
       "on-subtle",
       "rest"
     ]
   },
-  "semantic-color-light-mode-foreground-action-primary-on-subtle-hover": {
-    "value": "#22386b",
+  "semantic-color-light-mode-foreground-action-status-positive-on-subtle-hover": {
+    "value": "#0d351b",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "primary",
+      "status",
+      "positive",
       "on-subtle",
       "hover"
     ]
   },
-  "semantic-color-light-mode-foreground-action-primary-on-subtle-pressed": {
-    "value": "#0a1223",
+  "semantic-color-light-mode-foreground-action-status-positive-on-subtle-pressed": {
+    "value": "#001f00",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "primary",
+      "status",
+      "positive",
       "on-subtle",
       "pressed"
     ]
   },
-  "semantic-color-light-mode-foreground-action-secondary-rest": {
-    "value": "#3d3d3d",
+  "semantic-color-light-mode-foreground-action-status-negative-on-subtle-rest": {
+    "value": "#722121",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "secondary",
+      "status",
+      "negative",
+      "on-subtle",
       "rest"
     ]
   },
-  "semantic-color-light-mode-foreground-action-secondary-hover": {
-    "value": "#313131",
+  "semantic-color-light-mode-foreground-action-status-negative-on-subtle-hover": {
+    "value": "#5f1b1b",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "secondary",
+      "status",
+      "negative",
+      "on-subtle",
       "hover"
     ]
   },
-  "semantic-color-light-mode-foreground-action-secondary-pressed": {
-    "value": "#161616",
+  "semantic-color-light-mode-foreground-action-status-negative-on-subtle-pressed": {
+    "value": "#520f11",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "secondary",
+      "status",
+      "negative",
+      "on-subtle",
       "pressed"
     ]
   },
-  "semantic-color-light-mode-foreground-action-secondary-subtle-rest": {
-    "value": "#606060",
+  "semantic-color-light-mode-foreground-action-status-negative-on-strong": {
+    "value": "#fefefd",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "secondary",
-      "subtle",
-      "rest"
+      "status",
+      "negative",
+      "on-strong"
     ]
   },
-  "semantic-color-light-mode-foreground-action-secondary-subtle-hover": {
-    "value": "#545454",
+  "semantic-color-light-mode-foreground-action-disabled": {
+    "value": "#1616165c",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "secondary",
-      "subtle",
-      "hover"
+      "disabled"
     ]
   },
-  "semantic-color-light-mode-foreground-action-secondary-subtle-pressed": {
-    "value": "#484848",
+  "semantic-color-light-mode-foreground-action-primary-on-subtle-rest": {
+    "value": "#345499",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "secondary",
-      "subtle",
-      "pressed"
+      "primary",
+      "on-subtle",
+      "rest"
     ]
   },
-  "semantic-color-light-mode-foreground-action-status-info-on-subtle-rest": {
-    "value": "#353063",
+  "semantic-color-light-mode-foreground-action-primary-on-subtle-hover": {
+    "value": "#22386b",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "status",
-      "info",
+      "primary",
       "on-subtle",
-      "rest"
+      "hover"
     ]
   },
-  "semantic-color-light-mode-foreground-action-status-info-on-subtle-hover": {
-    "value": "#221e3f",
+  "semantic-color-light-mode-foreground-action-primary-on-subtle-pressed": {
+    "value": "#0a1223",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "status",
-      "info",
+      "primary",
       "on-subtle",
-      "hover"
+      "pressed"
     ]
   },
-  "semantic-color-light-mode-foreground-action-status-info-on-subtle-pressed": {
-    "value": "#110c2c",
+  "semantic-color-light-mode-foreground-action-primary-on-strong": {
+    "value": "#fefefd",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "status",
-      "info",
-      "on-subtle",
-      "pressed"
+      "primary",
+      "on-strong"
     ]
   },
-  "semantic-color-light-mode-foreground-action-status-positive-on-subtle-rest": {
-    "value": "#174f26",
+  "semantic-color-light-mode-foreground-action-secondary-rest": {
+    "value": "#3d3d3d",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "status",
-      "positive",
-      "on-subtle",
+      "secondary",
       "rest"
     ]
   },
-  "semantic-color-light-mode-foreground-action-status-positive-on-subtle-hover": {
-    "value": "#0d351b",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "foreground",
-      "action",
-      "status",
-      "positive",
-      "on-subtle",
-      "hover"
-    ]
-  },
-  "semantic-color-light-mode-foreground-action-status-positive-on-subtle-pressed": {
-    "value": "#001f00",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "foreground",
-      "action",
-      "status",
-      "positive",
-      "on-subtle",
-      "pressed"
-    ]
-  },
-  "semantic-color-light-mode-foreground-action-status-attention-on-subtle-rest": {
-    "value": "#342d21",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "foreground",
-      "action",
-      "status",
-      "attention",
-      "on-subtle",
-      "rest"
-    ]
-  },
-  "semantic-color-light-mode-foreground-action-status-attention-on-subtle-hover": {
-    "value": "#1d1912",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "foreground",
-      "action",
-      "status",
-      "attention",
-      "on-subtle",
-      "hover"
-    ]
-  },
-  "semantic-color-light-mode-foreground-action-status-attention-on-subtle-pressed": {
-    "value": "#110d07",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "foreground",
-      "action",
-      "status",
-      "attention",
-      "on-subtle",
-      "pressed"
-    ]
-  },
-  "semantic-color-light-mode-foreground-action-status-severe-on-subtle-rest": {
-    "value": "#72300c",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "foreground",
-      "action",
-      "status",
-      "severe",
-      "on-subtle",
-      "rest"
-    ]
-  },
-  "semantic-color-light-mode-foreground-action-status-severe-on-subtle-hover": {
-    "value": "#59270c",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "foreground",
-      "action",
-      "status",
-      "severe",
-      "on-subtle",
-      "hover"
-    ]
-  },
-  "semantic-color-light-mode-foreground-action-status-severe-on-subtle-pressed": {
-    "value": "#491900",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "foreground",
-      "action",
-      "status",
-      "severe",
-      "on-subtle",
-      "pressed"
-    ]
-  },
-  "semantic-color-light-mode-foreground-action-status-negative-on-subtle-rest": {
-    "value": "#722121",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "foreground",
-      "action",
-      "status",
-      "negative",
-      "on-subtle",
-      "rest"
-    ]
-  },
-  "semantic-color-light-mode-foreground-action-status-negative-on-subtle-hover": {
-    "value": "#5f1b1b",
+  "semantic-color-light-mode-foreground-action-secondary-hover": {
+    "value": "#313131",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "status",
-      "negative",
-      "on-subtle",
+      "secondary",
       "hover"
     ]
   },
-  "semantic-color-light-mode-foreground-action-status-negative-on-subtle-pressed": {
-    "value": "#520f11",
+  "semantic-color-light-mode-foreground-action-secondary-pressed": {
+    "value": "#161616",
     "type": "color",
     "path": [
       "semantic-color",
       "light-mode",
       "foreground",
       "action",
-      "status",
-      "negative",
-      "on-subtle",
+      "secondary",
       "pressed"
     ]
   },
@@ -3855,123 +3623,6 @@ const tokens = {
       "pressed"
     ]
   },
-  "semantic-color-light-mode-stroke-action-status-attention-rest": {
-    "value": "#ffc864",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "stroke",
-      "action",
-      "status",
-      "attention",
-      "rest"
-    ]
-  },
-  "semantic-color-light-mode-stroke-action-status-attention-hover": {
-    "value": "#eab655",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "stroke",
-      "action",
-      "status",
-      "attention",
-      "hover"
-    ]
-  },
-  "semantic-color-light-mode-stroke-action-status-attention-pressed": {
-    "value": "#bf9342",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "stroke",
-      "action",
-      "status",
-      "attention",
-      "pressed"
-    ]
-  },
-  "semantic-color-light-mode-stroke-action-status-severe-rest": {
-    "value": "#f97b38",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "stroke",
-      "action",
-      "status",
-      "severe",
-      "rest"
-    ]
-  },
-  "semantic-color-light-mode-stroke-action-status-severe-hover": {
-    "value": "#f56618",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "stroke",
-      "action",
-      "status",
-      "severe",
-      "hover"
-    ]
-  },
-  "semantic-color-light-mode-stroke-action-status-severe-pressed": {
-    "value": "#c14d0f",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "stroke",
-      "action",
-      "status",
-      "severe",
-      "pressed"
-    ]
-  },
-  "semantic-color-light-mode-stroke-action-status-info-rest": {
-    "value": "#dcd9ef",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "stroke",
-      "action",
-      "status",
-      "info",
-      "rest"
-    ]
-  },
-  "semantic-color-light-mode-stroke-action-status-info-hover": {
-    "value": "#cbc6e8",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "stroke",
-      "action",
-      "status",
-      "info",
-      "hover"
-    ]
-  },
-  "semantic-color-light-mode-stroke-action-status-info-pressed": {
-    "value": "#a8a0d8",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "light-mode",
-      "stroke",
-      "action",
-      "status",
-      "info",
-      "pressed"
-    ]
-  },
   "semantic-color-light-mode-stroke-focusring-base": {
     "value": "#6e8bd4",
     "type": "color",
@@ -4031,6 +3682,18 @@ const tokens = {
       "strong"
     ]
   },
+  "semantic-color-light-mode-stroke-static-neutral-mono": {
+    "value": "#ffffff",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "stroke",
+      "static",
+      "neutral",
+      "mono"
+    ]
+  },
   "semantic-color-light-mode-stroke-static-info-subtle": {
     "value": "#a8a0d8",
     "type": "color",
@@ -4489,87 +4152,6 @@ const tokens = {
       "trail"
     ]
   },
-  "semantic-color-midnight-mode-fill-action-status-info-rest": {
-    "value": "#353063",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "fill",
-      "action",
-      "status",
-      "info",
-      "rest"
-    ]
-  },
-  "semantic-color-midnight-mode-fill-action-status-info-hover": {
-    "value": "#464080",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "fill",
-      "action",
-      "status",
-      "info",
-      "hover"
-    ]
-  },
-  "semantic-color-midnight-mode-fill-action-status-info-pressed": {
-    "value": "#5951a0",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "fill",
-      "action",
-      "status",
-      "info",
-      "pressed"
-    ]
-  },
-  "semantic-color-midnight-mode-fill-action-status-positive-strong-rest": {
-    "value": "#36a14f",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "fill",
-      "action",
-      "status",
-      "positive",
-      "strong",
-      "rest"
-    ]
-  },
-  "semantic-color-midnight-mode-fill-action-status-positive-strong-hover": {
-    "value": "#3db856",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "fill",
-      "action",
-      "status",
-      "positive",
-      "strong",
-      "hover"
-    ]
-  },
-  "semantic-color-midnight-mode-fill-action-status-positive-strong-pressed": {
-    "value": "#59c56b",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "fill",
-      "action",
-      "status",
-      "positive",
-      "strong",
-      "pressed"
-    ]
-  },
   "semantic-color-midnight-mode-fill-action-status-positive-subtle-rest": {
     "value": "#0d351b",
     "type": "color",
@@ -4612,47 +4194,8 @@ const tokens = {
       "pressed"
     ]
   },
-  "semantic-color-midnight-mode-fill-action-status-attention-rest": {
-    "value": "#342d21",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "fill",
-      "action",
-      "status",
-      "attention",
-      "rest"
-    ]
-  },
-  "semantic-color-midnight-mode-fill-action-status-attention-hover": {
-    "value": "#6d5936",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "fill",
-      "action",
-      "status",
-      "attention",
-      "hover"
-    ]
-  },
-  "semantic-color-midnight-mode-fill-action-status-attention-pressed": {
-    "value": "#91723b",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "fill",
-      "action",
-      "status",
-      "attention",
-      "pressed"
-    ]
-  },
-  "semantic-color-midnight-mode-fill-action-status-severe-rest": {
-    "value": "#59270c",
+  "semantic-color-midnight-mode-fill-action-status-positive-strong-rest": {
+    "value": "#36a14f",
     "type": "color",
     "path": [
       "semantic-color",
@@ -4660,12 +4203,13 @@ const tokens = {
       "fill",
       "action",
       "status",
-      "severe",
+      "positive",
+      "strong",
       "rest"
     ]
   },
-  "semantic-color-midnight-mode-fill-action-status-severe-hover": {
-    "value": "#72300c",
+  "semantic-color-midnight-mode-fill-action-status-positive-strong-hover": {
+    "value": "#3db856",
     "type": "color",
     "path": [
       "semantic-color",
@@ -4673,12 +4217,13 @@ const tokens = {
       "fill",
       "action",
       "status",
-      "severe",
+      "positive",
+      "strong",
       "hover"
     ]
   },
-  "semantic-color-midnight-mode-fill-action-status-severe-pressed": {
-    "value": "#8d380b",
+  "semantic-color-midnight-mode-fill-action-status-positive-strong-pressed": {
+    "value": "#59c56b",
     "type": "color",
     "path": [
       "semantic-color",
@@ -4686,7 +4231,8 @@ const tokens = {
       "fill",
       "action",
       "status",
-      "severe",
+      "positive",
+      "strong",
       "pressed"
     ]
   },
@@ -4823,7 +4369,7 @@ const tokens = {
     ]
   },
   "semantic-color-midnight-mode-fill-static-neutral-strong": {
-    "value": "#57534e",
+    "value": "#d8d3cd",
     "type": "color",
     "path": [
       "semantic-color",
@@ -4834,6 +4380,18 @@ const tokens = {
       "strong"
     ]
   },
+  "semantic-color-midnight-mode-fill-static-neutral-bold": {
+    "value": "#57534e",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "fill",
+      "static",
+      "neutral",
+      "bold"
+    ]
+  },
   "semantic-color-midnight-mode-fill-static-brand-faint": {
     "value": "#e2e9f7",
     "type": "color",
@@ -5130,133 +4688,21 @@ const tokens = {
       "strong"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-disabled": {
-    "value": "#ffffff80",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "foreground",
-      "action",
-      "disabled"
-    ]
-  },
-  "semantic-color-midnight-mode-foreground-action-primary-on-subtle-rest": {
-    "value": "#ccd7f2",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "foreground",
-      "action",
-      "primary",
-      "on-subtle",
-      "rest"
-    ]
-  },
-  "semantic-color-midnight-mode-foreground-action-primary-on-subtle-hover": {
-    "value": "#e2e9f7",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "foreground",
-      "action",
-      "primary",
-      "on-subtle",
-      "hover"
-    ]
-  },
-  "semantic-color-midnight-mode-foreground-action-primary-on-subtle-pressed": {
-    "value": "#f9fafd",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "foreground",
-      "action",
-      "primary",
-      "on-subtle",
-      "pressed"
-    ]
-  },
-  "semantic-color-midnight-mode-foreground-action-secondary-rest": {
-    "value": "#a6a6a6",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "foreground",
-      "action",
-      "secondary",
-      "rest"
-    ]
-  },
-  "semantic-color-midnight-mode-foreground-action-secondary-hover": {
-    "value": "#b5b5b5",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "foreground",
-      "action",
-      "secondary",
-      "hover"
-    ]
-  },
-  "semantic-color-midnight-mode-foreground-action-secondary-pressed": {
-    "value": "#c4c4c4",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "foreground",
-      "action",
-      "secondary",
-      "pressed"
-    ]
-  },
-  "semantic-color-midnight-mode-foreground-action-secondary-subtle-rest": {
-    "value": "#d2d2d2",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "foreground",
-      "action",
-      "secondary",
-      "subtle",
-      "rest"
-    ]
-  },
-  "semantic-color-midnight-mode-foreground-action-secondary-subtle-hover": {
-    "value": "#e1e1e1",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "foreground",
-      "action",
-      "secondary",
-      "subtle",
-      "hover"
-    ]
-  },
-  "semantic-color-midnight-mode-foreground-action-secondary-subtle-pressed": {
-    "value": "#ededed",
+  "semantic-color-midnight-mode-foreground-action-status-positive-on-strong": {
+    "value": "#070707",
     "type": "color",
     "path": [
       "semantic-color",
       "midnight-mode",
       "foreground",
       "action",
-      "secondary",
-      "subtle",
-      "pressed"
+      "status",
+      "positive",
+      "on-strong"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-status-info-on-subtle-rest": {
-    "value": "#cbc6e8",
+  "semantic-color-midnight-mode-foreground-action-status-positive-on-subtle-rest": {
+    "value": "#3db856",
     "type": "color",
     "path": [
       "semantic-color",
@@ -5264,13 +4710,13 @@ const tokens = {
       "foreground",
       "action",
       "status",
-      "info",
+      "positive",
       "on-subtle",
       "rest"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-status-info-on-subtle-hover": {
-    "value": "#dcd9ef",
+  "semantic-color-midnight-mode-foreground-action-status-positive-on-subtle-hover": {
+    "value": "#59c56b",
     "type": "color",
     "path": [
       "semantic-color",
@@ -5278,13 +4724,13 @@ const tokens = {
       "foreground",
       "action",
       "status",
-      "info",
+      "positive",
       "on-subtle",
       "hover"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-status-info-on-subtle-pressed": {
-    "value": "#e8e6f5",
+  "semantic-color-midnight-mode-foreground-action-status-positive-on-subtle-pressed": {
+    "value": "#7acd84",
     "type": "color",
     "path": [
       "semantic-color",
@@ -5292,13 +4738,13 @@ const tokens = {
       "foreground",
       "action",
       "status",
-      "info",
+      "positive",
       "on-subtle",
       "pressed"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-status-positive-on-subtle-rest": {
-    "value": "#3db856",
+  "semantic-color-midnight-mode-foreground-action-status-negative-on-subtle-rest": {
+    "value": "#d98686",
     "type": "color",
     "path": [
       "semantic-color",
@@ -5306,13 +4752,13 @@ const tokens = {
       "foreground",
       "action",
       "status",
-      "positive",
+      "negative",
       "on-subtle",
       "rest"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-status-positive-on-subtle-hover": {
-    "value": "#59c56b",
+  "semantic-color-midnight-mode-foreground-action-status-negative-on-subtle-hover": {
+    "value": "#e29f9f",
     "type": "color",
     "path": [
       "semantic-color",
@@ -5320,13 +4766,13 @@ const tokens = {
       "foreground",
       "action",
       "status",
-      "positive",
+      "negative",
       "on-subtle",
       "hover"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-status-positive-on-subtle-pressed": {
-    "value": "#7acd84",
+  "semantic-color-midnight-mode-foreground-action-status-negative-on-subtle-pressed": {
+    "value": "#e9b7b7",
     "type": "color",
     "path": [
       "semantic-color",
@@ -5334,13 +4780,13 @@ const tokens = {
       "foreground",
       "action",
       "status",
-      "positive",
+      "negative",
       "on-subtle",
       "pressed"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-status-attention-on-subtle-rest": {
-    "value": "#bf9342",
+  "semantic-color-midnight-mode-foreground-action-status-negative-on-strong": {
+    "value": "#070707",
     "type": "color",
     "path": [
       "semantic-color",
@@ -5348,120 +4794,105 @@ const tokens = {
       "foreground",
       "action",
       "status",
-      "attention",
-      "on-subtle",
-      "rest"
+      "negative",
+      "on-strong"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-status-attention-on-subtle-hover": {
-    "value": "#eab655",
+  "semantic-color-midnight-mode-foreground-action-disabled": {
+    "value": "#ffffff80",
     "type": "color",
     "path": [
       "semantic-color",
       "midnight-mode",
       "foreground",
       "action",
-      "status",
-      "attention",
-      "on-subtle",
-      "hover"
+      "disabled"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-status-attention-on-subtle-pressed": {
-    "value": "#ffc864",
+  "semantic-color-midnight-mode-foreground-action-primary-on-subtle-rest": {
+    "value": "#ccd7f2",
     "type": "color",
     "path": [
       "semantic-color",
       "midnight-mode",
       "foreground",
       "action",
-      "status",
-      "attention",
+      "primary",
       "on-subtle",
-      "pressed"
+      "rest"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-status-severe-on-subtle-rest": {
-    "value": "#f97b38",
+  "semantic-color-midnight-mode-foreground-action-primary-on-subtle-hover": {
+    "value": "#e2e9f7",
     "type": "color",
     "path": [
       "semantic-color",
       "midnight-mode",
       "foreground",
       "action",
-      "status",
-      "severe",
+      "primary",
       "on-subtle",
-      "rest"
+      "hover"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-status-severe-on-subtle-hover": {
-    "value": "#fe9156",
+  "semantic-color-midnight-mode-foreground-action-primary-on-subtle-pressed": {
+    "value": "#f9fafd",
     "type": "color",
     "path": [
       "semantic-color",
       "midnight-mode",
       "foreground",
       "action",
-      "status",
-      "severe",
+      "primary",
       "on-subtle",
-      "hover"
+      "pressed"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-status-severe-on-subtle-pressed": {
-    "value": "#fda97b",
+  "semantic-color-midnight-mode-foreground-action-primary-on-strong": {
+    "value": "#070707",
     "type": "color",
     "path": [
       "semantic-color",
       "midnight-mode",
       "foreground",
       "action",
-      "status",
-      "severe",
-      "on-subtle",
-      "pressed"
+      "primary",
+      "on-strong"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-status-negative-on-subtle-rest": {
-    "value": "#d98686",
+  "semantic-color-midnight-mode-foreground-action-secondary-rest": {
+    "value": "#a6a6a6",
     "type": "color",
     "path": [
       "semantic-color",
       "midnight-mode",
       "foreground",
       "action",
-      "status",
-      "negative",
-      "on-subtle",
+      "secondary",
       "rest"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-status-negative-on-subtle-hover": {
-    "value": "#e29f9f",
+  "semantic-color-midnight-mode-foreground-action-secondary-hover": {
+    "value": "#b5b5b5",
     "type": "color",
     "path": [
       "semantic-color",
       "midnight-mode",
       "foreground",
       "action",
-      "status",
-      "negative",
-      "on-subtle",
+      "secondary",
       "hover"
     ]
   },
-  "semantic-color-midnight-mode-foreground-action-status-negative-on-subtle-pressed": {
-    "value": "#e9b7b7",
+  "semantic-color-midnight-mode-foreground-action-secondary-pressed": {
+    "value": "#c4c4c4",
     "type": "color",
     "path": [
       "semantic-color",
       "midnight-mode",
       "foreground",
       "action",
-      "status",
-      "negative",
-      "on-subtle",
+      "secondary",
       "pressed"
     ]
   },
@@ -5845,184 +5276,67 @@ const tokens = {
     ]
   },
   "semantic-color-midnight-mode-stroke-action-secondary-hover": {
-    "value": "#67625c",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "stroke",
-      "action",
-      "secondary",
-      "hover"
-    ]
-  },
-  "semantic-color-midnight-mode-stroke-action-secondary-pressed": {
-    "value": "#77726b",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "stroke",
-      "action",
-      "secondary",
-      "pressed"
-    ]
-  },
-  "semantic-color-midnight-mode-stroke-action-field-rest": {
-    "value": "#7b7b7b",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "stroke",
-      "action",
-      "field",
-      "rest"
-    ]
-  },
-  "semantic-color-midnight-mode-stroke-action-field-hover": {
-    "value": "#8b8b8b",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "stroke",
-      "action",
-      "field",
-      "hover"
-    ]
-  },
-  "semantic-color-midnight-mode-stroke-action-field-pressed": {
-    "value": "#979797",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "stroke",
-      "action",
-      "field",
-      "pressed"
-    ]
-  },
-  "semantic-color-midnight-mode-stroke-action-status-negative-rest": {
-    "value": "#cf6e6e",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "stroke",
-      "action",
-      "status",
-      "negative",
-      "rest"
-    ]
-  },
-  "semantic-color-midnight-mode-stroke-action-status-negative-hover": {
-    "value": "#d98686",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "stroke",
-      "action",
-      "status",
-      "negative",
-      "hover"
-    ]
-  },
-  "semantic-color-midnight-mode-stroke-action-status-negative-pressed": {
-    "value": "#e29f9f",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "stroke",
-      "action",
-      "status",
-      "negative",
-      "pressed"
-    ]
-  },
-  "semantic-color-midnight-mode-stroke-action-status-positive-rest": {
-    "value": "#358d4b",
-    "type": "color",
-    "path": [
-      "semantic-color",
-      "midnight-mode",
-      "stroke",
-      "action",
-      "status",
-      "positive",
-      "rest"
-    ]
-  },
-  "semantic-color-midnight-mode-stroke-action-status-positive-hover": {
-    "value": "#36a14f",
+    "value": "#67625c",
     "type": "color",
     "path": [
       "semantic-color",
       "midnight-mode",
       "stroke",
       "action",
-      "status",
-      "positive",
+      "secondary",
       "hover"
     ]
   },
-  "semantic-color-midnight-mode-stroke-action-status-positive-pressed": {
-    "value": "#3db856",
+  "semantic-color-midnight-mode-stroke-action-secondary-pressed": {
+    "value": "#77726b",
     "type": "color",
     "path": [
       "semantic-color",
       "midnight-mode",
       "stroke",
       "action",
-      "status",
-      "positive",
+      "secondary",
       "pressed"
     ]
   },
-  "semantic-color-midnight-mode-stroke-action-status-attention-rest": {
-    "value": "#aa843e",
+  "semantic-color-midnight-mode-stroke-action-field-rest": {
+    "value": "#7b7b7b",
     "type": "color",
     "path": [
       "semantic-color",
       "midnight-mode",
       "stroke",
       "action",
-      "status",
-      "attention",
+      "field",
       "rest"
     ]
   },
-  "semantic-color-midnight-mode-stroke-action-status-attention-hover": {
-    "value": "#bf9342",
+  "semantic-color-midnight-mode-stroke-action-field-hover": {
+    "value": "#8b8b8b",
     "type": "color",
     "path": [
       "semantic-color",
       "midnight-mode",
       "stroke",
       "action",
-      "status",
-      "attention",
+      "field",
       "hover"
     ]
   },
-  "semantic-color-midnight-mode-stroke-action-status-attention-pressed": {
-    "value": "#eab655",
+  "semantic-color-midnight-mode-stroke-action-field-pressed": {
+    "value": "#979797",
     "type": "color",
     "path": [
       "semantic-color",
       "midnight-mode",
       "stroke",
       "action",
-      "status",
-      "attention",
+      "field",
       "pressed"
     ]
   },
-  "semantic-color-midnight-mode-stroke-action-status-severe-rest": {
-    "value": "#e1580e",
+  "semantic-color-midnight-mode-stroke-action-status-negative-rest": {
+    "value": "#cf6e6e",
     "type": "color",
     "path": [
       "semantic-color",
@@ -6030,12 +5344,12 @@ const tokens = {
       "stroke",
       "action",
       "status",
-      "severe",
+      "negative",
       "rest"
     ]
   },
-  "semantic-color-midnight-mode-stroke-action-status-severe-hover": {
-    "value": "#f56618",
+  "semantic-color-midnight-mode-stroke-action-status-negative-hover": {
+    "value": "#d98686",
     "type": "color",
     "path": [
       "semantic-color",
@@ -6043,12 +5357,12 @@ const tokens = {
       "stroke",
       "action",
       "status",
-      "severe",
+      "negative",
       "hover"
     ]
   },
-  "semantic-color-midnight-mode-stroke-action-status-severe-pressed": {
-    "value": "#f97b38",
+  "semantic-color-midnight-mode-stroke-action-status-negative-pressed": {
+    "value": "#e29f9f",
     "type": "color",
     "path": [
       "semantic-color",
@@ -6056,12 +5370,12 @@ const tokens = {
       "stroke",
       "action",
       "status",
-      "severe",
+      "negative",
       "pressed"
     ]
   },
-  "semantic-color-midnight-mode-stroke-action-status-info-rest": {
-    "value": "#353063",
+  "semantic-color-midnight-mode-stroke-action-status-positive-rest": {
+    "value": "#358d4b",
     "type": "color",
     "path": [
       "semantic-color",
@@ -6069,12 +5383,12 @@ const tokens = {
       "stroke",
       "action",
       "status",
-      "info",
+      "positive",
       "rest"
     ]
   },
-  "semantic-color-midnight-mode-stroke-action-status-info-hover": {
-    "value": "#464080",
+  "semantic-color-midnight-mode-stroke-action-status-positive-hover": {
+    "value": "#36a14f",
     "type": "color",
     "path": [
       "semantic-color",
@@ -6082,12 +5396,12 @@ const tokens = {
       "stroke",
       "action",
       "status",
-      "info",
+      "positive",
       "hover"
     ]
   },
-  "semantic-color-midnight-mode-stroke-action-status-info-pressed": {
-    "value": "#5951a0",
+  "semantic-color-midnight-mode-stroke-action-status-positive-pressed": {
+    "value": "#3db856",
     "type": "color",
     "path": [
       "semantic-color",
@@ -6095,7 +5409,7 @@ const tokens = {
       "stroke",
       "action",
       "status",
-      "info",
+      "positive",
       "pressed"
     ]
   },
@@ -6158,6 +5472,18 @@ const tokens = {
       "strong"
     ]
   },
+  "semantic-color-midnight-mode-stroke-static-neutral-mono": {
+    "value": "#ffffff",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "stroke",
+      "static",
+      "neutral",
+      "mono"
+    ]
+  },
   "semantic-color-midnight-mode-stroke-static-info-subtle": {
     "value": "#353063",
     "type": "color",
@@ -7873,6 +7199,15 @@ const tokens = {
       "120"
     ]
   },
+  "primitive-unit-unit-250": {
+    "value": 250,
+    "type": "number",
+    "path": [
+      "primitive-unit",
+      "unit",
+      "250"
+    ]
+  },
   "primitive-unit-unit-0-point-5": {
     "value": 0.5,
     "type": "number",
@@ -8272,24 +7607,6 @@ const tokens = {
       "width"
     ]
   },
-  "contextual-layout-units-selector-borderwidth": {
-    "value": 1,
-    "type": "number",
-    "path": [
-      "contextual-layout-units",
-      "selector",
-      "borderwidth"
-    ]
-  },
-  "contextual-layout-units-field-borderwidth": {
-    "value": 1,
-    "type": "number",
-    "path": [
-      "contextual-layout-units",
-      "field",
-      "borderwidth"
-    ]
-  },
   "contextual-layout-units-navitem-padding-vertical": {
     "value": 12,
     "type": "number",
@@ -8320,25 +7637,6 @@ const tokens = {
       "radius"
     ]
   },
-  "contextual-layout-units-button-corner-radius-radius": {
-    "value": 8,
-    "type": "number",
-    "path": [
-      "contextual-layout-units",
-      "button",
-      "corner-radius",
-      "radius"
-    ]
-  },
-  "contextual-layout-units-button-radius": {
-    "value": 8,
-    "type": "number",
-    "path": [
-      "contextual-layout-units",
-      "button",
-      "radius"
-    ]
-  },
   "contextual-layout-units-button-padding-medium-vertical": {
     "value": 10,
     "type": "number",
@@ -8438,7 +7736,7 @@ const tokens = {
     ]
   },
   "contextual-layout-units-button-border-width-rest": {
-    "value": 0.75,
+    "value": 1,
     "type": "number",
     "path": [
       "contextual-layout-units",
@@ -8447,14 +7745,51 @@ const tokens = {
       "rest"
     ]
   },
-  "contextual-layout-units-button-border-width-hover": {
-    "value": 1,
+  "contextual-layout-units-button-border-width-selected": {
+    "value": 1.5,
     "type": "number",
     "path": [
       "contextual-layout-units",
       "button",
       "border-width",
-      "hover"
+      "selected"
+    ]
+  },
+  "contextual-layout-units-button-radius": {
+    "value": 8,
+    "type": "number",
+    "path": [
+      "contextual-layout-units",
+      "button",
+      "radius"
+    ]
+  },
+  "contextual-layout-units-button-corner-radius-radius": {
+    "value": 8,
+    "type": "number",
+    "path": [
+      "contextual-layout-units",
+      "button",
+      "corner-radius",
+      "radius"
+    ]
+  },
+  "contextual-layout-units-focus-ring-width": {
+    "value": 2,
+    "type": "number",
+    "path": [
+      "contextual-layout-units",
+      "focus-ring",
+      "width"
+    ]
+  },
+  "contextual-layout-units-focus-ring-offset": {
+    "value": 2,
+    "type": "number",
+    "path": [
+      "contextual-layout-units",
+      "focus-ring",
+      "offset"
     ]
   },
   "contextual-layout-units-card-gap": {
@@ -8539,219 +7874,314 @@ const tokens = {
       "cornerradius"
     ]
   },
-  "contextual-layout-units-focus-ring-width": {
-    "value": 2,
+  "contextual-layout-units-sidenav-width-expanded": {
+    "value": 250,
     "type": "number",
     "path": [
       "contextual-layout-units",
-      "focus-ring",
-      "width"
+      "sidenav",
+      "width",
+      "expanded"
     ]
   },
-  "contextual-layout-units-focus-ring-offset": {
-    "value": 2,
+  "contextual-layout-units-sidenav-width-collapsed": {
+    "value": 72,
     "type": "number",
     "path": [
       "contextual-layout-units",
-      "focus-ring",
-      "offset"
+      "sidenav",
+      "width",
+      "collapsed"
+    ]
+  },
+  "contextual-layout-units-sidenav-padding-horizontal-expanded": {
+    "value": 16,
+    "type": "number",
+    "path": [
+      "contextual-layout-units",
+      "sidenav",
+      "padding",
+      "horizontal",
+      "expanded"
+    ]
+  },
+  "contextual-layout-units-sidenav-padding-horizontal-collapsed": {
+    "value": 12,
+    "type": "number",
+    "path": [
+      "contextual-layout-units",
+      "sidenav",
+      "padding",
+      "horizontal",
+      "collapsed"
+    ]
+  },
+  "contextual-layout-units-sidenav-padding-vertical": {
+    "value": 8,
+    "type": "number",
+    "path": [
+      "contextual-layout-units",
+      "sidenav",
+      "padding",
+      "vertical"
+    ]
+  },
+  "contextual-layout-units-sidenav-gap-vertical": {
+    "value": 6,
+    "type": "number",
+    "path": [
+      "contextual-layout-units",
+      "sidenav",
+      "gap",
+      "vertical"
+    ]
+  },
+  "contextual-layout-units-selector-borderwidth": {
+    "value": 1,
+    "type": "number",
+    "path": [
+      "contextual-layout-units",
+      "selector",
+      "borderwidth"
+    ]
+  },
+  "contextual-layout-units-field-borderwidth": {
+    "value": 0.75,
+    "type": "number",
+    "path": [
+      "contextual-layout-units",
+      "field",
+      "borderwidth"
     ]
   },
-  "shell-layout-desktop-1440pt-sheet-padding-top": {
+  "responsive-layout-desktop-1440pt-sheet-padding-top": {
     "value": 16,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "desktop-1440pt",
       "sheet",
       "padding",
       "top"
     ]
   },
-  "shell-layout-desktop-1440pt-sheet-padding-horizontal": {
+  "responsive-layout-desktop-1440pt-sheet-padding-horizontal": {
     "value": 36,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "desktop-1440pt",
       "sheet",
       "padding",
       "horizontal"
     ]
   },
-  "shell-layout-desktop-1440pt-sheet-padding-bottom": {
-    "value": 64,
+  "responsive-layout-desktop-1440pt-sheet-cornerradius-top": {
+    "value": 16,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "desktop-1440pt",
       "sheet",
-      "padding",
-      "bottom"
+      "cornerradius",
+      "top"
     ]
   },
-  "shell-layout-desktop-1440pt-topnav-padding-horizontal": {
+  "responsive-layout-desktop-1440pt-topnav-padding-horizontal": {
     "value": 16,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "desktop-1440pt",
       "topnav",
       "padding",
       "horizontal"
     ]
   },
-  "shell-layout-desktop-1440pt-topnav-padding-vertical": {
+  "responsive-layout-desktop-1440pt-topnav-padding-vertical": {
     "value": 6,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "desktop-1440pt",
       "topnav",
       "padding",
       "vertical"
     ]
   },
-  "shell-layout-desktop-1440pt-topnav-height": {
+  "responsive-layout-desktop-1440pt-topnav-height": {
     "value": 56,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "desktop-1440pt",
       "topnav",
       "height"
     ]
   },
-  "shell-layout-tablet-798pt-sheet-padding-top": {
+  "responsive-layout-desktop-1440pt-topnav-gap-horizontal": {
+    "value": 8,
+    "type": "number",
+    "path": [
+      "responsive-layout",
+      "desktop-1440pt",
+      "topnav",
+      "gap",
+      "horizontal"
+    ]
+  },
+  "responsive-layout-tablet-798pt-sheet-padding-top": {
     "value": 14,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "tablet-798pt",
       "sheet",
       "padding",
       "top"
     ]
   },
-  "shell-layout-tablet-798pt-sheet-padding-horizontal": {
+  "responsive-layout-tablet-798pt-sheet-padding-horizontal": {
     "value": 24,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "tablet-798pt",
       "sheet",
       "padding",
       "horizontal"
     ]
   },
-  "shell-layout-tablet-798pt-sheet-padding-bottom": {
-    "value": 48,
+  "responsive-layout-tablet-798pt-sheet-cornerradius-top": {
+    "value": 12,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "tablet-798pt",
       "sheet",
-      "padding",
-      "bottom"
+      "cornerradius",
+      "top"
     ]
   },
-  "shell-layout-tablet-798pt-topnav-padding-horizontal": {
+  "responsive-layout-tablet-798pt-topnav-padding-horizontal": {
     "value": 12,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "tablet-798pt",
       "topnav",
       "padding",
       "horizontal"
     ]
   },
-  "shell-layout-tablet-798pt-topnav-padding-vertical": {
+  "responsive-layout-tablet-798pt-topnav-padding-vertical": {
     "value": 6,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "tablet-798pt",
       "topnav",
       "padding",
       "vertical"
     ]
   },
-  "shell-layout-tablet-798pt-topnav-height": {
+  "responsive-layout-tablet-798pt-topnav-height": {
     "value": 56,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "tablet-798pt",
       "topnav",
       "height"
     ]
   },
-  "shell-layout-mobile-393pt-sheet-padding-top": {
+  "responsive-layout-tablet-798pt-topnav-gap-horizontal": {
+    "value": 8,
+    "type": "number",
+    "path": [
+      "responsive-layout",
+      "tablet-798pt",
+      "topnav",
+      "gap",
+      "horizontal"
+    ]
+  },
+  "responsive-layout-mobile-393pt-sheet-padding-top": {
     "value": 12,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "mobile-393pt",
       "sheet",
       "padding",
       "top"
     ]
   },
-  "shell-layout-mobile-393pt-sheet-padding-horizontal": {
+  "responsive-layout-mobile-393pt-sheet-padding-horizontal": {
     "value": 16,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "mobile-393pt",
       "sheet",
       "padding",
       "horizontal"
     ]
   },
-  "shell-layout-mobile-393pt-sheet-padding-bottom": {
-    "value": 36,
+  "responsive-layout-mobile-393pt-sheet-cornerradius-top": {
+    "value": 8,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "mobile-393pt",
       "sheet",
-      "padding",
-      "bottom"
+      "cornerradius",
+      "top"
     ]
   },
-  "shell-layout-mobile-393pt-topnav-padding-horizontal": {
+  "responsive-layout-mobile-393pt-topnav-padding-horizontal": {
     "value": 8,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "mobile-393pt",
       "topnav",
       "padding",
       "horizontal"
     ]
   },
-  "shell-layout-mobile-393pt-topnav-padding-vertical": {
+  "responsive-layout-mobile-393pt-topnav-padding-vertical": {
     "value": 6,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "mobile-393pt",
       "topnav",
       "padding",
       "vertical"
     ]
   },
-  "shell-layout-mobile-393pt-topnav-height": {
+  "responsive-layout-mobile-393pt-topnav-height": {
     "value": 56,
     "type": "number",
     "path": [
-      "shell-layout",
+      "responsive-layout",
       "mobile-393pt",
       "topnav",
       "height"
     ]
   },
+  "responsive-layout-mobile-393pt-topnav-gap-horizontal": {
+    "value": 8,
+    "type": "number",
+    "path": [
+      "responsive-layout",
+      "mobile-393pt",
+      "topnav",
+      "gap",
+      "horizontal"
+    ]
+  },
   "motion-duration-1": {
     "value": "100ms",
     "type": "duration",