@mittwald/flow-design-tokens 0.1.0-alpha.358 → 0.1.0-alpha.360

package/dist/variables.json

@@ -4299,25 +4299,6 @@
       }
     }
   },
-  "context-menu": {
-    "padding": {
-      "value": "8px",
-      "filePath": "src/actions/context-menu.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.s}"
-      },
-      "name": "ContextMenuPadding",
-      "attributes": {
-        "category": "context-menu",
-        "type": "padding"
-      },
-      "path": [
-        "context-menu",
-        "padding"
-      ]
-    }
-  },
   "image-button": {
     "brightness": {
       "hover": {
@@ -4377,340 +4358,6 @@
       ]
     }
   },
-  "menu": {
-    "item-to-item-spacing": {
-      "value": "4px",
-      "filePath": "src/actions/menu-item.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.xs}"
-      },
-      "name": "MenuItemToItemSpacing",
-      "attributes": {
-        "category": "menu",
-        "type": "item-to-item-spacing"
-      },
-      "path": [
-        "menu",
-        "item-to-item-spacing"
-      ]
-    },
-    "group-to-group-spacing": {
-      "value": "16px",
-      "filePath": "src/actions/menu-item.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.m}"
-      },
-      "name": "MenuGroupToGroupSpacing",
-      "attributes": {
-        "category": "menu",
-        "type": "group-to-group-spacing"
-      },
-      "path": [
-        "menu",
-        "group-to-group-spacing"
-      ]
-    },
-    "label-to-group-spacing": {
-      "value": "4px",
-      "filePath": "src/actions/menu-item.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.xs}"
-      },
-      "name": "MenuLabelToGroupSpacing",
-      "attributes": {
-        "category": "menu",
-        "type": "label-to-group-spacing"
-      },
-      "path": [
-        "menu",
-        "label-to-group-spacing"
-      ]
-    },
-    "separator-to-item-spacing": {
-      "value": "8px",
-      "filePath": "src/actions/menu-item.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.s}"
-      },
-      "name": "MenuSeparatorToItemSpacing",
-      "attributes": {
-        "category": "menu",
-        "type": "separator-to-item-spacing"
-      },
-      "path": [
-        "menu",
-        "separator-to-item-spacing"
-      ]
-    }
-  },
-  "menu-item": {
-    "font-weight": {
-      "current": {
-        "value": "bold",
-        "filePath": "src/actions/menu-item.yml",
-        "isSource": true,
-        "original": {
-          "value": "{font-weight.bold}"
-        },
-        "name": "MenuItemFontWeightCurrent",
-        "attributes": {
-          "category": "menu-item",
-          "type": "font-weight",
-          "item": "current"
-        },
-        "path": [
-          "menu-item",
-          "font-weight",
-          "current"
-        ]
-      }
-    },
-    "corner-radius": {
-      "value": "4px",
-      "filePath": "src/actions/menu-item.yml",
-      "isSource": true,
-      "original": {
-        "value": "{corner-radius.default}"
-      },
-      "name": "MenuItemCornerRadius",
-      "attributes": {
-        "category": "menu-item",
-        "type": "corner-radius"
-      },
-      "path": [
-        "menu-item",
-        "corner-radius"
-      ]
-    },
-    "padding-x": {
-      "value": "8px",
-      "filePath": "src/actions/menu-item.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.s}"
-      },
-      "name": "MenuItemPaddingX",
-      "attributes": {
-        "category": "menu-item",
-        "type": "padding-x"
-      },
-      "path": [
-        "menu-item",
-        "padding-x"
-      ]
-    },
-    "padding-y": {
-      "value": "4px",
-      "filePath": "src/actions/menu-item.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.xs}"
-      },
-      "name": "MenuItemPaddingY",
-      "attributes": {
-        "category": "menu-item",
-        "type": "padding-y"
-      },
-      "path": [
-        "menu-item",
-        "padding-y"
-      ]
-    },
-    "icon-to-text-spacing": {
-      "value": "0.5rem",
-      "filePath": "src/actions/menu-item.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-rem.s}"
-      },
-      "name": "MenuItemIconToTextSpacing",
-      "attributes": {
-        "category": "menu-item",
-        "type": "icon-to-text-spacing"
-      },
-      "path": [
-        "menu-item",
-        "icon-to-text-spacing"
-      ]
-    },
-    "color": {
-      "current": {
-        "value": "#0054F5",
-        "filePath": "src/actions/menu-item.yml",
-        "isSource": true,
-        "original": {
-          "value": "{primary.color.800}"
-        },
-        "name": "MenuItemColorCurrent",
-        "attributes": {
-          "category": "menu-item",
-          "type": "color",
-          "item": "current"
-        },
-        "path": [
-          "menu-item",
-          "color",
-          "current"
-        ]
-      }
-    },
-    "icon-color": {
-      "default": {
-        "value": "#6D6D6D",
-        "filePath": "src/actions/menu-item.yml",
-        "isSource": true,
-        "original": {
-          "value": "{neutral.color.800}"
-        },
-        "name": "MenuItemIconColorDefault",
-        "attributes": {
-          "category": "menu-item",
-          "type": "icon-color",
-          "item": "default"
-        },
-        "path": [
-          "menu-item",
-          "icon-color",
-          "default"
-        ]
-      },
-      "disabled": {
-        "value": "#E6E6E6",
-        "filePath": "src/actions/menu-item.yml",
-        "isSource": true,
-        "original": {
-          "value": "{disabled-plain-content-color}"
-        },
-        "name": "MenuItemIconColorDisabled",
-        "attributes": {
-          "category": "menu-item",
-          "type": "icon-color",
-          "item": "disabled"
-        },
-        "path": [
-          "menu-item",
-          "icon-color",
-          "disabled"
-        ]
-      },
-      "current": {
-        "value": "#0054F5",
-        "filePath": "src/actions/menu-item.yml",
-        "isSource": true,
-        "original": {
-          "value": "{primary.color.800}"
-        },
-        "name": "MenuItemIconColorCurrent",
-        "attributes": {
-          "category": "menu-item",
-          "type": "icon-color",
-          "item": "current"
-        },
-        "path": [
-          "menu-item",
-          "icon-color",
-          "current"
-        ]
-      }
-    },
-    "background-color": {
-      "default": {
-        "value": "transparent",
-        "filePath": "src/actions/menu-item.yml",
-        "isSource": true,
-        "original": {
-          "value": "{color.transparent}"
-        },
-        "name": "MenuItemBackgroundColorDefault",
-        "attributes": {
-          "category": "menu-item",
-          "type": "background-color",
-          "item": "default"
-        },
-        "path": [
-          "menu-item",
-          "background-color",
-          "default"
-        ]
-      },
-      "hover": {
-        "value": "#F0F5FF",
-        "filePath": "src/actions/menu-item.yml",
-        "isSource": true,
-        "original": {
-          "value": "{primary-plain-background-color.hover}"
-        },
-        "name": "MenuItemBackgroundColorHover",
-        "attributes": {
-          "category": "menu-item",
-          "type": "background-color",
-          "item": "hover"
-        },
-        "path": [
-          "menu-item",
-          "background-color",
-          "hover"
-        ]
-      },
-      "current": {
-        "value": "#E0EBFF",
-        "filePath": "src/actions/menu-item.yml",
-        "isSource": true,
-        "original": {
-          "value": "{primary-plain-background-color.pressed}"
-        },
-        "name": "MenuItemBackgroundColorCurrent",
-        "attributes": {
-          "category": "menu-item",
-          "type": "background-color",
-          "item": "current"
-        },
-        "path": [
-          "menu-item",
-          "background-color",
-          "current"
-        ]
-      }
-    },
-    "disabled-background-color": {
-      "value": "transparent",
-      "filePath": "src/actions/menu-item.yml",
-      "isSource": true,
-      "original": {
-        "value": "{disabled-plain-background-color}"
-      },
-      "name": "MenuItemDisabledBackgroundColor",
-      "attributes": {
-        "category": "menu-item",
-        "type": "disabled-background-color"
-      },
-      "path": [
-        "menu-item",
-        "disabled-background-color"
-      ]
-    },
-    "disabled-color": {
-      "value": "#E6E6E6",
-      "filePath": "src/actions/menu-item.yml",
-      "isSource": true,
-      "original": {
-        "value": "{disabled-plain-content-color}"
-      },
-      "name": "MenuItemDisabledColor",
-      "attributes": {
-        "category": "menu-item",
-        "type": "disabled-color"
-      },
-      "path": [
-        "menu-item",
-        "disabled-color"
-      ]
-    }
-  },
   "corner-radius": {
     "default": {
       "value": "4px",
@@ -13499,52 +13146,173 @@
       "filePath": "src/content/labeled-value.yml",
       "isSource": true,
       "original": {
-        "value": "{size-rem.xxs}"
+        "value": "{size-rem.xxs}"
+      },
+      "name": "LabeledValueLabelToValueSpacing",
+      "attributes": {
+        "category": "labeled-value",
+        "type": "label-to-value-spacing"
+      },
+      "path": [
+        "labeled-value",
+        "label-to-value-spacing"
+      ]
+    },
+    "value-to-action-spacing": {
+      "value": "0.25rem",
+      "filePath": "src/content/labeled-value.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.xs}"
+      },
+      "name": "LabeledValueValueToActionSpacing",
+      "attributes": {
+        "category": "labeled-value",
+        "type": "value-to-action-spacing"
+      },
+      "path": [
+        "labeled-value",
+        "value-to-action-spacing"
+      ]
+    }
+  },
+  "markdown": {
+    "spacing": {
+      "value": "1rem",
+      "filePath": "src/content/markdown.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.m}"
+      },
+      "name": "MarkdownSpacing",
+      "attributes": {
+        "category": "markdown",
+        "type": "spacing"
+      },
+      "path": [
+        "markdown",
+        "spacing"
+      ]
+    }
+  },
+  "message": {
+    "corner-radius": {
+      "value": "4px",
+      "filePath": "src/content/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{corner-radius.default}"
+      },
+      "name": "MessageCornerRadius",
+      "attributes": {
+        "category": "message",
+        "type": "corner-radius"
+      },
+      "path": [
+        "message",
+        "corner-radius"
+      ]
+    },
+    "padding-y": {
+      "value": "8px",
+      "filePath": "src/content/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.s}"
       },
