@amsterdam/design-system-tokens 0.14.0 → 0.16.0

package/dist/index.d.ts

@@ -17,59 +17,96 @@ declare interface DesignToken {
 declare const tokens: {
   ams: {
     "aspect-ratio": {
-      "x-tall": DesignToken;
-      tall: DesignToken;
-      square: DesignToken;
-      wide: DesignToken;
-      "x-wide": DesignToken;
-      "2x-wide": DesignToken;
+      "9-16": DesignToken;
+      "3-4": DesignToken;
+      "1-1": DesignToken;
+      "4-3": DesignToken;
+      "16-9": DesignToken;
+      "16-5": DesignToken;
     };
     border: {
       width: {
-        sm: DesignToken;
-        md: DesignToken;
-        lg: DesignToken;
+        s: DesignToken;
+        m: DesignToken;
+        l: DesignToken;
         xl: DesignToken;
       };
     };
     color: {
-      "primary-black": DesignToken;
-      "primary-white": DesignToken;
-      "primary-blue": DesignToken;
-      "primary-red": DesignToken;
-      "dark-blue": DesignToken;
-      orange: DesignToken;
-      yellow: DesignToken;
-      green: DesignToken;
-      "dark-green": DesignToken;
-      blue: DesignToken;
-      purple: DesignToken;
-      magenta: DesignToken;
-      "neutral-grey1": DesignToken;
-      "neutral-grey2": DesignToken;
-      "neutral-grey3": DesignToken;
+      background: DesignToken;
+      feedback: {
+        error: DesignToken;
+        info: DesignToken;
+        success: DesignToken;
+        warning: DesignToken;
+      };
+      highlight: {
+        azure: DesignToken;
+        green: DesignToken;
+        lime: DesignToken;
+        magenta: DesignToken;
+        orange: DesignToken;
+        purple: DesignToken;
+        yellow: DesignToken;
+      };
+      interactive: {
+        contrast: DesignToken;
+        default: DesignToken;
+        disabled: DesignToken;
+        hover: DesignToken;
+        invalid: {
+          default: DesignToken;
+          hover: DesignToken;
+        };
+        inverse: DesignToken;
+        secondary: DesignToken;
+      };
+      separator: DesignToken;
+      text: {
+        default: DesignToken;
+        inverse: DesignToken;
+        secondary: DesignToken;
+      };
+    };
+    cursor: {
+      disabled: DesignToken;
+      interactive: DesignToken;
+    };
+    focus: {
+      "outline-offset": DesignToken;
     };
     space: {
       xs: DesignToken;
-      sm: DesignToken;
-      md: DesignToken;
-      lg: DesignToken;
+      s: DesignToken;
+      m: DesignToken;
+      l: DesignToken;
       xl: DesignToken;
-      grid: {
-        xs: DesignToken;
-        sm: DesignToken;
-        md: DesignToken;
-        lg: DesignToken;
-        xl: DesignToken;
-      };
+      "2xl": DesignToken;
     };
-    text: {
+    typography: {
       "font-family": DesignToken;
-      "font-weight": {
-        normal: DesignToken;
-        bold: DesignToken;
+      "hyphenate-limit-chars": DesignToken;
+      "body-text": {
+        "font-size": DesignToken;
+        "font-weight": DesignToken;
+        "line-height": DesignToken;
+        bold: {
+          "font-weight": DesignToken;
+        };
+        small: {
+          "font-size": DesignToken;
+          "line-height": DesignToken;
+        };
+        large: {
+          "font-size": DesignToken;
+          "line-height": DesignToken;
+        };
+        "x-large": {
+          "font-size": DesignToken;
+          "line-height": DesignToken;
+        };
       };
-      level: {
+      heading: {
         "0": {
           "font-size": DesignToken;
           "line-height": DesignToken;
@@ -98,49 +135,18 @@ declare const tokens: {
           "font-size": DesignToken;
           "line-height": DesignToken;
         };
+        "font-weight": DesignToken;
+        "text-wrap": DesignToken;
       };
     };
-    action: {
-      activate: {
-        cursor: DesignToken;
-      };
-      busy: {
-        cursor: DesignToken;
-      };
-      disabled: {
-        cursor: DesignToken;
-      };
-      inert: {
-        cursor: DesignToken;
-      };
-      navigate: {
-        cursor: DesignToken;
-      };
-      submit: {
-        cursor: DesignToken;
-      };
-    };
-    focus: {
-      "outline-offset": DesignToken;
-    };
-    hyphenation: {
-      "hyphenate-limit-chars": DesignToken;
-      hyphens: DesignToken;
-      "overflow-wrap": DesignToken;
-    };
-    "link-appearance": {
+    links: {
       color: DesignToken;
       "text-decoration-thickness": DesignToken;
       "text-underline-offset": DesignToken;
       hover: {
         color: DesignToken;
-      };
-      regular: {
-        "text-decoration-line": DesignToken;
-        hover: {
-          "text-decoration-thickness": DesignToken;
-          "text-underline-offset": DesignToken;
-        };
+        "text-decoration-thickness": DesignToken;
+        "text-underline-offset": DesignToken;
       };
       subtle: {
         "text-decoration-line": DesignToken;
@@ -153,34 +159,28 @@ declare const tokens: {
         hover: {
           color: DesignToken;
         };
-        visited: {
-          color: DesignToken;
-        };
       };
       inverse: {
         color: DesignToken;
         hover: {
           color: DesignToken;
         };
-        visited: {
-          color: DesignToken;
-        };
       };
     };
     accordion: {
       gap: DesignToken;
       button: {
         color: DesignToken;
+        cursor: DesignToken;
         "font-family": DesignToken;
         "font-size": DesignToken;
         "font-weight": DesignToken;
         gap: DesignToken;
         "line-height": DesignToken;
+        "outline-offset": DesignToken;
         "padding-block": DesignToken;
         "padding-inline": DesignToken;
-        focus: {
-          "outline-offset": DesignToken;
-        };
+        "text-wrap": DesignToken;
         hover: {
           color: DesignToken;
         };
@@ -195,67 +195,61 @@ declare const tokens: {
     };
     alert: {
       "background-color": DesignToken;
-      "border-width": DesignToken;
-      "border-style": DesignToken;
-      gap: DesignToken;
-      "padding-block": DesignToken;
-      "padding-inline": DesignToken;
-      error: {
-        "border-color": DesignToken;
+      "box-shadow": DesignToken;
+      "forced-colors": {
+        "border-width": DesignToken;
       };
-      info: {
-        "border-color": DesignToken;
+      "severity-indicator": {
+        "background-color": DesignToken;
+        "padding-block": DesignToken;
+        "padding-inline": DesignToken;
+      };
+      content: {
+        gap: DesignToken;
+        "padding-block": DesignToken;
+        "padding-inline": DesignToken;
+      };
+      error: {
+        "box-shadow": DesignToken;
+        "severity-indicator": {
+          "background-color": DesignToken;
+        };
       };
       success: {
-        "border-color": DesignToken;
+        "box-shadow": DesignToken;
+        "severity-indicator": {
+          "background-color": DesignToken;
+        };
       };
       warning: {
-        "border-color": DesignToken;
-      };
-      content: {
-        gap: DesignToken;
+        "box-shadow": DesignToken;
+        "severity-indicator": {
+          "background-color": DesignToken;
+        };
       };
     };
     avatar: {
       "aspect-ratio": DesignToken;
+      "background-color": DesignToken;
+      color: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
       "font-weight": DesignToken;
       "line-height": DesignToken;
       "padding-block": DesignToken;
       "padding-inline": DesignToken;
-      black: {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
-      blue: {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
-      "dark-green": {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
       "forced-colors": {
         "border-width": DesignToken;
       };
-      green: {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
-      "grey-1": {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
-      "grey-2": {
+      azure: {
         "background-color": DesignToken;
         color: DesignToken;
       };
-      "grey-3": {
+      green: {
         "background-color": DesignToken;
         color: DesignToken;
       };
-      "light-blue": {
+      lime: {
         "background-color": DesignToken;
         color: DesignToken;
       };
@@ -267,58 +261,24 @@ declare const tokens: {
         "background-color": DesignToken;
         color: DesignToken;
       };
-      purple: {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
-      red: {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
-      white: {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
       yellow: {
         "background-color": DesignToken;
         color: DesignToken;
       };
     };
     badge: {
+      "background-color": DesignToken;
+      color: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
       "font-weight": DesignToken;
       "line-height": DesignToken;
       "padding-inline": DesignToken;
-      black: {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
-      blue: {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
-      "dark-green": {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
-      green: {
+      azure: {
         "background-color": DesignToken;
         color: DesignToken;
       };
-      "grey-1": {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
-      "grey-2": {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
-      "grey-3": {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
-      "light-blue": {
+      lime: {
         "background-color": DesignToken;
         color: DesignToken;
       };
@@ -338,10 +298,6 @@ declare const tokens: {
         "background-color": DesignToken;
         color: DesignToken;
       };
-      white: {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
       yellow: {
         "background-color": DesignToken;
         color: DesignToken;
@@ -353,7 +309,9 @@ declare const tokens: {
       "font-size": DesignToken;
       "font-weight": DesignToken;
       "line-height": DesignToken;
-      "inverse-color": DesignToken;
+      inverse: {
+        color: DesignToken;
+      };
     };
     breadcrumb: {
       "font-family": DesignToken;
@@ -378,17 +336,11 @@ declare const tokens: {
         };
       };
     };
-    breakout: {
-      "row-gap": {
-        sm: DesignToken;
-        md: DesignToken;
-        lg: DesignToken;
-      };
-    };
     button: {
       cursor: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
+      "font-weight": DesignToken;
       "line-height": DesignToken;
       gap: DesignToken;
       "outline-offset": DesignToken;
@@ -426,9 +378,6 @@ declare const tokens: {
           "box-shadow": DesignToken;
           color: DesignToken;
         };
-        focus: {
-          "box-shadow": DesignToken;
-        };
       };
       tertiary: {
         "background-color": DesignToken;
@@ -448,9 +397,15 @@ declare const tokens: {
       };
     };
     card: {
-      gap: DesignToken;
+      heading: {
+        "margin-block-end": DesignToken;
+      };
       "heading-group": {
         gap: DesignToken;
+        "margin-block-end": DesignToken;
+      };
+      image: {
+        "margin-block-end": DesignToken;
       };
       link: {
         color: DesignToken;
@@ -476,6 +431,7 @@ declare const tokens: {
     };
     checkbox: {
       color: DesignToken;
+      cursor: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
       "font-weight": DesignToken;
@@ -539,6 +495,7 @@ declare const tokens: {
         };
       };
       disabled: {
+        cursor: DesignToken;
         color: DesignToken;
       };
       hover: {
@@ -548,12 +505,11 @@ declare const tokens: {
     };
     column: {
       gap: {
-        no: DesignToken;
-        xs: DesignToken;
-        sm: DesignToken;
-        md: DesignToken;
-        lg: DesignToken;
-        xl: DesignToken;
+        "x-small": DesignToken;
+        small: DesignToken;
+        medium: DesignToken;
+        large: DesignToken;
+        "x-large": DesignToken;
       };
     };
     "date-input": {
@@ -569,11 +525,13 @@ declare const tokens: {
       "padding-inline": DesignToken;
       "calender-picker-indicator": {
         "background-image": DesignToken;
+        cursor: DesignToken;
       };
       disabled: {
         "background-color": DesignToken;
         "box-shadow": DesignToken;
         color: DesignToken;
+        cursor: DesignToken;
         "calender-picker-indicator": {
           "background-image": DesignToken;
         };
@@ -596,9 +554,11 @@ declare const tokens: {
       "column-gap": DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
-      "inverse-color": DesignToken;
       "line-height": DesignToken;
       "row-gap": DesignToken;
+      inverse: {
+        color: DesignToken;
+      };
       term: {
         "font-weight": DesignToken;
       };
@@ -606,6 +566,15 @@ declare const tokens: {
         "font-weight": DesignToken;
         "padding-inline-start": DesignToken;
       };
+      narrow: {
+        "grid-template-columns": DesignToken;
+      };
+      medium: {
+        "grid-template-columns": DesignToken;
+      };
+      wide: {
+        "grid-template-columns": DesignToken;
+      };
     };
     dialog: {
       "background-color": DesignToken;
@@ -614,10 +583,36 @@ declare const tokens: {
       "inline-size": DesignToken;
       "max-block-size": DesignToken;
       "max-inline-size": DesignToken;
-      "padding-block": DesignToken;
-      "padding-inline": DesignToken;
+      medium: {
+        "inline-size": DesignToken;
+        "max-block-size": DesignToken;
+      };
+      backdrop: {
+        "background-color": DesignToken;
+      };
       header: {
         gap: DesignToken;
+        "padding-block": DesignToken;
+        "padding-inline": DesignToken;
+        medium: {
+          "padding-block": DesignToken;
+          "padding-inline": DesignToken;
+        };
+      };
+      body: {
+        "padding-block": DesignToken;
+        "padding-inline": DesignToken;
+        medium: {
+          "padding-inline": DesignToken;
+        };
+      };
+      footer: {
+        "padding-block": DesignToken;
+        "padding-inline": DesignToken;
+        medium: {
+          "padding-block": DesignToken;
+          "padding-inline": DesignToken;
+        };
       };
     };
     "error-message": {
@@ -640,6 +635,7 @@ declare const tokens: {
         "font-weight": DesignToken;
         "line-height": DesignToken;
         "margin-block-end": DesignToken;
+        "text-wrap": DesignToken;
       };
     };
     field: {
@@ -657,7 +653,9 @@ declare const tokens: {
         "font-size": DesignToken;
         "font-weight": DesignToken;
         "line-height": DesignToken;
-        "inverse-color": DesignToken;
+        inverse: {
+          color: DesignToken;
+        };
       };
     };
     "file-input": {
@@ -715,121 +713,60 @@ declare const tokens: {
         };
       };
     };
-    footer: {
-      top: {
-        "background-color": DesignToken;
-      };
-    };
-    "form-error-list": {
-      "outline-offset": DesignToken;
-    };
-    gap: {
-      xs: DesignToken;
-      sm: DesignToken;
-      md: DesignToken;
-      lg: DesignToken;
-      xl: DesignToken;
-    };
     grid: {
       "column-count": DesignToken;
       "column-gap": DesignToken;
       "padding-block": {
-        sm: DesignToken;
-        md: DesignToken;
-        lg: DesignToken;
+        l: DesignToken;
+        xl: DesignToken;
+        "2xl": DesignToken;
       };
       "padding-inline": DesignToken;
       "row-gap": {
-        sm: DesignToken;
-        md: DesignToken;
-        lg: DesignToken;
+        l: DesignToken;
+        xl: DesignToken;
+        "2xl": DesignToken;
       };
       medium: {
         "column-count": DesignToken;
+        "padding-inline": DesignToken;
       };
       wide: {
         "column-count": DesignToken;
+        "padding-inline": DesignToken;
       };
     };
-    header: {
-      "padding-block": DesignToken;
-      "padding-inline": DesignToken;
-      branding: {
-        "column-gap": DesignToken;
-        "row-gap": DesignToken;
+    heading: {
+      "1": {
+        "font-size": DesignToken;
+        "line-height": DesignToken;
       };
-      "logo-link": {
-        "outline-offset": DesignToken;
+      "2": {
+        "font-size": DesignToken;
+        "line-height": DesignToken;
       };
-      "mega-menu": {
-        button: {
-          label: {
-            open: {
-              "font-weight": DesignToken;
-            };
-          };
-        };
+      "3": {
+        "font-size": DesignToken;
+        "line-height": DesignToken;
       };
-      menu: {
-        "column-gap": DesignToken;
-        "row-gap": DesignToken;
-        item: {
-          color: DesignToken;
-          "column-gap": DesignToken;
-          "font-family": DesignToken;
-          "font-size": DesignToken;
-          "font-weight": DesignToken;
-          "line-height": DesignToken;
-          "outline-offset": DesignToken;
-          "padding-block": DesignToken;
-          hover: {
-            color: DesignToken;
-          };
-        };
-        link: {
-          "text-decoration-line": DesignToken;
-          "text-decoration-thickness": DesignToken;
-          "text-underline-offset": DesignToken;
-          hover: {
-            "text-decoration-line": DesignToken;
-          };
-        };
+      "4": {
+        "font-size": DesignToken;
+        "line-height": DesignToken;
       };
-      navigation: {
-        "column-gap": DesignToken;
-        "row-gap": DesignToken;
+      "5": {
+        "font-size": DesignToken;
+        "line-height": DesignToken;
+      };
+      "6": {
+        "font-size": DesignToken;
+        "line-height": DesignToken;
       };
-    };
-    heading: {
       color: DesignToken;
       "font-family": DesignToken;
       "font-weight": DesignToken;
-      "inverse-color": DesignToken;
-      level: {
-        "1": {
-          "font-size": DesignToken;
-          "line-height": DesignToken;
-        };
-        "2": {
-          "font-size": DesignToken;
-          "line-height": DesignToken;
-        };
-        "3": {
-          "font-size": DesignToken;
-          "line-height": DesignToken;
-        };
-        "4": {
-          "font-size": DesignToken;
-          "line-height": DesignToken;
-        };
-        "5": {
-          "font-size": DesignToken;
-          "line-height": DesignToken;
-        };
-        "6": {
-          "font-size": DesignToken;
-          "line-height": DesignToken;
-        };
+      "text-wrap": DesignToken;
+      inverse: {
+        color: DesignToken;
       };
     };
     hint: {
@@ -837,6 +774,7 @@ declare const tokens: {
     };
     "icon-button": {
       color: DesignToken;
+      cursor: DesignToken;
       "outline-offset": DesignToken;
       hover: {
         "background-color": DesignToken;
@@ -844,8 +782,9 @@ declare const tokens: {
       };
       disabled: {
         color: DesignToken;
+        cursor: DesignToken;
       };
-      "contrast-color": {
+      contrast: {
         color: DesignToken;
         hover: {
           "background-color": DesignToken;
@@ -855,7 +794,7 @@ declare const tokens: {
           color: DesignToken;
         };
       };
-      "inverse-color": {
+      inverse: {
         "background-color": DesignToken;
         color: DesignToken;
         hover: {
@@ -867,27 +806,37 @@ declare const tokens: {
           "background-color": DesignToken;
         };
       };
-    };
-    icon: {
-      inverse: {
-        color: DesignToken;
+    };
+    icon: {
+      "font-size": DesignToken;
+      "line-height": DesignToken;
+      small: {
+        "font-size": DesignToken;
+        "line-height": DesignToken;
+      };
+      large: {
+        "font-size": DesignToken;
+        "line-height": DesignToken;
       };
-      "size-3": {
+      "heading-3": {
         "font-size": DesignToken;
         "line-height": DesignToken;
       };
-      "size-4": {
+      "heading-4": {
         "font-size": DesignToken;
         "line-height": DesignToken;
       };
-      "size-5": {
+      "heading-5": {
         "font-size": DesignToken;
         "line-height": DesignToken;
       };
-      "size-6": {
+      "heading-6": {
         "font-size": DesignToken;
         "line-height": DesignToken;
       };
+      inverse: {
+        color: DesignToken;
+      };
     };
     "image-slider": {
       gap: DesignToken;
@@ -914,12 +863,16 @@ declare const tokens: {
     image: {
       "aspect-ratio": DesignToken;
     };
+    "invalid-form-alert": {
+      "outline-offset": DesignToken;
+    };
     label: {
       color: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
       "font-weight": DesignToken;
       "line-height": DesignToken;
+      "text-wrap": DesignToken;
     };
     "link-list": {
       gap: DesignToken;
@@ -946,13 +899,13 @@ declare const tokens: {
           color: DesignToken;
           "text-decoration-line": DesignToken;
         };
-        "contrast-color": {
+        contrast: {
           color: DesignToken;
           hover: {
             color: DesignToken;
           };
         };
-        "inverse-color": {
+        inverse: {
           color: DesignToken;
           hover: {
             color: DesignToken;
@@ -963,62 +916,36 @@ declare const tokens: {
     link: {
       color: DesignToken;
       "font-family": DesignToken;
+      "font-size": DesignToken;
       "font-weight": DesignToken;
+      "line-height": DesignToken;
       "outline-offset": DesignToken;
+      "text-decoration-thickness": DesignToken;
+      "text-underline-offset": DesignToken;
       hover: {
         color: DesignToken;
-      };
-      inline: {
-        "text-decoration-line": DesignToken;
-        "text-decoration-thickness": DesignToken;
-        "text-underline-offset": DesignToken;
-        "font-family": DesignToken;
-        "font-size": DesignToken;
-        "line-height": DesignToken;
-        hover: {
-          "text-decoration-thickness": DesignToken;
-          "text-underline-offset": DesignToken;
-        };
-        visited: {
-          color: DesignToken;
-        };
-      };
-      standalone: {
-        "font-size": DesignToken;
-        "line-height": DesignToken;
-        "text-decoration-line": DesignToken;
         "text-decoration-thickness": DesignToken;
         "text-underline-offset": DesignToken;
-        hover: {
-          "text-decoration-thickness": DesignToken;
-          "text-underline-offset": DesignToken;
-        };
       };
-      "contrast-color": {
+      contrast: {
         color: DesignToken;
         hover: {
           color: DesignToken;
         };
-        visited: {
-          color: DesignToken;
-        };
       };
-      "inverse-color": {
+      inverse: {
         color: DesignToken;
         hover: {
           color: DesignToken;
         };
-        visited: {
-          color: DesignToken;
-        };
       };
     };
     logo: {
       "block-size": DesignToken;
+      "min-block-size": DesignToken;
       emblem: {
         color: DesignToken;
       };
-      "min-block-size": DesignToken;
       subsite: {
         color: DesignToken;
       };
@@ -1026,37 +953,24 @@ declare const tokens: {
         color: DesignToken;
       };
     };
-    margin: {
-      xs: DesignToken;
-      sm: DesignToken;
-      md: DesignToken;
-      lg: DesignToken;
-      xl: DesignToken;
-    };
     mark: {
       "background-color": DesignToken;
     };
-    "mega-menu": {
-      "list-category": {
-        "column-gap": DesignToken;
-        "column-width": DesignToken;
-        "padding-block-start": DesignToken;
-        "padding-block-end": DesignToken;
-      };
-    };
     "ordered-list": {
       color: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
       "font-weight": DesignToken;
       gap: DesignToken;
-      "inverse-color": DesignToken;
       "line-height": DesignToken;
       "list-style-type": DesignToken;
       small: {
         "font-size": DesignToken;
         "line-height": DesignToken;
       };
+      inverse: {
+        color: DesignToken;
+      };
       item: {
         "margin-inline-start": DesignToken;
         "padding-inline-start": DesignToken;
@@ -1072,41 +986,120 @@ declare const tokens: {
         };
       };
     };
-    "page-heading": {
-      color: DesignToken;
-      "font-family": DesignToken;
-      "font-size": DesignToken;
-      "font-weight": DesignToken;
-      "inverse-color": DesignToken;
-      "line-height": DesignToken;
+    "page-footer": {
+      menu: {
+        "column-gap": DesignToken;
+        "padding-block": DesignToken;
+        "padding-inline": DesignToken;
+        "row-gap": DesignToken;
+        medium: {
+          "padding-inline": DesignToken;
+        };
+        wide: {
+          "padding-inline": DesignToken;
+        };
+        link: {
+          color: DesignToken;
+          "font-family": DesignToken;
+          "font-size": DesignToken;
+          "font-weight": DesignToken;
+          "line-height": DesignToken;
+          "outline-offset": DesignToken;
+          "text-decoration-line": DesignToken;
+          "text-decoration-thickness": DesignToken;
+          "text-underline-offset": DesignToken;
+          hover: {
+            color: DesignToken;
+            "text-decoration-line": DesignToken;
+          };
+        };
+      };
+      spotlight: {
+        "background-color": DesignToken;
+      };
     };
-    "page-menu": {
-      "column-gap": DesignToken;
-      "row-gap": DesignToken;
-      item: {
+    "page-header": {
+      "font-family": DesignToken;
+      "padding-block": DesignToken;
+      "padding-inline": DesignToken;
+      medium: {
+        "padding-inline": DesignToken;
+      };
+      wide: {
+        "padding-inline": DesignToken;
+      };
+      "logo-link": {
+        "column-gap": DesignToken;
+        "outline-offset": DesignToken;
+      };
+      "brand-name": {
         color: DesignToken;
-        "font-family": DesignToken;
         "font-size": DesignToken;
         "font-weight": DesignToken;
-        gap: DesignToken;
-        "line-height": DesignToken;
-        "outline-offset": DesignToken;
-        "text-decoration-line": DesignToken;
-        "text-decoration-thickness": DesignToken;
-        "text-underline-offset": DesignToken;
-        hover: {
+        "text-wrap": DesignToken;
+      };
+      "mega-menu": {
+        button: {
+          cursor: DesignToken;
+          label: {
+            open: {
+              "font-weight": DesignToken;
+            };
+          };
+        };
+      };
+      menu: {
+        "column-gap": DesignToken;
+        "row-gap": DesignToken;
+        item: {
           color: DesignToken;
+          "column-gap": DesignToken;
+          "font-family": DesignToken;
+          "font-size": DesignToken;
+          "font-weight": DesignToken;
+          "line-height": DesignToken;
+          "outline-offset": DesignToken;
+          "padding-block": DesignToken;
+          hover: {
+            color: DesignToken;
+          };
+        };
+        link: {
           "text-decoration-line": DesignToken;
+          "text-decoration-thickness": DesignToken;
+          "text-underline-offset": DesignToken;
+          hover: {
+            "text-decoration-line": DesignToken;
+          };
         };
       };
+      navigation: {
+        "column-gap": DesignToken;
+        "row-gap": DesignToken;
+      };
     };
-    pagination: {
+    "page-heading": {
       color: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
       "font-weight": DesignToken;
       "line-height": DesignToken;
-      button: {
+      "text-wrap": DesignToken;
+      inverse: {
+        color: DesignToken;
+      };
+    };
+    page: {
+      "background-color": DesignToken;
+      "max-inline-size": DesignToken;
+    };
+    pagination: {
+      "font-family": DesignToken;
+      "font-size": DesignToken;
+      "font-weight": DesignToken;
+      "line-height": DesignToken;
+      link: {
+        color: DesignToken;
         gap: DesignToken;
         "outline-offset": DesignToken;
         "padding-inline": DesignToken;
@@ -1128,7 +1121,9 @@ declare const tokens: {
       "font-size": DesignToken;
       "font-weight": DesignToken;
       "line-height": DesignToken;
-      "inverse-color": DesignToken;
+      inverse: {
+        color: DesignToken;
+      };
       small: {
         "font-size": DesignToken;
         "line-height": DesignToken;
@@ -1153,6 +1148,7 @@ declare const tokens: {
         "background-color": DesignToken;
         "box-shadow": DesignToken;
         color: DesignToken;
+        cursor: DesignToken;
       };
       hover: {
         "box-shadow": DesignToken;
@@ -1169,6 +1165,7 @@ declare const tokens: {
     };
     radio: {
       color: DesignToken;
+      cursor: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
       "font-weight": DesignToken;
@@ -1234,6 +1231,7 @@ declare const tokens: {
       };
       disabled: {
         color: DesignToken;
+        cursor: DesignToken;
       };
       hover: {
         color: DesignToken;
@@ -1246,21 +1244,11 @@ declare const tokens: {
     };
     row: {
       gap: {
-        no: DesignToken;
-        xs: DesignToken;
-        sm: DesignToken;
-        md: DesignToken;
-        lg: DesignToken;
-        xl: DesignToken;
-      };
-    };
-    screen: {
-      "background-color": DesignToken;
-      wide: {
-        "max-inline-size": DesignToken;
-      };
-      "x-wide": {
-        "max-inline-size": DesignToken;
+        "x-small": DesignToken;
+        small: DesignToken;
+        medium: DesignToken;
+        large: DesignToken;
+        "x-large": DesignToken;
       };
     };
     "search-field": {
@@ -1279,6 +1267,7 @@ declare const tokens: {
           "background-image": DesignToken;
           "block-size": DesignToken;
           color: DesignToken;
+          cursor: DesignToken;
           "inline-size": DesignToken;
         };
         hover: {
@@ -1312,6 +1301,7 @@ declare const tokens: {
         "background-image": DesignToken;
         "box-shadow": DesignToken;
         color: DesignToken;
+        cursor: DesignToken;
       };
       hover: {
         "box-shadow": DesignToken;
@@ -1344,13 +1334,13 @@ declare const tokens: {
     };
     spotlight: {
       "background-color": DesignToken;
-      blue: {
+      azure: {
         "background-color": DesignToken;
       };
-      "dark-green": {
+      green: {
         "background-color": DesignToken;
       };
-      green: {
+      lime: {
         "background-color": DesignToken;
       };
       magenta: {
@@ -1363,9 +1353,43 @@ declare const tokens: {
         "background-color": DesignToken;
       };
     };
+    "standalone-link": {
+      color: DesignToken;
+      "column-gap": DesignToken;
+      "font-family": DesignToken;
+      "font-size": DesignToken;
+      "font-weight": DesignToken;
+      "line-height": DesignToken;
+      "outline-offset": DesignToken;
+      "text-decoration-thickness": DesignToken;
+      "text-underline-offset": DesignToken;
+      contrast: {
+        color: DesignToken;
+        hover: {
+          color: DesignToken;
+        };
+      };
+      hover: {
+        color: DesignToken;
+        "text-decoration-thickness": DesignToken;
+        "text-underline-offset": DesignToken;
+      };
+      inverse: {
+        color: DesignToken;
+        hover: {
+          color: DesignToken;
+        };
+      };
+      "with-icon": {
+        "text-decoration-line": DesignToken;
+        hover: {
+          "text-decoration-line": DesignToken;
+        };
+      };
+    };
     switch: {
       "background-color": DesignToken;
-      "font-family": DesignToken;
+      cursor: DesignToken;
       "outline-offset": DesignToken;
       "inline-size": DesignToken;
       thumb: {
@@ -1382,6 +1406,7 @@ declare const tokens: {
       };
       disabled: {
         "background-color": DesignToken;
+        cursor: DesignToken;
       };
     };
     "table-of-contents": {
@@ -1453,7 +1478,6 @@ declare const tokens: {
         };
         selected: {
           "box-shadow": DesignToken;
-          color: DesignToken;
           "font-weight": DesignToken;
         };
         disabled: {
@@ -1508,6 +1532,7 @@ declare const tokens: {
         "background-color": DesignToken;
         "box-shadow": DesignToken;
         color: DesignToken;
+        cursor: DesignToken;
       };
       hover: {
         "box-shadow": DesignToken;
@@ -1535,11 +1560,13 @@ declare const tokens: {
       "padding-inline": DesignToken;
       "calender-picker-indicator": {
         "background-image": DesignToken;
+        cursor: DesignToken;
       };
       disabled: {
         "background-color": DesignToken;
         "box-shadow": DesignToken;
         color: DesignToken;
+        cursor: DesignToken;
         "calender-picker-indicator": {
           "background-image": DesignToken;
         };
@@ -1557,40 +1584,21 @@ declare const tokens: {
         };
       };
     };
-    "top-task-link": {
-      gap: DesignToken;
-      description: {
-        color: DesignToken;
-        "font-family": DesignToken;
-        "font-size": DesignToken;
-        "font-weight": DesignToken;
-        "line-height": DesignToken;
-      };
-      label: {
-        color: DesignToken;
-        "font-family": DesignToken;
-        "font-size": DesignToken;
-        "font-weight": DesignToken;
-        "line-height": DesignToken;
-        "text-decoration-line": DesignToken;
-        "text-decoration-thickness": DesignToken;
-        "text-underline-offset": DesignToken;
-        hover: {
-          color: DesignToken;
-          "text-decoration-line": DesignToken;
-        };
-      };
-      "outline-offset": DesignToken;
-    };
     "unordered-list": {
       color: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
       "font-weight": DesignToken;
       gap: DesignToken;
-      "inverse-color": DesignToken;
       "line-height": DesignToken;
       "list-style-type": DesignToken;
+      inverse: {
+        color: DesignToken;
+      };
+      small: {
+        "font-size": DesignToken;
+        "line-height": DesignToken;
+      };
       item: {
         "margin-inline-start": DesignToken;
         "padding-inline-start": DesignToken;
@@ -1605,10 +1613,6 @@ declare const tokens: {
           "padding-inline-start": DesignToken;
         };
       };
-      small: {
-        "font-size": DesignToken;
-        "line-height": DesignToken;
-      };
     };
   };
 };