@helloimjolopez-pathway/pathway-tokens 7.0.0 → 7.0.2

package/dist/tokens.js

@@ -2362,7 +2362,7 @@ const tokens = {
       "trail"
     ]
   },
-  "semantic-color-light-mode-fill-action-status-info-rest": {
+  "semantic-color-light-mode-fill-action-status-info-subtle-rest": {
     "value": "#f4f2fa",
     "type": "color",
     "path": [
@@ -2372,10 +2372,11 @@ const tokens = {
       "action",
       "status",
       "info",
+      "subtle",
       "rest"
     ]
   },
-  "semantic-color-light-mode-fill-action-status-info-hover": {
+  "semantic-color-light-mode-fill-action-status-info-subtle-hover": {
     "value": "#e8e6f5",
     "type": "color",
     "path": [
@@ -2385,10 +2386,11 @@ const tokens = {
       "action",
       "status",
       "info",
+      "subtle",
       "hover"
     ]
   },
-  "semantic-color-light-mode-fill-action-status-info-pressed": {
+  "semantic-color-light-mode-fill-action-status-info-subtle-pressed": {
     "value": "#dcd9ef",
     "type": "color",
     "path": [
@@ -2398,6 +2400,49 @@ const tokens = {
       "action",
       "status",
       "info",
+      "subtle",
+      "pressed"
+    ]
+  },
+  "semantic-color-light-mode-fill-action-status-info-strong-rest": {
+    "value": "#a8a0d8",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "fill",
+      "action",
+      "status",
+      "info",
+      "strong",
+      "rest"
+    ]
+  },
+  "semantic-color-light-mode-fill-action-status-info-strong-hover": {
+    "value": "#9a90d0",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "fill",
+      "action",
+      "status",
+      "info",
+      "strong",
+      "hover"
+    ]
+  },
+  "semantic-color-light-mode-fill-action-status-info-strong-pressed": {
+    "value": "#877ec8",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "fill",
+      "action",
+      "status",
+      "info",
+      "strong",
       "pressed"
     ]
   },
@@ -2485,7 +2530,7 @@ const tokens = {
       "pressed"
     ]
   },
-  "semantic-color-light-mode-fill-action-status-attention-rest": {
+  "semantic-color-light-mode-fill-action-status-attention-subtle-rest": {
     "value": "#fef2de",
     "type": "color",
     "path": [
@@ -2495,10 +2540,11 @@ const tokens = {
       "action",
       "status",
       "attention",
+      "subtle",
       "rest"
     ]
   },
-  "semantic-color-light-mode-fill-action-status-attention-hover": {
+  "semantic-color-light-mode-fill-action-status-attention-subtle-hover": {
     "value": "#fee2b3",
     "type": "color",
     "path": [
@@ -2508,10 +2554,11 @@ const tokens = {
       "action",
       "status",
       "attention",
+      "subtle",
       "hover"
     ]
   },
-  "semantic-color-light-mode-fill-action-status-attention-pressed": {
+  "semantic-color-light-mode-fill-action-status-attention-subtle-pressed": {
     "value": "#fed897",
     "type": "color",
     "path": [
@@ -2521,10 +2568,53 @@ const tokens = {
       "action",
       "status",
       "attention",
+      "subtle",
       "pressed"
     ]
   },
-  "semantic-color-light-mode-fill-action-status-severe-rest": {
+  "semantic-color-light-mode-fill-action-status-attention-strong-rest": {
+    "value": "#ffc864",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "fill",
+      "action",
+      "status",
+      "attention",
+      "strong",
+      "rest"
+    ]
+  },
+  "semantic-color-light-mode-fill-action-status-attention-strong-hover": {
+    "value": "#eab655",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "fill",
+      "action",
+      "status",
+      "attention",
+      "strong",
+      "hover"
+    ]
+  },
+  "semantic-color-light-mode-fill-action-status-attention-strong-pressed": {
+    "value": "#bf9342",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "fill",
+      "action",
+      "status",
+      "attention",
+      "strong",
+      "pressed"
+    ]
+  },
+  "semantic-color-light-mode-fill-action-status-severe-subtle-rest": {
     "value": "#f9e2d6",
     "type": "color",
     "path": [
@@ -2534,10 +2624,11 @@ const tokens = {
       "action",
       "status",
       "severe",
+      "subtle",
       "rest"
     ]
   },
-  "semantic-color-light-mode-fill-action-status-severe-hover": {
+  "semantic-color-light-mode-fill-action-status-severe-subtle-hover": {
     "value": "#f9d2bc",
     "type": "color",
     "path": [
@@ -2547,10 +2638,11 @@ const tokens = {
       "action",
       "status",
       "severe",
+      "subtle",
       "hover"
     ]
   },
-  "semantic-color-light-mode-fill-action-status-severe-pressed": {
+  "semantic-color-light-mode-fill-action-status-severe-subtle-pressed": {
     "value": "#fabd9d",
     "type": "color",
     "path": [
@@ -2560,6 +2652,49 @@ const tokens = {
       "action",
       "status",
       "severe",
+      "subtle",
+      "pressed"
+    ]
+  },
+  "semantic-color-light-mode-fill-action-status-severe-strong-rest": {
+    "value": "#f97b38",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "fill",
+      "action",
+      "status",
+      "severe",
+      "strong",
+      "rest"
+    ]
+  },
+  "semantic-color-light-mode-fill-action-status-severe-strong-hover": {
+    "value": "#f56618",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "fill",
+      "action",
+      "status",
+      "severe",
+      "strong",
+      "hover"
+    ]
+  },
+  "semantic-color-light-mode-fill-action-status-severe-strong-pressed": {
+    "value": "#e1580e",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "fill",
+      "action",
+      "status",
+      "severe",
+      "strong",
       "pressed"
     ]
   },
@@ -2696,7 +2831,7 @@ const tokens = {
     ]
   },
   "semantic-color-light-mode-fill-static-neutral-strong": {
-    "value": "#cbc6be",
+    "value": "#1e1c1a",
     "type": "color",
     "path": [
       "semantic-color",
@@ -2707,6 +2842,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",
@@ -3053,6 +3200,18 @@ const tokens = {
       "pressed"
     ]
   },
+  "semantic-color-light-mode-foreground-action-primary-on-strong": {
+    "value": "#ffffff",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "foreground",
+      "action",
+      "primary",
+      "on-strong"
+    ]
+  },
   "semantic-color-light-mode-foreground-action-secondary-rest": {
     "value": "#3d3d3d",
     "type": "color",
@@ -3170,6 +3329,19 @@ const tokens = {
       "pressed"
     ]
   },
+  "semantic-color-light-mode-foreground-action-status-info-on-strong": {
+    "value": "#070707",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "foreground",
+      "action",
+      "status",
+      "info",
+      "on-strong"
+    ]
+  },
   "semantic-color-light-mode-foreground-action-status-positive-on-subtle-rest": {
     "value": "#174f26",
     "type": "color",
@@ -3212,6 +3384,19 @@ const tokens = {
       "pressed"
     ]
   },
+  "semantic-color-light-mode-foreground-action-status-positive-on-strong": {
+    "value": "#ffffff",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "foreground",
+      "action",
+      "status",
+      "positive",
+      "on-strong"
+    ]
+  },
   "semantic-color-light-mode-foreground-action-status-attention-on-subtle-rest": {
     "value": "#342d21",
     "type": "color",
@@ -3254,6 +3439,19 @@ const tokens = {
       "pressed"
     ]
   },
+  "semantic-color-light-mode-foreground-action-status-attention-on-strong": {
+    "value": "#070707",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "foreground",
+      "action",
+      "status",
+      "attention",
+      "on-strong"
+    ]
+  },
   "semantic-color-light-mode-foreground-action-status-severe-on-subtle-rest": {
     "value": "#72300c",
     "type": "color",
@@ -3296,6 +3494,19 @@ const tokens = {
       "pressed"
     ]
   },
+  "semantic-color-light-mode-foreground-action-status-severe-on-strong": {
+    "value": "#070707",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "foreground",
+      "action",
+      "status",
+      "severe",
+      "on-strong"
+    ]
+  },
   "semantic-color-light-mode-foreground-action-status-negative-on-subtle-rest": {
     "value": "#722121",
     "type": "color",
@@ -3338,6 +3549,19 @@ const tokens = {
       "pressed"
     ]
   },
+  "semantic-color-light-mode-foreground-action-status-negative-on-strong": {
+    "value": "#ffffff",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "light-mode",
+      "foreground",
+      "action",
+      "status",
+      "negative",
+      "on-strong"
+    ]
+  },
   "semantic-color-light-mode-foreground-static-neutral-mono": {
     "value": "#ffffff",
     "type": "color",
@@ -4031,6 +4255,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,7 +4725,7 @@ const tokens = {
       "trail"
     ]
   },
-  "semantic-color-midnight-mode-fill-action-status-info-rest": {
+  "semantic-color-midnight-mode-fill-action-status-info-subtle-rest": {
     "value": "#353063",
     "type": "color",
     "path": [
@@ -4499,10 +4735,11 @@ const tokens = {
       "action",
       "status",
       "info",
+      "subtle",
       "rest"
     ]
   },
-  "semantic-color-midnight-mode-fill-action-status-info-hover": {
+  "semantic-color-midnight-mode-fill-action-status-info-subtle-hover": {
     "value": "#464080",
     "type": "color",
     "path": [
@@ -4512,10 +4749,11 @@ const tokens = {
       "action",
       "status",
       "info",
+      "subtle",
       "hover"
     ]
   },
-  "semantic-color-midnight-mode-fill-action-status-info-pressed": {
+  "semantic-color-midnight-mode-fill-action-status-info-subtle-pressed": {
     "value": "#5951a0",
     "type": "color",
     "path": [
@@ -4525,6 +4763,49 @@ const tokens = {
       "action",
       "status",
       "info",
+      "subtle",
+      "pressed"
+    ]
+  },
+  "semantic-color-midnight-mode-fill-action-status-info-strong-rest": {
+    "value": "#a8a0d8",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "fill",
+      "action",
+      "status",
+      "info",
+      "strong",
+      "rest"
+    ]
+  },
+  "semantic-color-midnight-mode-fill-action-status-info-strong-hover": {
+    "value": "#9a90d0",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "fill",
+      "action",
+      "status",
+      "info",
+      "strong",
+      "hover"
+    ]
+  },
+  "semantic-color-midnight-mode-fill-action-status-info-strong-pressed": {
+    "value": "#877ec8",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "fill",
+      "action",
+      "status",
+      "info",
+      "strong",
       "pressed"
     ]
   },
@@ -4612,7 +4893,7 @@ const tokens = {
       "pressed"
     ]
   },
-  "semantic-color-midnight-mode-fill-action-status-attention-rest": {
+  "semantic-color-midnight-mode-fill-action-status-attention-subtle-rest": {
     "value": "#342d21",
     "type": "color",
     "path": [
@@ -4622,10 +4903,11 @@ const tokens = {
       "action",
       "status",
       "attention",
+      "subtle",
       "rest"
     ]
   },
-  "semantic-color-midnight-mode-fill-action-status-attention-hover": {
+  "semantic-color-midnight-mode-fill-action-status-attention-subtle-hover": {
     "value": "#6d5936",
     "type": "color",
     "path": [
@@ -4635,10 +4917,11 @@ const tokens = {
       "action",
       "status",
       "attention",
+      "subtle",
       "hover"
     ]
   },
-  "semantic-color-midnight-mode-fill-action-status-attention-pressed": {
+  "semantic-color-midnight-mode-fill-action-status-attention-subtle-pressed": {
     "value": "#91723b",
     "type": "color",
     "path": [
@@ -4648,10 +4931,53 @@ const tokens = {
       "action",
       "status",
       "attention",
+      "subtle",
       "pressed"
     ]
   },
-  "semantic-color-midnight-mode-fill-action-status-severe-rest": {
+  "semantic-color-midnight-mode-fill-action-status-attention-strong-rest": {
+    "value": "#eab655",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "fill",
+      "action",
+      "status",
+      "attention",
+      "strong",
+      "rest"
+    ]
+  },
+  "semantic-color-midnight-mode-fill-action-status-attention-strong-hover": {
+    "value": "#bf9342",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "fill",
+      "action",
+      "status",
+      "attention",
+      "strong",
+      "hover"
+    ]
+  },
+  "semantic-color-midnight-mode-fill-action-status-attention-strong-pressed": {
+    "value": "#aa843e",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "fill",
+      "action",
+      "status",
+      "attention",
+      "strong",
+      "pressed"
+    ]
+  },
+  "semantic-color-midnight-mode-fill-action-status-severe-subtle-rest": {
     "value": "#59270c",
     "type": "color",
     "path": [
@@ -4661,10 +4987,11 @@ const tokens = {
       "action",
       "status",
       "severe",
+      "subtle",
       "rest"
     ]
   },
-  "semantic-color-midnight-mode-fill-action-status-severe-hover": {
+  "semantic-color-midnight-mode-fill-action-status-severe-subtle-hover": {
     "value": "#72300c",
     "type": "color",
     "path": [
@@ -4674,10 +5001,11 @@ const tokens = {
       "action",
       "status",
       "severe",
+      "subtle",
       "hover"
     ]
   },
-  "semantic-color-midnight-mode-fill-action-status-severe-pressed": {
+  "semantic-color-midnight-mode-fill-action-status-severe-subtle-pressed": {
     "value": "#8d380b",
     "type": "color",
     "path": [
@@ -4687,6 +5015,49 @@ const tokens = {
       "action",
       "status",
       "severe",
+      "subtle",
+      "pressed"
+    ]
+  },
+  "semantic-color-midnight-mode-fill-action-status-severe-strong-rest": {
+    "value": "#fe9156",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "fill",
+      "action",
+      "status",
+      "severe",
+      "strong",
+      "rest"
+    ]
+  },
+  "semantic-color-midnight-mode-fill-action-status-severe-strong-hover": {
+    "value": "#f97b38",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "fill",
+      "action",
+      "status",
+      "severe",
+      "strong",
+      "hover"
+    ]
+  },
+  "semantic-color-midnight-mode-fill-action-status-severe-strong-pressed": {
+    "value": "#f56618",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "fill",
+      "action",
+      "status",
+      "severe",
+      "strong",
       "pressed"
     ]
   },
@@ -4823,7 +5194,7 @@ const tokens = {
     ]
   },
   "semantic-color-midnight-mode-fill-static-neutral-strong": {
-    "value": "#57534e",
+    "value": "#d8d3cd",
     "type": "color",
     "path": [
       "semantic-color",
@@ -4834,6 +5205,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",
@@ -5176,8 +5559,20 @@ const tokens = {
       "foreground",
       "action",
       "primary",
-      "on-subtle",
-      "pressed"
+      "on-subtle",
+      "pressed"
+    ]
+  },
+  "semantic-color-midnight-mode-foreground-action-primary-on-strong": {
+    "value": "#070707",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "foreground",
+      "action",
+      "primary",
+      "on-strong"
     ]
   },
   "semantic-color-midnight-mode-foreground-action-secondary-rest": {
@@ -5297,6 +5692,19 @@ const tokens = {
       "pressed"
     ]
   },
+  "semantic-color-midnight-mode-foreground-action-status-info-on-strong": {
+    "value": "#070707",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "foreground",
+      "action",
+      "status",
+      "info",
+      "on-strong"
+    ]
+  },
   "semantic-color-midnight-mode-foreground-action-status-positive-on-subtle-rest": {
     "value": "#3db856",
     "type": "color",
@@ -5339,6 +5747,19 @@ const tokens = {
       "pressed"
     ]
   },
+  "semantic-color-midnight-mode-foreground-action-status-positive-on-strong": {
+    "value": "#070707",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "foreground",
+      "action",
+      "status",
+      "positive",
+      "on-strong"
+    ]
+  },
   "semantic-color-midnight-mode-foreground-action-status-attention-on-subtle-rest": {
     "value": "#bf9342",
     "type": "color",
@@ -5381,6 +5802,19 @@ const tokens = {
       "pressed"
     ]
   },
+  "semantic-color-midnight-mode-foreground-action-status-attention-on-strong": {
+    "value": "#070707",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "foreground",
+      "action",
+      "status",
+      "attention",
+      "on-strong"
+    ]
+  },
   "semantic-color-midnight-mode-foreground-action-status-severe-on-subtle-rest": {
     "value": "#f97b38",
     "type": "color",
@@ -5423,6 +5857,19 @@ const tokens = {
       "pressed"
     ]
   },
+  "semantic-color-midnight-mode-foreground-action-status-severe-on-strong": {
+    "value": "#070707",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "foreground",
+      "action",
+      "status",
+      "severe",
+      "on-strong"
+    ]
+  },
   "semantic-color-midnight-mode-foreground-action-status-negative-on-subtle-rest": {
     "value": "#d98686",
     "type": "color",
@@ -5465,6 +5912,19 @@ const tokens = {
       "pressed"
     ]
   },
+  "semantic-color-midnight-mode-foreground-action-status-negative-on-strong": {
+    "value": "#070707",
+    "type": "color",
+    "path": [
+      "semantic-color",
+      "midnight-mode",
+      "foreground",
+      "action",
+      "status",
+      "negative",
+      "on-strong"
+    ]
+  },
   "semantic-color-midnight-mode-foreground-static-neutral-mono": {
     "value": "#ffffff",
     "type": "color",
@@ -6158,6 +6618,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 +8345,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 +8753,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 +8783,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",
@@ -8457,6 +8901,43 @@ const tokens = {
       "hover"
     ]
   },
+  "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": {
     "value": 8,
     "type": "number",
@@ -8539,219 +9020,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",