-      "name": "LabeledValueLabelToValueSpacing",
+      "name": "MessagePaddingY",
       "attributes": {
-        "category": "labeled-value",
-        "type": "label-to-value-spacing"
+        "category": "message",
+        "type": "padding-y"
       },
       "path": [
-        "labeled-value",
-        "label-to-value-spacing"
+        "message",
+        "padding-y"
       ]
     },
-    "value-to-action-spacing": {
-      "value": "0.25rem",
-      "filePath": "src/content/labeled-value.yml",
+    "padding-x": {
+      "value": "16px",
+      "filePath": "src/content/message.yml",
       "isSource": true,
       "original": {
-        "value": "{size-rem.xs}"
+        "value": "{size-px.m}"
       },
-      "name": "LabeledValueValueToActionSpacing",
+      "name": "MessagePaddingX",
       "attributes": {
-        "category": "labeled-value",
-        "type": "value-to-action-spacing"
+        "category": "message",
+        "type": "padding-x"
       },
       "path": [
-        "labeled-value",
-        "value-to-action-spacing"
+        "message",
+        "padding-x"
       ]
-    }
-  },
-  "markdown": {
-    "spacing": {
+    },
+    "spacing-y": {
+      "value": "0.5rem",
+      "filePath": "src/content/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.s}"
+      },
+      "name": "MessageSpacingY",
+      "attributes": {
+        "category": "message",
+        "type": "spacing-y"
+      },
+      "path": [
+        "message",
+        "spacing-y"
+      ]
+    },
+    "spacing-x": {
       "value": "1rem",
-      "filePath": "src/content/markdown.yml",
+      "filePath": "src/content/message.yml",
       "isSource": true,
       "original": {
         "value": "{size-rem.m}"
       },
-      "name": "MarkdownSpacing",
+      "name": "MessageSpacingX",
       "attributes": {
-        "category": "markdown",
-        "type": "spacing"
+        "category": "message",
+        "type": "spacing-x"
       },
       "path": [
-        "markdown",
-        "spacing"
+        "message",
+        "spacing-x"
+      ]
+    },
+    "background-color-responder": {
+      "value": "#E6E6E6",
+      "filePath": "src/content/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.gray.400}"
+      },
+      "name": "MessageBackgroundColorResponder",
+      "attributes": {
+        "category": "message",
+        "type": "background-color-responder"
+      },
+      "path": [
+        "message",
+        "background-color-responder"
+      ]
+    },
+    "background-color-sender": {
+      "value": "#E0EBFF",
+      "filePath": "src/content/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.hosting-blue.200}"
+      },
+      "name": "MessageBackgroundColorSender",
+      "attributes": {
+        "category": "message",
+        "type": "background-color-sender"
+      },
+      "path": [
+        "message",
+        "background-color-sender"
       ]
     }
   },
@@ -15454,188 +15222,297 @@
         ]
       }
     },
