@amsterdam/design-system-tokens 0.14.0 → 0.15.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,17 @@ declare const tokens: {
           "font-size": DesignToken;
           "line-height": DesignToken;
         };
+        "font-weight": 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 +158,27 @@ 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;
-        };
         hover: {
           color: DesignToken;
         };
@@ -195,67 +193,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": {
+      azure: {
         "background-color": DesignToken;
         color: DesignToken;
       };
-      "grey-2": {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
-      "grey-3": {
+      green: {
         "background-color": DesignToken;
         color: DesignToken;
       };
-      "light-blue": {
+      lime: {
         "background-color": DesignToken;
         color: DesignToken;
       };
@@ -267,58 +259,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: {
+      azure: {
         "background-color": DesignToken;
         color: DesignToken;
       };
-      blue: {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
-      "dark-green": {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
-      green: {
-        "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 +296,6 @@ declare const tokens: {
         "background-color": DesignToken;
         color: DesignToken;
       };
-      white: {
-        "background-color": DesignToken;
-        color: DesignToken;
-      };
       yellow: {
         "background-color": DesignToken;
         color: DesignToken;
@@ -353,7 +307,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 +334,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 +376,6 @@ declare const tokens: {
           "box-shadow": DesignToken;
           color: DesignToken;
         };
-        focus: {
-          "box-shadow": DesignToken;
-        };
       };
       tertiary: {
         "background-color": DesignToken;
@@ -476,6 +423,7 @@ declare const tokens: {
     };
     checkbox: {
       color: DesignToken;
+      cursor: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
       "font-weight": DesignToken;
@@ -539,6 +487,7 @@ declare const tokens: {
         };
       };
       disabled: {
+        cursor: DesignToken;
         color: DesignToken;
       };
       hover: {
@@ -548,12 +497,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 +517,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 +546,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 +558,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 +575,21 @@ declare const tokens: {
       "inline-size": DesignToken;
       "max-block-size": DesignToken;
       "max-inline-size": DesignToken;
-      "padding-block": DesignToken;
-      "padding-inline": DesignToken;
+      backdrop: {
+        "background-color": DesignToken;
+      };
       header: {
         gap: DesignToken;
+        "padding-block": DesignToken;
+        "padding-inline": DesignToken;
+      };
+      body: {
+        "padding-block": DesignToken;
+        "padding-inline": DesignToken;
+      };
+      footer: {
+        "padding-block": DesignToken;
+        "padding-inline": DesignToken;
       };
     };
     "error-message": {
@@ -657,7 +629,9 @@ declare const tokens: {
         "font-size": DesignToken;
         "font-weight": DesignToken;
         "line-height": DesignToken;
-        "inverse-color": DesignToken;
+        inverse: {
+          color: DesignToken;
+        };
       };
     };
     "file-input": {
@@ -716,53 +690,70 @@ declare const tokens: {
       };
     };
     footer: {
-      top: {
+      menu: {
+        "column-gap": DesignToken;
+        "padding-block": DesignToken;
+        "padding-inline": DesignToken;
+        "row-gap": 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;
       };
     };
-    "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;
+        s: DesignToken;
+        m: DesignToken;
+        l: DesignToken;
       };
       "padding-inline": DesignToken;
       "row-gap": {
-        sm: DesignToken;
-        md: DesignToken;
-        lg: DesignToken;
+        s: DesignToken;
+        m: DesignToken;
+        l: DesignToken;
       };
       medium: {
         "column-count": DesignToken;
+        "padding-inline": DesignToken;
       };
       wide: {
         "column-count": DesignToken;
+        "padding-inline": DesignToken;
       };
     };
     header: {
+      "font-family": DesignToken;
       "padding-block": DesignToken;
       "padding-inline": DesignToken;
-      branding: {
-        "column-gap": DesignToken;
-        "row-gap": DesignToken;
-      };
       "logo-link": {
+        "column-gap": DesignToken;
         "outline-offset": DesignToken;
       };
+      "brand-name": {
+        color: DesignToken;
+        "font-size": DesignToken;
+        "font-weight": DesignToken;
+      };
       "mega-menu": {
         button: {
+          cursor: DesignToken;
           label: {
             open: {
               "font-weight": DesignToken;
@@ -801,35 +792,35 @@ declare const tokens: {
       };
     };
     heading: {
+      "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;
+      };
       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;
-        };
+      inverse: {
+        color: DesignToken;
       };
     };
     hint: {
@@ -837,6 +828,7 @@ declare const tokens: {
     };
     "icon-button": {
       color: DesignToken;
+      cursor: DesignToken;
       "outline-offset": DesignToken;
       hover: {
         "background-color": DesignToken;
@@ -844,8 +836,9 @@ declare const tokens: {
       };
       disabled: {
         color: DesignToken;
+        cursor: DesignToken;
       };
-      "contrast-color": {
+      contrast: {
         color: DesignToken;
         hover: {
           "background-color": DesignToken;
@@ -855,7 +848,7 @@ declare const tokens: {
           color: DesignToken;
         };
       };
-      "inverse-color": {
+      inverse: {
         "background-color": DesignToken;
         color: DesignToken;
         hover: {
@@ -869,25 +862,35 @@ declare const tokens: {
       };
     };
     icon: {
-      inverse: {
-        color: DesignToken;
+      "font-size": DesignToken;
+      "line-height": DesignToken;
+      small: {
+        "font-size": DesignToken;
+        "line-height": DesignToken;
       };
-      "size-3": {
+      large: {
+        "font-size": DesignToken;
+        "line-height": DesignToken;
+      };
+      "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,6 +917,9 @@ declare const tokens: {
     image: {
       "aspect-ratio": DesignToken;
     };
+    "invalid-form-alert": {
+      "outline-offset": DesignToken;
+    };
     label: {
       color: DesignToken;
       "font-family": DesignToken;
@@ -946,13 +952,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;
@@ -969,7 +975,6 @@ declare const tokens: {
         color: DesignToken;
       };
       inline: {
-        "text-decoration-line": DesignToken;
         "text-decoration-thickness": DesignToken;
         "text-underline-offset": DesignToken;
         "font-family": DesignToken;
@@ -979,14 +984,10 @@ declare const tokens: {
           "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: {
@@ -994,31 +995,25 @@ declare const tokens: {
           "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,13 +1021,6 @@ declare const tokens: {
         color: DesignToken;
       };
     };
-    margin: {
-      xs: DesignToken;
-      sm: DesignToken;
-      md: DesignToken;
-      lg: DesignToken;
-      xl: DesignToken;
-    };
     mark: {
       "background-color": DesignToken;
     };
@@ -1050,13 +1038,15 @@ declare const tokens: {
       "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;
@@ -1077,8 +1067,10 @@ declare const tokens: {
       "font-family": DesignToken;
       "font-size": DesignToken;
       "font-weight": DesignToken;
-      "inverse-color": DesignToken;
       "line-height": DesignToken;
+      inverse: {
+        color: DesignToken;
+      };
     };
     "page-menu": {
       "column-gap": DesignToken;
@@ -1101,12 +1093,12 @@ declare const tokens: {
       };
     };
     pagination: {
-      color: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
       "font-weight": DesignToken;
       "line-height": DesignToken;
-      button: {
+      link: {
+        color: DesignToken;
         gap: DesignToken;
         "outline-offset": DesignToken;
         "padding-inline": DesignToken;
@@ -1128,7 +1120,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 +1147,7 @@ declare const tokens: {
         "background-color": DesignToken;
         "box-shadow": DesignToken;
         color: DesignToken;
+        cursor: DesignToken;
       };
       hover: {
         "box-shadow": DesignToken;
@@ -1169,6 +1164,7 @@ declare const tokens: {
     };
     radio: {
       color: DesignToken;
+      cursor: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
       "font-weight": DesignToken;
@@ -1234,6 +1230,7 @@ declare const tokens: {
       };
       disabled: {
         color: DesignToken;
+        cursor: DesignToken;
       };
       hover: {
         color: DesignToken;
@@ -1246,12 +1243,11 @@ declare const tokens: {
     };
     row: {
       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;
       };
     };
     screen: {
@@ -1279,6 +1275,7 @@ declare const tokens: {
           "background-image": DesignToken;
           "block-size": DesignToken;
           color: DesignToken;
+          cursor: DesignToken;
           "inline-size": DesignToken;
         };
         hover: {
@@ -1312,6 +1309,7 @@ declare const tokens: {
         "background-image": DesignToken;
         "box-shadow": DesignToken;
         color: DesignToken;
+        cursor: DesignToken;
       };
       hover: {
         "box-shadow": DesignToken;
@@ -1344,13 +1342,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: {
@@ -1365,7 +1363,7 @@ declare const tokens: {
     };
     switch: {
       "background-color": DesignToken;
-      "font-family": DesignToken;
+      cursor: DesignToken;
       "outline-offset": DesignToken;
       "inline-size": DesignToken;
       thumb: {
@@ -1382,6 +1380,7 @@ declare const tokens: {
       };
       disabled: {
         "background-color": DesignToken;
+        cursor: DesignToken;
       };
     };
     "table-of-contents": {
@@ -1453,7 +1452,6 @@ declare const tokens: {
         };
         selected: {
           "box-shadow": DesignToken;
-          color: DesignToken;
           "font-weight": DesignToken;
         };
         disabled: {
@@ -1508,6 +1506,7 @@ declare const tokens: {
         "background-color": DesignToken;
         "box-shadow": DesignToken;
         color: DesignToken;
+        cursor: DesignToken;
       };
       hover: {
         "box-shadow": DesignToken;
@@ -1535,11 +1534,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;
         };
@@ -1588,9 +1589,15 @@ declare const tokens: {
       "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 +1612,6 @@ declare const tokens: {
           "padding-inline-start": DesignToken;
         };
       };
-      small: {
-        "font-size": DesignToken;
-        "line-height": DesignToken;
-      };
     };
   };
 };