@amsterdam/design-system-tokens 0.15.0 → 1.0.0

package/dist/index.d.ts

@@ -136,6 +136,7 @@ declare const tokens: {
           "line-height": DesignToken;
         };
         "font-weight": DesignToken;
+        "text-wrap": DesignToken;
       };
     };
     links: {
@@ -179,6 +180,7 @@ declare const tokens: {
         "outline-offset": DesignToken;
         "padding-block": DesignToken;
         "padding-inline": DesignToken;
+        "text-wrap": DesignToken;
         hover: {
           color: DesignToken;
         };
@@ -193,10 +195,9 @@ declare const tokens: {
     };
     alert: {
       "background-color": DesignToken;
-      "box-shadow": DesignToken;
-      "forced-colors": {
-        "border-width": DesignToken;
-      };
+      "border-color": DesignToken;
+      "border-style": DesignToken;
+      "border-width": DesignToken;
       "severity-indicator": {
         "background-color": DesignToken;
         "padding-block": DesignToken;
@@ -208,19 +209,19 @@ declare const tokens: {
         "padding-inline": DesignToken;
       };
       error: {
-        "box-shadow": DesignToken;
+        "border-color": DesignToken;
         "severity-indicator": {
           "background-color": DesignToken;
         };
       };
       success: {
-        "box-shadow": DesignToken;
+        "border-color": DesignToken;
         "severity-indicator": {
           "background-color": DesignToken;
         };
       };
       warning: {
-        "box-shadow": DesignToken;
+        "border-color": DesignToken;
         "severity-indicator": {
           "background-color": DesignToken;
         };
@@ -229,6 +230,9 @@ declare const tokens: {
     avatar: {
       "aspect-ratio": DesignToken;
       "background-color": DesignToken;
+      "border-color": DesignToken;
+      "border-style": DesignToken;
+      "border-width": DesignToken;
       color: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
@@ -241,26 +245,32 @@ declare const tokens: {
       };
       azure: {
         "background-color": DesignToken;
+        "border-color": DesignToken;
         color: DesignToken;
       };
       green: {
         "background-color": DesignToken;
+        "border-color": DesignToken;
         color: DesignToken;
       };
       lime: {
         "background-color": DesignToken;
+        "border-color": DesignToken;
         color: DesignToken;
       };
       magenta: {
         "background-color": DesignToken;
+        "border-color": DesignToken;
         color: DesignToken;
       };
       orange: {
         "background-color": DesignToken;
+        "border-color": DesignToken;
         color: DesignToken;
       };
       yellow: {
         "background-color": DesignToken;
+        "border-color": DesignToken;
         color: DesignToken;
       };
     };
@@ -335,6 +345,8 @@ declare const tokens: {
       };
     };
     button: {
+      "border-style": DesignToken;
+      "border-width": DesignToken;
       cursor: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
@@ -347,45 +359,39 @@ declare const tokens: {
       disabled: {
         cursor: DesignToken;
       };
-      "forced-color-mode": {
-        border: DesignToken;
-      };
       primary: {
         "background-color": DesignToken;
-        "box-shadow": DesignToken;
+        "border-color": DesignToken;
         color: DesignToken;
         disabled: {
           "background-color": DesignToken;
-          "box-shadow": DesignToken;
+          "border-color": DesignToken;
         };
         hover: {
           "background-color": DesignToken;
-          "box-shadow": DesignToken;
+          "border-color": DesignToken;
         };
       };
       secondary: {
         "background-color": DesignToken;
         color: DesignToken;
-        "box-shadow": DesignToken;
         hover: {
           "box-shadow": DesignToken;
           color: DesignToken;
         };
         disabled: {
-          "background-color": DesignToken;
-          "box-shadow": DesignToken;
           color: DesignToken;
         };
       };
       tertiary: {
         "background-color": DesignToken;
+        "border-color": DesignToken;
         color: DesignToken;
         hover: {
-          "box-shadow": DesignToken;
+          "border-color": DesignToken;
           color: DesignToken;
         };
         disabled: {
-          "background-color": DesignToken;
           color: DesignToken;
         };
       };
@@ -395,9 +401,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;
@@ -430,62 +442,87 @@ declare const tokens: {
       gap: DesignToken;
       "line-height": DesignToken;
       "outline-offset": DesignToken;
-      checkmark: {
-        "border-color": DesignToken;
-        "border-width": DesignToken;
-        checked: {
-          "background-color": DesignToken;
-          "background-image": DesignToken;
+      "checked-indicator": {
+        stroke: DesignToken;
+      };
+      "indeterminate-indicator": {
+        stroke: DesignToken;
+      };
+      "hover-indicator": {
+        hover: {
+          stroke: DesignToken;
+        };
+        invalid: {
           hover: {
-            "background-color": DesignToken;
+            stroke: DesignToken;
           };
         };
-        disabled: {
-          "border-color": DesignToken;
-          "border-width": DesignToken;
-          checked: {
-            "background-color": DesignToken;
+      };
+      rectangle: {
+        fill: DesignToken;
+        stroke: DesignToken;
+        checked: {
+          fill: DesignToken;
+          disabled: {
+            fill: DesignToken;
             hover: {
-              "background-color": DesignToken;
+              fill: DesignToken;
             };
           };
-          indeterminate: {
-            "background-color": DesignToken;
+          hover: {
+            fill: DesignToken;
+            "disabled-invalid": {
+              fill: DesignToken;
+            };
+          };
+          invalid: {
+            fill: DesignToken;
             hover: {
-              "background-color": DesignToken;
+              fill: DesignToken;
             };
           };
         };
+        disabled: {
+          stroke: DesignToken;
+        };
         hover: {
-          "border-color": DesignToken;
-          "border-width": DesignToken;
+          stroke: DesignToken;
+          "disabled-invalid": {
+            stroke: DesignToken;
+          };
         };
-        invalid: {
-          "border-color": DesignToken;
-          checked: {
-            "background-color": DesignToken;
+        indeterminate: {
+          fill: DesignToken;
+          disabled: {
+            fill: DesignToken;
             hover: {
-              "background-color": DesignToken;
+              fill: DesignToken;
             };
           };
           hover: {
-            "border-color": DesignToken;
+            fill: DesignToken;
+            "disabled-invalid": {
+              fill: DesignToken;
+            };
           };
-          indeterminate: {
-            "background-color": DesignToken;
+          invalid: {
+            fill: DesignToken;
             hover: {
-              "background-color": DesignToken;
+              fill: DesignToken;
             };
           };
         };
-        indeterminate: {
-          "background-color": DesignToken;
-          "background-image": DesignToken;
+        invalid: {
+          stroke: DesignToken;
           hover: {
-            "background-color": DesignToken;
+            stroke: DesignToken;
           };
         };
       };
+      "icon-container": {
+        "block-size": DesignToken;
+        "inline-size": DesignToken;
+      };
       disabled: {
         cursor: DesignToken;
         color: DesignToken;
@@ -506,7 +543,9 @@ declare const tokens: {
     };
     "date-input": {
       "background-color": DesignToken;
-      "box-shadow": DesignToken;
+      "border-color": DesignToken;
+      "border-style": DesignToken;
+      "border-width": DesignToken;
       color: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
@@ -520,8 +559,6 @@ declare const tokens: {
         cursor: DesignToken;
       };
       disabled: {
-        "background-color": DesignToken;
-        "box-shadow": DesignToken;
         color: DesignToken;
         cursor: DesignToken;
         "calender-picker-indicator": {
@@ -535,8 +572,9 @@ declare const tokens: {
         };
       };
       invalid: {
-        "box-shadow": DesignToken;
+        "border-color": DesignToken;
         hover: {
+          "border-color": DesignToken;
           "box-shadow": DesignToken;
         };
       };
@@ -570,11 +608,17 @@ declare const tokens: {
     };
     dialog: {
       "background-color": DesignToken;
-      border: DesignToken;
+      "border-color": DesignToken;
+      "border-style": DesignToken;
+      "border-width": DesignToken;
       gap: DesignToken;
       "inline-size": DesignToken;
       "max-block-size": DesignToken;
       "max-inline-size": DesignToken;
+      medium: {
+        "inline-size": DesignToken;
+        "max-block-size": DesignToken;
+      };
       backdrop: {
         "background-color": DesignToken;
       };
@@ -582,14 +626,25 @@ declare const tokens: {
         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": {
@@ -612,6 +667,7 @@ declare const tokens: {
         "font-weight": DesignToken;
         "line-height": DesignToken;
         "margin-block-end": DesignToken;
+        "text-wrap": DesignToken;
       };
     };
     field: {
@@ -636,7 +692,9 @@ declare const tokens: {
     };
     "file-input": {
       "background-color": DesignToken;
-      border: DesignToken;
+      "border-color": DesignToken;
+      "border-style": DesignToken;
+      "border-width": DesignToken;
       color: DesignToken;
       cursor: DesignToken;
       "font-family": DesignToken;
@@ -652,7 +710,9 @@ declare const tokens: {
       };
       "file-selector-button": {
         "background-color": DesignToken;
-        "box-shadow": DesignToken;
+        "border-color": DesignToken;
+        "border-style": DesignToken;
+        "border-width": DesignToken;
         color: DesignToken;
         cursor: DesignToken;
         "margin-inline-end": DesignToken;
@@ -663,13 +723,9 @@ declare const tokens: {
           color: DesignToken;
         };
         disabled: {
-          "box-shadow": DesignToken;
           color: DesignToken;
           cursor: DesignToken;
         };
-        "forced-color-mode": {
-          border: DesignToken;
-        };
       };
     };
     "file-list": {
@@ -689,45 +745,19 @@ declare const tokens: {
         };
       };
     };
-    footer: {
-      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;
-      };
-    };
     grid: {
       "column-count": DesignToken;
       "column-gap": DesignToken;
       "padding-block": {
-        s: DesignToken;
-        m: DesignToken;
         l: DesignToken;
+        xl: DesignToken;
+        "2xl": DesignToken;
       };
       "padding-inline": DesignToken;
       "row-gap": {
-        s: DesignToken;
-        m: DesignToken;
         l: DesignToken;
+        xl: DesignToken;
+        "2xl": DesignToken;
       };
       medium: {
         "column-count": DesignToken;
@@ -738,59 +768,6 @@ declare const tokens: {
         "padding-inline": DesignToken;
       };
     };
-    header: {
-      "font-family": DesignToken;
-      "padding-block": DesignToken;
-      "padding-inline": 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;
-            };
-          };
-        };
-      };
-      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;
-      };
-    };
     heading: {
       "1": {
         "font-size": DesignToken;
@@ -819,12 +796,13 @@ declare const tokens: {
       color: DesignToken;
       "font-family": DesignToken;
       "font-weight": DesignToken;
+      "text-wrap": DesignToken;
       inverse: {
         color: DesignToken;
       };
     };
     hint: {
-      color: DesignToken;
+      "font-weight": DesignToken;
     };
     "icon-button": {
       color: DesignToken;
@@ -926,6 +904,7 @@ declare const tokens: {
       "font-size": DesignToken;
       "font-weight": DesignToken;
       "line-height": DesignToken;
+      "text-wrap": DesignToken;
     };
     "link-list": {
       gap: DesignToken;
@@ -969,31 +948,16 @@ 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-thickness": DesignToken;
         "text-underline-offset": DesignToken;
-        "font-family": DesignToken;
-        "font-size": DesignToken;
-        "line-height": DesignToken;
-        hover: {
-          "text-decoration-thickness": DesignToken;
-          "text-underline-offset": DesignToken;
-        };
-      };
-      standalone: {
-        "font-size": DesignToken;
-        "line-height": DesignToken;
-        "text-decoration-thickness": DesignToken;
-        "text-underline-offset": DesignToken;
-        hover: {
-          "text-decoration-thickness": DesignToken;
-          "text-underline-offset": DesignToken;
-        };
       };
       contrast: {
         color: DesignToken;
@@ -1024,14 +988,6 @@ declare const tokens: {
     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;
@@ -1062,35 +1018,113 @@ declare const tokens: {
         };
       };
     };
-    "page-heading": {
-      color: DesignToken;
-      "font-family": DesignToken;
-      "font-size": DesignToken;
-      "font-weight": DesignToken;
-      "line-height": DesignToken;
-      inverse: {
-        color: 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;
+      };
+    };
+    "page-heading": {
+      color: DesignToken;
+      "font-family": DesignToken;
+      "font-size": DesignToken;
+      "font-weight": DesignToken;
+      "line-height": DesignToken;
+      "text-wrap": DesignToken;
+      inverse: {
+        color: DesignToken;
+      };
+    };
+    page: {
+      "background-color": DesignToken;
+      "max-inline-size": DesignToken;
     };
     pagination: {
       "font-family": DesignToken;
@@ -1134,7 +1168,9 @@ declare const tokens: {
     };
     "password-input": {
       "background-color": DesignToken;
-      "box-shadow": DesignToken;
+      "border-color": DesignToken;
+      "border-style": DesignToken;
+      "border-width": DesignToken;
       color: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
@@ -1144,8 +1180,6 @@ declare const tokens: {
       "padding-block": DesignToken;
       "padding-inline": DesignToken;
       disabled: {
-        "background-color": DesignToken;
-        "box-shadow": DesignToken;
         color: DesignToken;
         cursor: DesignToken;
       };
@@ -1153,8 +1187,9 @@ declare const tokens: {
         "box-shadow": DesignToken;
       };
       invalid: {
-        "box-shadow": DesignToken;
+        "border-color": DesignToken;
         hover: {
+          "border-color": DesignToken;
           "box-shadow": DesignToken;
         };
       };
@@ -1195,7 +1230,6 @@ declare const tokens: {
         };
       };
       "hover-indicator": {
-        "stroke-width": DesignToken;
         hover: {
           stroke: DesignToken;
         };
@@ -1208,7 +1242,6 @@ declare const tokens: {
       circle: {
         fill: DesignToken;
         stroke: DesignToken;
-        "stroke-width": DesignToken;
         disabled: {
           stroke: DesignToken;
         };
@@ -1250,19 +1283,12 @@ declare const tokens: {
         "x-large": DesignToken;
       };
     };
-    screen: {
-      "background-color": DesignToken;
-      wide: {
-        "max-inline-size": DesignToken;
-      };
-      "x-wide": {
-        "max-inline-size": DesignToken;
-      };
-    };
     "search-field": {
       input: {
         "background-color": DesignToken;
-        "box-shadow": DesignToken;
+        "border-color": DesignToken;
+        "border-style": DesignToken;
+        "border-width": DesignToken;
         color: DesignToken;
         "font-family": DesignToken;
         "font-size": DesignToken;
@@ -1282,8 +1308,9 @@ declare const tokens: {
           "box-shadow": DesignToken;
         };
         invalid: {
-          "box-shadow": DesignToken;
+          "border-color": DesignToken;
           hover: {
+            "border-color": DesignToken;
             "box-shadow": DesignToken;
           };
         };
@@ -1296,7 +1323,9 @@ declare const tokens: {
       "background-color": DesignToken;
       "background-image": DesignToken;
       "background-position": DesignToken;
-      "box-shadow": DesignToken;
+      "border-color": DesignToken;
+      "border-style": DesignToken;
+      "border-width": DesignToken;
       color: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
@@ -1307,16 +1336,17 @@ declare const tokens: {
       "padding-inline": DesignToken;
       disabled: {
         "background-image": DesignToken;
-        "box-shadow": DesignToken;
         color: DesignToken;
         cursor: DesignToken;
       };
       hover: {
         "box-shadow": DesignToken;
+        "background-image": DesignToken;
       };
       invalid: {
-        "box-shadow": DesignToken;
+        "border-color": DesignToken;
         hover: {
+          "border-color": DesignToken;
           "box-shadow": DesignToken;
         };
       };
@@ -1361,6 +1391,40 @@ 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;
       cursor: DesignToken;
@@ -1368,8 +1432,8 @@ declare const tokens: {
       "inline-size": DesignToken;
       thumb: {
         "background-color": DesignToken;
-        "inline-size": DesignToken;
         "block-size": DesignToken;
+        "inline-size": DesignToken;
         hover: {
           "box-shadow": DesignToken;
           color: DesignToken;
@@ -1447,8 +1511,8 @@ declare const tokens: {
         "padding-block": DesignToken;
         "padding-inline": DesignToken;
         hover: {
-          color: DesignToken;
           "box-shadow": DesignToken;
+          color: DesignToken;
         };
         selected: {
           "box-shadow": DesignToken;
@@ -1462,7 +1526,9 @@ declare const tokens: {
     };
     "text-area": {
       "background-color": DesignToken;
-      "box-shadow": DesignToken;
+      "border-color": DesignToken;
+      "border-style": DesignToken;
+      "border-width": DesignToken;
       color: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
@@ -1473,8 +1539,6 @@ declare const tokens: {
       "padding-block": DesignToken;
       "padding-inline": DesignToken;
       disabled: {
-        "background-color": DesignToken;
-        "box-shadow": DesignToken;
         color: DesignToken;
         cursor: DesignToken;
       };
@@ -1482,8 +1546,9 @@ declare const tokens: {
         "box-shadow": DesignToken;
       };
       invalid: {
-        "box-shadow": DesignToken;
+        "border-color": DesignToken;
         hover: {
+          "border-color": DesignToken;
           "box-shadow": DesignToken;
         };
       };
@@ -1493,7 +1558,9 @@ declare const tokens: {
     };
     "text-input": {
       "background-color": DesignToken;
-      "box-shadow": DesignToken;
+      "border-color": DesignToken;
+      "border-style": DesignToken;
+      "border-width": DesignToken;
       color: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
@@ -1503,8 +1570,6 @@ declare const tokens: {
       "padding-block": DesignToken;
       "padding-inline": DesignToken;
       disabled: {
-        "background-color": DesignToken;
-        "box-shadow": DesignToken;
         color: DesignToken;
         cursor: DesignToken;
       };
@@ -1512,8 +1577,9 @@ declare const tokens: {
         "box-shadow": DesignToken;
       };
       invalid: {
-        "box-shadow": DesignToken;
+        "border-color": DesignToken;
         hover: {
+          "border-color": DesignToken;
           "box-shadow": DesignToken;
         };
       };
@@ -1523,7 +1589,9 @@ declare const tokens: {
     };
     "time-input": {
       "background-color": DesignToken;
-      "box-shadow": DesignToken;
+      "border-color": DesignToken;
+      "border-style": DesignToken;
+      "border-width": DesignToken;
       color: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
@@ -1537,8 +1605,6 @@ declare const tokens: {
         cursor: DesignToken;
       };
       disabled: {
-        "background-color": DesignToken;
-        "box-shadow": DesignToken;
         color: DesignToken;
         cursor: DesignToken;
         "calender-picker-indicator": {
@@ -1552,37 +1618,13 @@ declare const tokens: {
         };
       };
       invalid: {
-        "box-shadow": DesignToken;
+        "border-color": DesignToken;
         hover: {
+          "border-color": DesignToken;
           "box-shadow": DesignToken;
         };
       };
     };
-    "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;