-    "handle-background-color": {
+    "handle-background-color": {
+      "default": {
+        "value": "#FFFFFF",
+        "filePath": "src/form/switch.yml",
+        "isSource": true,
+        "original": {
+          "value": "{neutral.color.100}"
+        },
+        "name": "SwitchHandleBackgroundColorDefault",
+        "attributes": {
+          "category": "switch",
+          "type": "handle-background-color",
+          "item": "default"
+        },
+        "path": [
+          "switch",
+          "handle-background-color",
+          "default"
+        ]
+      },
+      "disabled": {
+        "value": "#F8F8F8",
+        "filePath": "src/form/switch.yml",
+        "isSource": true,
+        "original": {
+          "value": "{neutral.color.300}"
+        },
+        "name": "SwitchHandleBackgroundColorDisabled",
+        "attributes": {
+          "category": "switch",
+          "type": "handle-background-color",
+          "item": "disabled"
+        },
+        "path": [
+          "switch",
+          "handle-background-color",
+          "disabled"
+        ]
+      }
+    },
+    "handle-size": {
+      "value": "1.25rem",
+      "filePath": "src/form/switch.yml",
+      "isSource": true,
+      "original": {
+        "value": "1.25rem"
+      },
+      "name": "SwitchHandleSize",
+      "attributes": {
+        "category": "switch",
+        "type": "handle-size"
+      },
+      "path": [
+        "switch",
+        "handle-size"
+      ]
+    }
+  },
+  "time-field": {
+    "date-segment-background-color": {
+      "focused": {
+        "value": "#E0EBFF",
+        "filePath": "src/form/time-field.yml",
+        "isSource": true,
+        "original": {
+          "value": "{primary-plain-background-color.pressed}"
+        },
+        "name": "TimeFieldDateSegmentBackgroundColorFocused",
+        "attributes": {
+          "category": "time-field",
+          "type": "date-segment-background-color",
+          "item": "focused"
+        },
+        "path": [
+          "time-field",
+          "date-segment-background-color",
+          "focused"
+        ]
+      }
+    },
+    "date-segment-corner-radius": {
+      "value": "4px",
+      "filePath": "src/form/time-field.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.xs}"
+      },
+      "name": "TimeFieldDateSegmentCornerRadius",
+      "attributes": {
+        "category": "time-field",
+        "type": "date-segment-corner-radius"
+      },
+      "path": [
+        "time-field",
+        "date-segment-corner-radius"
+      ]
+    }
+  },
+  "breadcrumb": {
+    "color-primary": {
+      "default": {
+        "value": "#002A7B",
+        "filePath": "src/navigation/breadcrumb.yml",
+        "isSource": true,
+        "original": {
+          "value": "{primary.color.1000}"
+        },
+        "name": "BreadcrumbColorPrimaryDefault",
+        "attributes": {
+          "category": "breadcrumb",
+          "type": "color-primary",
+          "item": "default"
+        },
+        "path": [
+          "breadcrumb",
+          "color-primary",
+          "default"
+        ]
+      },
+      "hover": {
+        "value": "#003FB8",
+        "filePath": "src/navigation/breadcrumb.yml",
+        "isSource": true,
+        "original": {
+          "value": "{primary.color.900}"
+        },
+        "name": "BreadcrumbColorPrimaryHover",
+        "attributes": {
+          "category": "breadcrumb",
+          "type": "color-primary",
+          "item": "hover"
+        },
+        "path": [
+          "breadcrumb",
+          "color-primary",
+          "hover"
+        ]
+      },
+      "pressed": {
+        "value": "#0054F5",
+        "filePath": "src/navigation/breadcrumb.yml",
+        "isSource": true,
+        "original": {
+          "value": "{primary.color.800}"
+        },
+        "name": "BreadcrumbColorPrimaryPressed",
+        "attributes": {
+          "category": "breadcrumb",
+          "type": "color-primary",
+          "item": "pressed"
+        },
+        "path": [
+          "breadcrumb",
+          "color-primary",
+          "pressed"
+        ]
+      }
+    },
+    "color-light": {
+      "default": {
+        "value": "rgb(255 255 255 / 100%)",
+        "filePath": "src/navigation/breadcrumb.yml",
+        "isSource": true,
+        "original": {
+          "value": "{light.color.800}"
+        },
+        "name": "BreadcrumbColorLightDefault",
+        "attributes": {
+          "category": "breadcrumb",
+          "type": "color-light",
+          "item": "default"
+        },
+        "path": [
+          "breadcrumb",
+          "color-light",
+          "default"
+        ]
+      },
+      "hover": {
+        "value": "rgb(255 255 255 / 87.5%)",
+        "filePath": "src/navigation/breadcrumb.yml",
+        "isSource": true,
+        "original": {
+          "value": "{light.color.700}"
+        },
+        "name": "BreadcrumbColorLightHover",
+        "attributes": {
+          "category": "breadcrumb",
+          "type": "color-light",
+          "item": "hover"
+        },
+        "path": [
+          "breadcrumb",
+          "color-light",
+          "hover"
+        ]
+      },
+      "pressed": {
+        "value": "rgb(255 255 255 / 75%)",
+        "filePath": "src/navigation/breadcrumb.yml",
+        "isSource": true,
+        "original": {
+          "value": "{light.color.600}"
+        },
+        "name": "BreadcrumbColorLightPressed",
+        "attributes": {
+          "category": "breadcrumb",
+          "type": "color-light",
+          "item": "pressed"
+        },
+        "path": [
+          "breadcrumb",
+          "color-light",
+          "pressed"
+        ]
+      }
+    },
+    "color-dark": {
       "default": {
-        "value": "#FFFFFF",
-        "filePath": "src/form/switch.yml",
+        "value": "rgb(0 0 0 / 100%)",
+        "filePath": "src/navigation/breadcrumb.yml",
         "isSource": true,
         "original": {
-          "value": "{neutral.color.100}"
+          "value": "{dark.color.800}"
         },
-        "name": "SwitchHandleBackgroundColorDefault",
+        "name": "BreadcrumbColorDarkDefault",
         "attributes": {
-          "category": "switch",
-          "type": "handle-background-color",
+          "category": "breadcrumb",
+          "type": "color-dark",
           "item": "default"
         },
         "path": [
-          "switch",
-          "handle-background-color",
+          "breadcrumb",
+          "color-dark",
           "default"
         ]
       },
-      "disabled": {
-        "value": "#F8F8F8",
-        "filePath": "src/form/switch.yml",
+      "hover": {
+        "value": "rgb(0 0 0 / 87.5%)",
+        "filePath": "src/navigation/breadcrumb.yml",
         "isSource": true,
         "original": {
-          "value": "{neutral.color.300}"
+          "value": "{dark.color.700}"
         },
-        "name": "SwitchHandleBackgroundColorDisabled",
+        "name": "BreadcrumbColorDarkHover",
         "attributes": {
-          "category": "switch",
-          "type": "handle-background-color",
-          "item": "disabled"
+          "category": "breadcrumb",
+          "type": "color-dark",
+          "item": "hover"
         },
         "path": [
-          "switch",
-          "handle-background-color",
-          "disabled"
+          "breadcrumb",
+          "color-dark",
+          "hover"
         ]
-      }
-    },
-    "handle-size": {
-      "value": "1.25rem",
-      "filePath": "src/form/switch.yml",
-      "isSource": true,
-      "original": {
-        "value": "1.25rem"
-      },
-      "name": "SwitchHandleSize",
-      "attributes": {
-        "category": "switch",
-        "type": "handle-size"
       },
-      "path": [
-        "switch",
-        "handle-size"
-      ]
-    }
-  },
-  "time-field": {
-    "date-segment-background-color": {
-      "focused": {
-        "value": "#E0EBFF",
-        "filePath": "src/form/time-field.yml",
+      "pressed": {
+        "value": "rgb(0 0 0 / 75%)",
+        "filePath": "src/navigation/breadcrumb.yml",
         "isSource": true,
         "original": {
-          "value": "{primary-plain-background-color.pressed}"
+          "value": "{dark.color.600}"
         },
-        "name": "TimeFieldDateSegmentBackgroundColorFocused",
+        "name": "BreadcrumbColorDarkPressed",
         "attributes": {
-          "category": "time-field",
-          "type": "date-segment-background-color",
-          "item": "focused"
+          "category": "breadcrumb",
+          "type": "color-dark",
+          "item": "pressed"
         },
         "path": [
-          "time-field",
-          "date-segment-background-color",
-          "focused"
+          "breadcrumb",
+          "color-dark",
+          "pressed"
         ]
       }
     },
-    "date-segment-corner-radius": {
-      "value": "4px",
-      "filePath": "src/form/time-field.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.xs}"
-      },
-      "name": "TimeFieldDateSegmentCornerRadius",
-      "attributes": {
-        "category": "time-field",
-        "type": "date-segment-corner-radius"
-      },
-      "path": [
-        "time-field",
-        "date-segment-corner-radius"
-      ]
-    }
-  },
-  "breadcrumb-item": {
-    "color": {
-      "value": "#002A7B",
-      "filePath": "src/navigation/breadcrumb.yml",
-      "isSource": true,
-      "original": {
-        "value": "{heading.color}"
-      },
-      "name": "BreadcrumbItemColor",
-      "attributes": {
-        "category": "breadcrumb-item",
-        "type": "color"
-      },
-      "path": [
-        "breadcrumb-item",
-        "color"
-      ]
-    },
-    "color-light": {
-      "value": "rgb(255 255 255 / 100%)",
-      "filePath": "src/navigation/breadcrumb.yml",
-      "isSource": true,
-      "original": {
-        "value": "{light-plain-content-color}"
-      },
-      "name": "BreadcrumbItemColorLight",
-      "attributes": {
-        "category": "breadcrumb-item",
-        "type": "color-light"
-      },
-      "path": [
-        "breadcrumb-item",
-        "color-light"
-      ]
-    },
-    "color-dark": {
-      "value": "rgb(0 0 0 / 100%)",
-      "filePath": "src/navigation/breadcrumb.yml",
-      "isSource": true,
-      "original": {
-        "value": "{dark-plain-content-color}"
-      },
-      "name": "BreadcrumbItemColorDark",
-      "attributes": {
-        "category": "breadcrumb-item",
-        "type": "color-dark"
-      },
-      "path": [
-        "breadcrumb-item",
-        "color-dark"
-      ]
-    },
-    "padding-x": {
-      "value": "4px",
-      "filePath": "src/navigation/breadcrumb.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.xs}"
-      },
-      "name": "BreadcrumbItemPaddingX",
-      "attributes": {
-        "category": "breadcrumb-item",
-        "type": "padding-x"
-      },
-      "path": [
-        "breadcrumb-item",
-        "padding-x"
-      ]
-    },
-    "font-size": {
-      "value": "0.875rem",
+    "spacing": {
+      "value": "0.5rem",
       "filePath": "src/navigation/breadcrumb.yml",
       "isSource": true,
       "original": {
-        "value": "{font-size-text.s}"
+        "value": "{size-rem.s}"
       },
-      "name": "BreadcrumbItemFontSize",
+      "name": "BreadcrumbSpacing",
       "attributes": {
-        "category": "breadcrumb-item",
-        "type": "font-size"
+        "category": "breadcrumb",
+        "type": "spacing"
       },
       "path": [
-        "breadcrumb-item",
-        "font-size"
+        "breadcrumb",
+        "spacing"
       ]
     },
     "font-weight": {
@@ -15646,14 +15523,14 @@
         "original": {
           "value": "{font-weight.normal}"
         },
-        "name": "BreadcrumbItemFontWeightDefault",
+        "name": "BreadcrumbFontWeightDefault",
         "attributes": {
-          "category": "breadcrumb-item",
+          "category": "breadcrumb",
           "type": "font-weight",
           "item": "default"
         },
         "path": [
-          "breadcrumb-item",
+          "breadcrumb",
           "font-weight",
           "default"
         ]
@@ -15665,14 +15542,14 @@
         "original": {
           "value": "{font-weight.bold}"
         },
-        "name": "BreadcrumbItemFontWeightCurrent",
+        "name": "BreadcrumbFontWeightCurrent",
         "attributes": {
-          "category": "breadcrumb-item",
+          "category": "breadcrumb",
           "type": "font-weight",
           "item": "current"
         },
         "path": [
-          "breadcrumb-item",
+          "breadcrumb",
           "font-weight",
           "current"
         ]
@@ -15680,75 +15557,126 @@
     }
   },
   "header-navigation": {
-    "item-to-item-spacing": {
+    "padding": {
+      "value": "8px",
+      "filePath": "src/navigation/header-navigation.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.s}"
+      },
+      "name": "HeaderNavigationPadding",
+      "attributes": {
+        "category": "header-navigation",
+        "type": "padding"
+      },
+      "path": [
+        "header-navigation",
+        "padding"
+      ]
+    },
+    "spacing": {
       "value": "1rem",
       "filePath": "src/navigation/header-navigation.yml",
       "isSource": true,
       "original": {
         "value": "{size-rem.m}"
       },
-      "name": "HeaderNavigationItemToItemSpacing",
+      "name": "HeaderNavigationSpacing",
       "attributes": {
         "category": "header-navigation",
-        "type": "item-to-item-spacing"
+        "type": "spacing"
       },
       "path": [
         "header-navigation",
-        "item-to-item-spacing"
+        "spacing"
+      ]
+    },
+    "corner-radius": {
+      "value": "4px",
+      "filePath": "src/navigation/header-navigation.yml",
+      "isSource": true,
+      "original": {
+        "value": "{corner-radius.default}"
+      },
+      "name": "HeaderNavigationCornerRadius",
+      "attributes": {
+        "category": "header-navigation",
+        "type": "corner-radius"
+      },
+      "path": [
+        "header-navigation",
+        "corner-radius"
+      ]
+    },
+    "corner-radius-round": {
+      "value": "50%",
+      "filePath": "src/navigation/header-navigation.yml",
+      "isSource": true,
+      "original": {
+        "value": "{corner-radius.round}"
+      },
+      "name": "HeaderNavigationCornerRadiusRound",
+      "attributes": {
+        "category": "header-navigation",
+        "type": "corner-radius-round"
+      },
+      "path": [
+        "header-navigation",
+        "corner-radius-round"
       ]
     },
-    "item-color": {
+    "color": {
       "value": "#002A7B",
       "filePath": "src/navigation/header-navigation.yml",
       "isSource": true,
       "original": {
-        "value": "{heading.color}"
+        "value": "{primary.color.1000}"
       },
-      "name": "HeaderNavigationItemColor",
+      "name": "HeaderNavigationColor",
       "attributes": {
         "category": "header-navigation",
-        "type": "item-color"
+        "type": "color"
       },
       "path": [
         "header-navigation",
-        "item-color"
+        "color"
       ]
     },
-    "item-color-dark": {
+    "color-dark": {
       "value": "rgb(0 0 0 / 100%)",
       "filePath": "src/navigation/header-navigation.yml",
       "isSource": true,
       "original": {
         "value": "{dark-plain-content-color}"
       },
-      "name": "HeaderNavigationItemColorDark",
+      "name": "HeaderNavigationColorDark",
       "attributes": {
         "category": "header-navigation",
-        "type": "item-color-dark"
+        "type": "color-dark"
       },
       "path": [
         "header-navigation",
-        "item-color-dark"
+        "color-dark"
       ]
     },
-    "item-color-light": {
+    "color-light": {
       "value": "rgb(255 255 255 / 100%)",
       "filePath": "src/navigation/header-navigation.yml",
       "isSource": true,
       "original": {
         "value": "{light-plain-content-color}"
       },
-      "name": "HeaderNavigationItemColorLight",
+      "name": "HeaderNavigationColorLight",
       "attributes": {
         "category": "header-navigation",
-        "type": "item-color-light"
+        "type": "color-light"
       },
       "path": [
         "header-navigation",
-        "item-color-light"
+        "color-light"
       ]
     },
-    "item-background-color": {
+    "background-color": {
       "hover": {
         "value": "#F0F5FF",
         "filePath": "src/navigation/header-navigation.yml",
@@ -15756,15 +15684,15 @@
         "original": {
           "value": "{primary-plain-background-color.hover}"
         },
-        "name": "HeaderNavigationItemBackgroundColorHover",
+        "name": "HeaderNavigationBackgroundColorHover",
         "attributes": {
           "category": "header-navigation",
-          "type": "item-background-color",
+          "type": "background-color",
           "item": "hover"
         },
         "path": [
           "header-navigation",
-          "item-background-color",
+          "background-color",
           "hover"
         ]
       },
@@ -15775,20 +15703,20 @@
         "original": {
           "value": "{primary-plain-background-color.pressed}"
         },
-        "name": "HeaderNavigationItemBackgroundColorPressed",
+        "name": "HeaderNavigationBackgroundColorPressed",
         "attributes": {
           "category": "header-navigation",
-          "type": "item-background-color",
+          "type": "background-color",
           "item": "pressed"
         },
         "path": [
           "header-navigation",
-          "item-background-color",
+          "background-color",
           "pressed"
         ]
       }
     },
-    "item-background-color-dark": {
+    "background-color-dark": {
       "hover": {
         "value": "rgb(0 0 0 / 12.5%)",
         "filePath": "src/navigation/header-navigation.yml",
@@ -15796,15 +15724,15 @@
         "original": {
           "value": "{dark-plain-background-color.hover}"
         },
-        "name": "HeaderNavigationItemBackgroundColorDarkHover",
+        "name": "HeaderNavigationBackgroundColorDarkHover",
         "attributes": {
           "category": "header-navigation",
-          "type": "item-background-color-dark",
+          "type": "background-color-dark",
           "item": "hover"
         },
         "path": [
           "header-navigation",
-          "item-background-color-dark",
+          "background-color-dark",
           "hover"
         ]
       },
@@ -15815,20 +15743,20 @@
         "original": {
           "value": "{dark-plain-background-color.pressed}"
         },
-        "name": "HeaderNavigationItemBackgroundColorDarkPressed",
+        "name": "HeaderNavigationBackgroundColorDarkPressed",
         "attributes": {
           "category": "header-navigation",
-          "type": "item-background-color-dark",
+          "type": "background-color-dark",
           "item": "pressed"
         },
         "path": [
           "header-navigation",
-          "item-background-color-dark",
+          "background-color-dark",
           "pressed"
         ]
       }
     },
-    "item-background-color-light": {
+    "background-color-light": {
       "hover": {
         "value": "rgb(255 255 255 / 12.5%)",
         "filePath": "src/navigation/header-navigation.yml",
@@ -15836,15 +15764,15 @@
         "original": {
           "value": "{light-plain-background-color.hover}"
         },
-        "name": "HeaderNavigationItemBackgroundColorLightHover",
+        "name": "HeaderNavigationBackgroundColorLightHover",
         "attributes": {
           "category": "header-navigation",
-          "type": "item-background-color-light",
+          "type": "background-color-light",
           "item": "hover"
         },
         "path": [
           "header-navigation",
-          "item-background-color-light",
+          "background-color-light",
           "hover"
         ]
       },
@@ -15855,85 +15783,51 @@
         "original": {
           "value": "{light-plain-background-color.pressed}"
         },
-        "name": "HeaderNavigationItemBackgroundColorLightPressed",
+        "name": "HeaderNavigationBackgroundColorLightPressed",
         "attributes": {
           "category": "header-navigation",
-          "type": "item-background-color-light",
+          "type": "background-color-light",
           "item": "pressed"
         },
         "path": [
           "header-navigation",
-          "item-background-color-light",
+          "background-color-light",
           "pressed"
         ]
       }
     },
-    "item-padding": {
-      "value": "8px",
-      "filePath": "src/navigation/header-navigation.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.s}"
-      },
-      "name": "HeaderNavigationItemPadding",
-      "attributes": {
-        "category": "header-navigation",
-        "type": "item-padding"
-      },
-      "path": [
-        "header-navigation",
-        "item-padding"
-      ]
-    },
-    "item-corner-radius": {
-      "value": "4px",
-      "filePath": "src/navigation/header-navigation.yml",
-      "isSource": true,
-      "original": {
-        "value": "{corner-radius.default}"
-      },
-      "name": "HeaderNavigationItemCornerRadius",
-      "attributes": {
-        "category": "header-navigation",
-        "type": "item-corner-radius"
-      },
-      "path": [
-        "header-navigation",
-        "item-corner-radius"
-      ]
-    },
-    "item-font-weight-current": {
+    "font-weight-current": {
       "value": "bold",
       "filePath": "src/navigation/header-navigation.yml",
       "isSource": true,
       "original": {
         "value": "{font-weight.bold}"
       },
-      "name": "HeaderNavigationItemFontWeightCurrent",
+      "name": "HeaderNavigationFontWeightCurrent",
       "attributes": {
         "category": "header-navigation",
-        "type": "item-font-weight-current"
+        "type": "font-weight-current"
       },
       "path": [
         "header-navigation",
-        "item-font-weight-current"
+        "font-weight-current"
       ]
     },
-    "item-underline-width-current": {
+    "underline-width-current": {
       "value": "2px",
       "filePath": "src/navigation/header-navigation.yml",
       "isSource": true,
       "original": {
         "value": "{border-width.200}"
       },
-      "name": "HeaderNavigationItemUnderlineWidthCurrent",
+      "name": "HeaderNavigationUnderlineWidthCurrent",
       "attributes": {
         "category": "header-navigation",
-        "type": "item-underline-width-current"
+        "type": "underline-width-current"
       },
       "path": [
         "header-navigation",
-        "item-underline-width-current"
+        "underline-width-current"
       ]
     }
   },
@@ -15989,21 +15883,21 @@
         "font-weight"
       ]
     },
-    "text-to-icon-spacing": {
+    "spacing": {
       "value": "0.25rem",
       "filePath": "src/navigation/link.yml",
       "isSource": true,
       "original": {
         "value": "{size-rem.xs}"
       },
-      "name": "LinkTextToIconSpacing",
+      "name": "LinkSpacing",
       "attributes": {
         "category": "link",
-        "type": "text-to-icon-spacing"
+        "type": "spacing"
       },
       "path": [
         "link",
-        "text-to-icon-spacing"
+        "spacing"
       ]
     },
     "color": {
@@ -16241,58 +16135,322 @@
       }
     }
   },
-  "tab-list": {
+  "menu": {
+    "item-to-item-spacing": {
+      "value": "4px",
+      "filePath": "src/navigation/menu-item.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.xs}"
+      },
+      "name": "MenuItemToItemSpacing",
+      "attributes": {
+        "category": "menu",
+        "type": "item-to-item-spacing"
+      },
+      "path": [
+        "menu",
+        "item-to-item-spacing"
+      ]
+    },
+    "group-to-group-spacing": {
+      "value": "16px",
+      "filePath": "src/navigation/menu-item.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}"
+      },
+      "name": "MenuGroupToGroupSpacing",
+      "attributes": {
+        "category": "menu",
+        "type": "group-to-group-spacing"
+      },
+      "path": [
+        "menu",
+        "group-to-group-spacing"
+      ]
+    }
+  },
+  "menu-item": {
+    "font-weight": {
+      "current": {
+        "value": "bold",
+        "filePath": "src/navigation/menu-item.yml",
+        "isSource": true,
+        "original": {
+          "value": "{font-weight.bold}"
+        },
+        "name": "MenuItemFontWeightCurrent",
+        "attributes": {
+          "category": "menu-item",
+          "type": "font-weight",
+          "item": "current"
+        },
+        "path": [
+          "menu-item",
+          "font-weight",
+          "current"
+        ]
+      }
+    },
+    "corner-radius": {
+      "value": "4px",
+      "filePath": "src/navigation/menu-item.yml",
+      "isSource": true,
+      "original": {
+        "value": "{corner-radius.default}"
+      },
+      "name": "MenuItemCornerRadius",
+      "attributes": {
+        "category": "menu-item",
+        "type": "corner-radius"
+      },
+      "path": [
+        "menu-item",
+        "corner-radius"
+      ]
+    },
+    "padding-x": {
+      "value": "8px",
+      "filePath": "src/navigation/menu-item.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.s}"
+      },
+      "name": "MenuItemPaddingX",
+      "attributes": {
+        "category": "menu-item",
+        "type": "padding-x"
+      },
+      "path": [
+        "menu-item",
+        "padding-x"
+      ]
+    },
+    "padding-y": {
+      "value": "4px",
+      "filePath": "src/navigation/menu-item.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.xs}"
+      },
+      "name": "MenuItemPaddingY",
+      "attributes": {
+        "category": "menu-item",
+        "type": "padding-y"
+      },
+      "path": [
+        "menu-item",
+        "padding-y"
+      ]
+    },
+    "spacing": {
+      "value": "0.5rem",
+      "filePath": "src/navigation/menu-item.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.s}"
+      },
+      "name": "MenuItemSpacing",
+      "attributes": {
+        "category": "menu-item",
+        "type": "spacing"
+      },
+      "path": [
+        "menu-item",
+        "spacing"
+      ]
+    },
+    "color": {
+      "current": {
+        "value": "#0054F5",
+        "filePath": "src/navigation/menu-item.yml",
+        "isSource": true,
+        "original": {
+          "value": "{primary.color.800}"
+        },
+        "name": "MenuItemColorCurrent",
+        "attributes": {
+          "category": "menu-item",
+          "type": "color",
+          "item": "current"
+        },
+        "path": [
+          "menu-item",
+          "color",
+          "current"
+        ]
+      }
+    },
+    "icon-color": {
+      "default": {
+        "value": "#6D6D6D",
+        "filePath": "src/navigation/menu-item.yml",
+        "isSource": true,
+        "original": {
+          "value": "{neutral.color.800}"
+        },
+        "name": "MenuItemIconColorDefault",
+        "attributes": {
+          "category": "menu-item",
+          "type": "icon-color",
+          "item": "default"
+        },
+        "path": [
+          "menu-item",
+          "icon-color",
+          "default"
+        ]
+      },
+      "disabled": {
+        "value": "#E6E6E6",
+        "filePath": "src/navigation/menu-item.yml",
+        "isSource": true,
+        "original": {
+          "value": "{disabled-plain-content-color}"
+        },
+        "name": "MenuItemIconColorDisabled",
+        "attributes": {
+          "category": "menu-item",
+          "type": "icon-color",
+          "item": "disabled"
+        },
+        "path": [
+          "menu-item",
+          "icon-color",
+          "disabled"
+        ]
+      },
+      "current": {
+        "value": "#0054F5",
+        "filePath": "src/navigation/menu-item.yml",
+        "isSource": true,
+        "original": {
+          "value": "{primary.color.800}"
+        },
+        "name": "MenuItemIconColorCurrent",
+        "attributes": {
+          "category": "menu-item",
+          "type": "icon-color",
+          "item": "current"
+        },
+        "path": [
+          "menu-item",
+          "icon-color",
+          "current"
+        ]
+      }
+    },
     "background-color": {
-      "value": "#E6E6E6",
-      "filePath": "src/navigation/tabs.yml",
+      "default": {
+        "value": "transparent",
+        "filePath": "src/navigation/menu-item.yml",
+        "isSource": true,
+        "original": {
+          "value": "{color.transparent}"
+        },
+        "name": "MenuItemBackgroundColorDefault",
+        "attributes": {
+          "category": "menu-item",
+          "type": "background-color",
+          "item": "default"
+        },
+        "path": [
+          "menu-item",
+          "background-color",
+          "default"
+        ]
+      },
+      "hover": {
+        "value": "#F0F5FF",
+        "filePath": "src/navigation/menu-item.yml",
+        "isSource": true,
+        "original": {
+          "value": "{primary-plain-background-color.hover}"
+        },
+        "name": "MenuItemBackgroundColorHover",
+        "attributes": {
+          "category": "menu-item",
+          "type": "background-color",
+          "item": "hover"
+        },
+        "path": [
+          "menu-item",
+          "background-color",
+          "hover"
+        ]
+      },
+      "current": {
+        "value": "#E0EBFF",
+        "filePath": "src/navigation/menu-item.yml",
+        "isSource": true,
+        "original": {
+          "value": "{primary-plain-background-color.pressed}"
+        },
+        "name": "MenuItemBackgroundColorCurrent",
+        "attributes": {
+          "category": "menu-item",
+          "type": "background-color",
+          "item": "current"
+        },
+        "path": [
+          "menu-item",
+          "background-color",
+          "current"
+        ]
+      }
+    },
+    "disabled-background-color": {
+      "value": "transparent",
+      "filePath": "src/navigation/menu-item.yml",
       "isSource": true,
       "original": {
-        "value": "{neutral.color.400}"
+        "value": "{disabled-plain-background-color}"
       },
-      "name": "TabListBackgroundColor",
+      "name": "MenuItemDisabledBackgroundColor",
       "attributes": {
-        "category": "tab-list",
-        "type": "background-color"
+        "category": "menu-item",
+        "type": "disabled-background-color"
       },
       "path": [
-        "tab-list",
-        "background-color"
+        "menu-item",
+        "disabled-background-color"
       ]
-    }
-  },
-  "tab": {
-    "padding-y": {
-      "value": "16px",
-      "filePath": "src/navigation/tabs.yml",
+    },
+    "disabled-color": {
+      "value": "#E6E6E6",
+      "filePath": "src/navigation/menu-item.yml",
       "isSource": true,
       "original": {
-        "value": "{size-px.m}"
+        "value": "{disabled-plain-content-color}"
       },
-      "name": "TabPaddingY",
+      "name": "MenuItemDisabledColor",
       "attributes": {
-        "category": "tab",
-        "type": "padding-y"
+        "category": "menu-item",
+        "type": "disabled-color"
       },
       "path": [
-        "tab",
-        "padding-y"
+        "menu-item",
+        "disabled-color"
       ]
-    },
-    "padding-x": {
-      "value": "24px",
+    }
+  },
+  "tabs": {
+    "padding": {
+      "value": "16px",
       "filePath": "src/navigation/tabs.yml",
       "isSource": true,
       "original": {
-        "value": "{size-px.l}"
+        "value": "{size-px.m}"
       },
-      "name": "TabPaddingX",
+      "name": "TabsPadding",
       "attributes": {
-        "category": "tab",
-        "type": "padding-x"
+        "category": "tabs",
+        "type": "padding"
       },
       "path": [
-        "tab",
-        "padding-x"
+        "tabs",
+        "padding"
       ]
     },
     "background-color": {
@@ -16303,14 +16461,14 @@
         "original": {
           "value": "{neutral-soft-background-color.default}"
         },
-        "name": "TabBackgroundColorDefault",
+        "name": "TabsBackgroundColorDefault",
         "attributes": {
-          "category": "tab",
+          "category": "tabs",
           "type": "background-color",
           "item": "default"
         },
         "path": [
-          "tab",
+          "tabs",
           "background-color",
           "default"
         ]
@@ -16322,14 +16480,14 @@
         "original": {
           "value": "{neutral-soft-background-color.hover}"
         },
-        "name": "TabBackgroundColorHover",
+        "name": "TabsBackgroundColorHover",
         "attributes": {
-          "category": "tab",
+          "category": "tabs",
           "type": "background-color",
           "item": "hover"
         },
         "path": [
-          "tab",
+          "tabs",
           "background-color",
           "hover"
         ]
@@ -16341,14 +16499,14 @@
         "original": {
           "value": "{neutral-soft-background-color.pressed}"
         },
-        "name": "TabBackgroundColorPressed",
+        "name": "TabsBackgroundColorPressed",
         "attributes": {
-          "category": "tab",
+          "category": "tabs",
           "type": "background-color",
           "item": "pressed"
         },
         "path": [
-          "tab",
+          "tabs",
           "background-color",
           "pressed"
         ]
@@ -16360,110 +16518,51 @@
         "original": {
           "value": "{neutral.color.100}"
         },
-        "name": "TabBackgroundColorSelected",
+        "name": "TabsBackgroundColorSelected",
         "attributes": {
-          "category": "tab",
+          "category": "tabs",
           "type": "background-color",
           "item": "selected"
         },
         "path": [
-          "tab",
+          "tabs",
           "background-color",
           "selected"
         ]
       }
     },
     "color": {
-      "default": {
-        "value": "#222222",
-        "filePath": "src/navigation/tabs.yml",
-        "isSource": true,
-        "original": {
-          "value": "{neutral-soft-content-color.default}"
-        },
-        "name": "TabColorDefault",
-        "attributes": {
-          "category": "tab",
-          "type": "color",
-          "item": "default"
-        },
-        "path": [
-          "tab",
-          "color",
-          "default"
-        ]
-      },
-      "hover": {
-        "value": "#222222",
-        "filePath": "src/navigation/tabs.yml",
-        "isSource": true,
-        "original": {
-          "value": "{neutral-soft-content-color.default}"
-        },
-        "name": "TabColorHover",
-        "attributes": {
-          "category": "tab",
-          "type": "color",
-          "item": "hover"
-        },
-        "path": [
-          "tab",
-          "color",
-          "hover"
-        ]
-      },
-      "pressed": {
-        "value": "#000000",
-        "filePath": "src/navigation/tabs.yml",
-        "isSource": true,
-        "original": {
-          "value": "{neutral-soft-content-color.pressed}"
-        },
-        "name": "TabColorPressed",
-        "attributes": {
-          "category": "tab",
-          "type": "color",
-          "item": "pressed"
-        },
-        "path": [
-          "tab",
-          "color",
-          "pressed"
-        ]
-      }
-    },
-    "disabled-color": {
-      "value": "#B1B1B1",
+      "value": "#222222",
       "filePath": "src/navigation/tabs.yml",
       "isSource": true,
       "original": {
-        "value": "{neutral.color.600}"
+        "value": "{neutral-soft-content-color.default}"
       },
-      "name": "TabDisabledColor",
+      "name": "TabsColor",
       "attributes": {
-        "category": "tab",
-        "type": "disabled-color"
+        "category": "tabs",
+        "type": "color"
       },
       "path": [
-        "tab",
-        "disabled-color"
+        "tabs",
+        "color"
       ]
     },
-    "disabled-background-color": {
-      "value": "#E6E6E6",
+    "disabled-color": {
+      "value": "#D5D5D5",
       "filePath": "src/navigation/tabs.yml",
       "isSource": true,
       "original": {
-        "value": "{neutral-soft-background-color.default}"
+        "value": "{disabled-soft-content-color}"
       },
-      "name": "TabDisabledBackgroundColor",
+      "name": "TabsDisabledColor",
       "attributes": {
-        "category": "tab",
-        "type": "disabled-background-color"
+        "category": "tabs",
+        "type": "disabled-color"
       },
       "path": [
-        "tab",
-        "disabled-background-color"
+        "tabs",
+        "disabled-color"
       ]
     },
     "font-weight": {
@@ -16474,34 +16573,34 @@
         "original": {
           "value": "{font-weight.bold}"
         },
-        "name": "TabFontWeightSelected",
+        "name": "TabsFontWeightSelected",
         "attributes": {
-          "category": "tab",
+          "category": "tabs",
           "type": "font-weight",
           "item": "selected"
         },
         "path": [
-          "tab",
+          "tabs",
           "font-weight",
           "selected"
         ]
       }
     },
-    "text-to-status-spacing": {
+    "spacing": {
       "value": "0.5rem",
       "filePath": "src/navigation/tabs.yml",
       "isSource": true,
       "original": {
         "value": "{size-rem.s}"
       },
-      "name": "TabTextToStatusSpacing",
+      "name": "TabsSpacing",
       "attributes": {
-        "category": "tab",
-        "type": "text-to-status-spacing"
+        "category": "tabs",
+        "type": "spacing"
       },
       "path": [
-        "tab",
-        "text-to-status-spacing"
+        "tabs",
+        "spacing"
       ]
     }
   },
@@ -16525,23 +16624,6 @@
     }
   },
   "contextual-help": {
-    "content-to-content-spacing": {
-      "value": "0.5rem",
-      "filePath": "src/overlays/contextual-help.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-rem.s}"
-      },
-      "name": "ContextualHelpContentToContentSpacing",
-      "attributes": {
-        "category": "contextual-help",
-        "type": "content-to-content-spacing"
-      },
-      "path": [
-        "contextual-help",
-        "content-to-content-spacing"
-      ]
-    },
     "max-width": {
       "value": "500px",
       "filePath": "src/overlays/contextual-help.yml",
@@ -16613,11 +16695,11 @@
       ]
     },
     "spacing": {
-      "value": "8px",
+      "value": "16px",
       "filePath": "src/overlays/light-box.yml",
       "isSource": true,
       "original": {
-        "value": "{size-px.s}"
+        "value": "{size-px.m}"
       },
       "name": "LightBoxSpacing",
       "attributes": {
@@ -16665,23 +16747,6 @@
         "padding"
       ]
     },
-    "padding-bottom": {
-      "value": "32px",
-      "filePath": "src/overlays/modal.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.xl}"
-      },
-      "name": "ModalPaddingBottom",
-      "attributes": {
-        "category": "modal",
-        "type": "padding-bottom"
-      },
-      "path": [
-        "modal",
-        "padding-bottom"
-      ]
-    },
     "background-color": {
       "value": "#FFFFFF",
       "filePath": "src/overlays/modal.yml",
@@ -16739,131 +16804,97 @@
         ]
       }
     },
-    "action-group-padding": {
-      "value": "1.5rem",
-      "filePath": "src/overlays/modal.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-rem.l}"
-      },
-      "name": "ModalActionGroupPadding",
-      "attributes": {
-        "category": "modal",
-        "type": "action-group-padding"
-      },
-      "path": [
-        "modal",
-        "action-group-padding"
-      ]
-    },
-    "action-group-background-color": {
+    "footer-background-color": {
       "value": "#F8F8F8",
       "filePath": "src/overlays/modal.yml",
       "isSource": true,
       "original": {
         "value": "{neutral.color.300}"
       },
-      "name": "ModalActionGroupBackgroundColor",
+      "name": "ModalFooterBackgroundColor",
       "attributes": {
         "category": "modal",
-        "type": "action-group-background-color"
+        "type": "footer-background-color"
       },
       "path": [
         "modal",
-        "action-group-background-color"
+        "footer-background-color"
       ]
     },
-    "action-group-border-color": {
-      "value": "#E6E6E6",
+    "border-color": {
+      "value": "#909090",
       "filePath": "src/overlays/modal.yml",
       "isSource": true,
       "original": {
-        "value": "{neutral.color.400}"
+        "value": "{neutral-outline-border-color}"
       },
-      "name": "ModalActionGroupBorderColor",
+      "name": "ModalBorderColor",
       "attributes": {
         "category": "modal",
-        "type": "action-group-border-color"
+        "type": "border-color"
       },
       "path": [
         "modal",
-        "action-group-border-color"
+        "border-color"
       ]
     },
-    "action-group-border-top-width": {
+    "border-width": {
       "value": "1px",
       "filePath": "src/overlays/modal.yml",
       "isSource": true,
       "original": {
         "value": "{border-width.100}"
       },
-      "name": "ModalActionGroupBorderTopWidth",
+      "name": "ModalBorderWidth",
       "attributes": {
         "category": "modal",
-        "type": "action-group-border-top-width"
+        "type": "border-width"
       },
       "path": [
         "modal",
-        "action-group-border-top-width"
+        "border-width"
       ]
     },
-    "action-group-border-style": {
+    "border-style": {
       "value": "solid",
       "filePath": "src/overlays/modal.yml",
       "isSource": true,
       "original": {
         "value": "{border-style.default}"
       },
-      "name": "ModalActionGroupBorderStyle",
+      "name": "ModalBorderStyle",
       "attributes": {
         "category": "modal",
-        "type": "action-group-border-style"
+        "type": "border-style"
       },
       "path": [
         "modal",
-        "action-group-border-style"
+        "border-style"
       ]
     },
-    "off-canvas-padding-y": {
+    "header-padding-y": {
       "value": "8px",
       "filePath": "src/overlays/modal.yml",
       "isSource": true,
       "original": {
         "value": "{size-px.s}"
       },
-      "name": "ModalOffCanvasPaddingY",
-      "attributes": {
-        "category": "modal",
-        "type": "off-canvas-padding-y"
-      },
-      "path": [
-        "modal",
-        "off-canvas-padding-y"
-      ]
-    },
-    "off-canvas-header-background-color": {
-      "value": "#FDFDFD",
-      "filePath": "src/overlays/modal.yml",
-      "isSource": true,
-      "original": {
-        "value": "{neutral.color.200}"
-      },
-      "name": "ModalOffCanvasHeaderBackgroundColor",
+      "name": "ModalHeaderPaddingY",
       "attributes": {
         "category": "modal",
-        "type": "off-canvas-header-background-color"
+        "type": "header-padding-y"
       },
       "path": [
         "modal",
-        "off-canvas-header-background-color"
+        "header-padding-y"
       ]
     },
     "off-canvas-max-width": {
-      "value": "calc(100vw - 16px)",
+      "value": "calc(100dvw - 16px)",
       "filePath": "src/overlays/modal.yml",
       "isSource": true,
       "original": {
-        "value": "calc(100vw - {size-px.m})"
+        "value": "calc(100dvw - {size-px.m})"
       },
       "name": "ModalOffCanvasMaxWidth",
       "attributes": {
@@ -16931,21 +16962,44 @@
       ]
     },
     "padding": {
-      "value": "16px",
-      "filePath": "src/overlays/popover.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.m}"
-      },
-      "name": "PopoverPadding",
-      "attributes": {
-        "category": "popover",
-        "type": "padding"
+      "m": {
+        "value": "16px",
+        "filePath": "src/overlays/popover.yml",
+        "isSource": true,
+        "original": {
+          "value": "{size-px.m}"
+        },
+        "name": "PopoverPaddingM",
+        "attributes": {
+          "category": "popover",
+          "type": "padding",
+          "item": "m"
+        },
+        "path": [
+          "popover",
+          "padding",
+          "m"
+        ]
       },
-      "path": [
-        "popover",
-        "padding"
-      ]
+      "s": {
+        "value": "8px",
+        "filePath": "src/overlays/popover.yml",
+        "isSource": true,
+        "original": {
+          "value": "{size-px.s}"
+        },
+        "name": "PopoverPaddingS",
+        "attributes": {
+          "category": "popover",
+          "type": "padding",
+          "item": "s"
+        },
+        "path": [
+          "popover",
+          "padding",
+          "s"
+        ]
+      }
     },
     "background-color": {
       "value": "#FFFFFF",
@@ -17032,6 +17086,23 @@
         "border-color"
       ]
     },
+    "spacing": {
+      "value": "8px",
+      "filePath": "src/overlays/popover.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.s}"
+      },
+      "name": "PopoverSpacing",
+      "attributes": {
+        "category": "popover",
+        "type": "spacing"
+      },
+      "path": [
+        "popover",
+        "spacing"
+      ]
+    },
     "popover-to-trigger-spacing": {
       "value": "16px",
       "filePath": "src/overlays/popover.yml",
@@ -17103,11 +17174,11 @@
       ]
     },
     "color": {
-      "value": "#FFFFFF",
+      "value": "rgb(255 255 255 / 100%)",
       "filePath": "src/overlays/tooltip.yml",
       "isSource": true,
       "original": {
-        "value": "{neutral.color.100}"
+        "value": "{text.color.light}"
       },
       "name": "TooltipColor",
       "attributes": {
@@ -17187,38 +17258,38 @@
         "max-width"
       ]
     },
-    "tooltip-to-content-spacing": {
+    "tooltip-to-trigger-spacing": {
       "value": "8px",
       "filePath": "src/overlays/tooltip.yml",
       "isSource": true,
       "original": {
         "value": "{size-px.s}"
       },
-      "name": "TooltipTooltipToContentSpacing",
+      "name": "TooltipTooltipToTriggerSpacing",
       "attributes": {
         "category": "tooltip",
-        "type": "tooltip-to-content-spacing"
+        "type": "tooltip-to-trigger-spacing"
       },
       "path": [
         "tooltip",
-        "tooltip-to-content-spacing"
+        "tooltip-to-trigger-spacing"
       ]
     },
-    "arrow-size": {
+    "tip-size": {
       "value": "8px",
       "filePath": "src/overlays/tooltip.yml",
       "isSource": true,
       "original": {
         "value": "{size-px.s}"
       },
-      "name": "TooltipArrowSize",
+      "name": "TooltipTipSize",
       "attributes": {
         "category": "tooltip",
-        "type": "arrow-size"
+        "type": "tip-size"
       },
       "path": [
         "tooltip",
-        "arrow-size"
+        "tip-size"
       ]
     },
     "box-shadow": {
@@ -17237,6 +17308,23 @@
         "tooltip",
         "box-shadow"
       ]
+    },
+    "header-corner-radius": {
+      "value": "4px",
+      "filePath": "src/overlays/tooltip.yml",
+      "isSource": true,
+      "original": {
+        "value": "{corner-radius.default}"
+      },
+      "name": "TooltipHeaderCornerRadius",
+      "attributes": {
+        "category": "tooltip",
+        "type": "header-corner-radius"
+      },
+      "path": [
+        "tooltip",
+        "header-corner-radius"
+      ]
     }
   },
   "shadow": {