@amsterdam/design-system-tokens 0.7.1 → 0.9.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 22 Mar 2024 15:51:06 GMT
+ * Generated on Wed, 05 Jun 2024 11:22:11 GMT
  */
 
 export default tokens;
@@ -23,6 +23,14 @@ declare interface DesignToken {
 
 declare const tokens: {
   "ams": {
+    "border": {
+      "width": {
+        "sm": DesignToken,
+        "md": DesignToken,
+        "lg": DesignToken,
+        "xl": DesignToken
+      }
+    },
     "color": {
       "primary-black": DesignToken,
       "primary-white": DesignToken,
@@ -128,11 +136,6 @@ declare const tokens: {
         "cursor": DesignToken
       }
     },
-    "border-width": {
-      "sm": DesignToken,
-      "md": DesignToken,
-      "lg": DesignToken
-    },
     "focus": {
       "outline-offset": DesignToken
     },
@@ -169,11 +172,13 @@ declare const tokens: {
       }
     },
     "accordion": {
+      "gap": DesignToken,
       "button": {
         "color": DesignToken,
         "font-family": DesignToken,
         "font-size": DesignToken,
         "font-weight": DesignToken,
+        "gap": DesignToken,
         "line-height": DesignToken,
         "padding-block": DesignToken,
         "padding-inline": DesignToken,
@@ -181,7 +186,7 @@ declare const tokens: {
           "outline-offset": DesignToken
         },
         "hover": {
-          "box-shadow": DesignToken
+          "color": DesignToken
         }
       },
       "panel": {
@@ -273,11 +278,11 @@ declare const tokens: {
       "font-weight": DesignToken,
       "line-height": DesignToken,
       "padding-inline": DesignToken,
-      "blue": {
+      "black": {
         "background-color": DesignToken,
         "color": DesignToken
       },
-      "dark-blue": {
+      "blue": {
         "background-color": DesignToken,
         "color": DesignToken
       },
@@ -289,6 +294,22 @@ declare const tokens: {
         "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": {
+        "background-color": DesignToken,
+        "color": DesignToken
+      },
       "magenta": {
         "background-color": DesignToken,
         "color": DesignToken
@@ -301,6 +322,14 @@ declare const tokens: {
         "background-color": DesignToken,
         "color": DesignToken
       },
+      "red": {
+        "background-color": DesignToken,
+        "color": DesignToken
+      },
+      "white": {
+        "background-color": DesignToken,
+        "color": DesignToken
+      },
       "yellow": {
         "background-color": DesignToken,
         "color": DesignToken
@@ -322,7 +351,7 @@ declare const tokens: {
       "separator": {
         "background-image": DesignToken
       },
-      "item-link": {
+      "link": {
         "color": DesignToken,
         "outline-offset": DesignToken,
         "text-decoration-line": DesignToken,
@@ -346,6 +375,9 @@ declare const tokens: {
       "disabled": {
         "cursor": DesignToken
       },
+      "forced-color-mode": {
+        "border": DesignToken
+      },
       "primary": {
         "background-color": DesignToken,
         "box-shadow": DesignToken,
@@ -411,6 +443,7 @@ declare const tokens: {
       "outline-offset": DesignToken,
       "checkmark": {
         "border-color": DesignToken,
+        "border-width": DesignToken,
         "checked": {
           "background-color": DesignToken,
           "background-image": DesignToken,
@@ -420,6 +453,7 @@ declare const tokens: {
         },
         "disabled": {
           "border-color": DesignToken,
+          "border-width": DesignToken,
           "checked": {
             "background-color": DesignToken,
             "hover": {
@@ -434,7 +468,8 @@ declare const tokens: {
           }
         },
         "hover": {
-          "border-color": DesignToken
+          "border-color": DesignToken,
+          "border-width": DesignToken
         },
         "invalid": {
           "border-color": DesignToken,
@@ -466,7 +501,8 @@ declare const tokens: {
         "color": DesignToken
       },
       "hover": {
-        "color": DesignToken
+        "color": DesignToken,
+        "text-decoration-thickness": DesignToken
       }
     },
     "column": {
@@ -478,6 +514,57 @@ declare const tokens: {
         "xl": DesignToken
       }
     },
+    "date-input": {
+      "background-color": DesignToken,
+      "box-shadow": DesignToken,
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "outline-offset": DesignToken,
+      "padding-block": DesignToken,
+      "padding-inline": DesignToken,
+      "calender-picker-indicator": {
+        "background-image": DesignToken
+      },
+      "disabled": {
+        "background-color": DesignToken,
+        "box-shadow": DesignToken,
+        "color": DesignToken,
+        "calender-picker-indicator": {
+          "background-image": DesignToken
+        }
+      },
+      "hover": {
+        "box-shadow": DesignToken,
+        "calender-picker-indicator": {
+          "background-image": DesignToken
+        }
+      },
+      "invalid": {
+        "box-shadow": DesignToken,
+        "hover": {
+          "box-shadow": DesignToken
+        }
+      }
+    },
+    "description-list": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "gap": DesignToken,
+      "inverse-color": DesignToken,
+      "line-height": DesignToken,
+      "row": {
+        "gap": DesignToken
+      },
+      "details": {
+        "font-weight": DesignToken,
+        "padding-inline-start": DesignToken
+      }
+    },
     "dialog": {
       "background-color": DesignToken,
       "border": DesignToken,
@@ -495,31 +582,81 @@ declare const tokens: {
         "gap": DesignToken
       }
     },
-    "fieldset": {
+    "error-message": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken
+    },
+    "field-set": {
+      "invalid": {
+        "border-inline-start": DesignToken,
+        "padding-inline-start": DesignToken
+      },
       "legend": {
         "color": DesignToken,
         "font-family": DesignToken,
         "font-size": DesignToken,
         "font-weight": DesignToken,
-        "line-height": DesignToken
+        "line-height": DesignToken,
+        "margin-block-end": DesignToken
       }
     },
-    "form-field-character-counter": {
+    "field": {
+      "gap": DesignToken,
+      "invalid": {
+        "border-inline-start": DesignToken,
+        "padding-inline-start": DesignToken
+      }
+    },
+    "file-input": {
+      "background-color": DesignToken,
+      "border": DesignToken,
       "color": DesignToken,
+      "cursor": DesignToken,
       "font-family": DesignToken,
       "font-size": DesignToken,
       "font-weight": DesignToken,
       "line-height": DesignToken,
-      "error": {
-        "color": DesignToken
+      "outline-offset": DesignToken,
+      "padding-block": DesignToken,
+      "padding-inline": DesignToken,
+      "disabled": {
+        "color": DesignToken,
+        "cursor": DesignToken
+      },
+      "file-selector-button": {
+        "background-color": DesignToken,
+        "box-shadow": DesignToken,
+        "color": DesignToken,
+        "cursor": DesignToken,
+        "margin-inline-end": DesignToken,
+        "padding-block": DesignToken,
+        "padding-inline": DesignToken,
+        "hover": {
+          "box-shadow": DesignToken,
+          "color": DesignToken
+        },
+        "disabled": {
+          "box-shadow": DesignToken,
+          "color": DesignToken,
+          "cursor": DesignToken
+        },
+        "forced-color-mode": {
+          "border": DesignToken
+        }
       }
     },
-    "form-label": {
+    "form-field-character-counter": {
       "color": DesignToken,
       "font-family": DesignToken,
       "font-size": DesignToken,
       "font-weight": DesignToken,
-      "line-height": DesignToken
+      "line-height": DesignToken,
+      "error": {
+        "color": DesignToken
+      }
     },
     "gap": {
       "xs": DesignToken,
@@ -639,13 +776,22 @@ declare const tokens: {
         "line-height": DesignToken
       }
     },
+    "label": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken
+    },
     "link-list": {
       "gap": DesignToken,
       "link": {
         "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,
@@ -654,10 +800,6 @@ declare const tokens: {
           "font-size": DesignToken,
           "line-height": DesignToken
         },
-        "medium": {
-          "font-size": DesignToken,
-          "line-height": DesignToken
-        },
         "large": {
           "font-size": DesignToken,
           "line-height": DesignToken
@@ -734,7 +876,7 @@ declare const tokens: {
       }
     },
     "logo": {
-      "height": DesignToken,
+      "block-size": DesignToken,
       "emblem": {
         "color": DesignToken
       },
@@ -772,6 +914,10 @@ declare const tokens: {
       "inverse-color": DesignToken,
       "line-height": DesignToken,
       "list-style-type": DesignToken,
+      "small": {
+        "font-size": DesignToken,
+        "line-height": DesignToken
+      },
       "item": {
         "margin-inline-start": DesignToken,
         "padding-inline-start": DesignToken
@@ -836,16 +982,14 @@ declare const tokens: {
     "paragraph": {
       "color": DesignToken,
       "font-family": DesignToken,
+      "font-size": DesignToken,
       "font-weight": DesignToken,
+      "line-height": DesignToken,
       "inverse-color": DesignToken,
       "small": {
         "font-size": DesignToken,
         "line-height": DesignToken
       },
-      "medium": {
-        "font-size": DesignToken,
-        "line-height": DesignToken
-      },
       "large": {
         "font-size": DesignToken,
         "line-height": DesignToken
@@ -860,6 +1004,7 @@ declare const tokens: {
       "outline-offset": DesignToken,
       "circle": {
         "border-color": DesignToken,
+        "border-width": DesignToken,
         "checked": {
           "background-image": DesignToken,
           "hover": {
@@ -868,6 +1013,7 @@ declare const tokens: {
         },
         "disabled": {
           "border-color": DesignToken,
+          "border-width": DesignToken,
           "checked": {
             "background-image": DesignToken,
             "hover": {
@@ -895,7 +1041,8 @@ declare const tokens: {
         "color": DesignToken
       },
       "hover": {
-        "color": DesignToken
+        "color": DesignToken,
+        "text-decoration-thickness": DesignToken
       }
     },
     "row": {
@@ -908,11 +1055,12 @@ declare const tokens: {
       }
     },
     "screen": {
+      "background-color": DesignToken,
       "wide": {
-        "max-width": DesignToken
+        "max-inline-size": DesignToken
       },
       "x-wide": {
-        "max-width": DesignToken
+        "max-inline-size": DesignToken
       }
     },
     "search-field": {
@@ -920,13 +1068,14 @@ declare const tokens: {
         "background-color": DesignToken,
         "color": DesignToken,
         "outline-offset": DesignToken,
+        "padding-block": DesignToken,
+        "padding-inline": DesignToken,
         "hover": {
           "background-color": DesignToken
-        },
-        "padding-block": DesignToken,
-        "padding-inline": DesignToken
+        }
       },
       "input": {
+        "background-color": DesignToken,
         "box-shadow": DesignToken,
         "color": DesignToken,
         "font-family": DesignToken,
@@ -938,24 +1087,63 @@ declare const tokens: {
         "padding-inline": DesignToken,
         "cancel-button": {
           "background-image": DesignToken,
+          "block-size": DesignToken,
           "color": DesignToken,
-          "height": DesignToken,
-          "width": DesignToken
+          "inline-size": DesignToken
         },
         "hover": {
           "box-shadow": DesignToken
         },
+        "invalid": {
+          "box-shadow": DesignToken,
+          "hover": {
+            "box-shadow": DesignToken
+          }
+        },
         "placeholder": {
           "color": DesignToken
         }
       }
     },
-    "skip-link": {
+    "select": {
       "background-color": DesignToken,
+      "background-image": DesignToken,
+      "background-position": DesignToken,
+      "box-shadow": DesignToken,
       "color": DesignToken,
       "font-family": DesignToken,
+      "font-size": DesignToken,
       "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "outline-offset": DesignToken,
+      "padding-block": DesignToken,
+      "padding-inline": DesignToken,
+      "disabled": {
+        "background-image": DesignToken,
+        "box-shadow": DesignToken,
+        "color": DesignToken
+      },
+      "hover": {
+        "box-shadow": DesignToken
+      },
+      "invalid": {
+        "box-shadow": DesignToken,
+        "hover": {
+          "box-shadow": DesignToken
+        }
+      },
+      "option": {
+        "disabled": {
+          "color": DesignToken
+        }
+      }
+    },
+    "skip-link": {
+      "background-color": DesignToken,
+      "color": DesignToken,
+      "font-family": DesignToken,
       "font-size": DesignToken,
+      "font-weight": DesignToken,
       "line-height": DesignToken,
       "outline-offset": DesignToken,
       "padding-block": DesignToken,
@@ -991,21 +1179,22 @@ declare const tokens: {
       }
     },
     "switch": {
-      "font-family": DesignToken,
       "background-color": DesignToken,
-      "width": DesignToken,
+      "font-family": DesignToken,
+      "outline-offset": DesignToken,
+      "inline-size": DesignToken,
       "thumb": {
         "background-color": DesignToken,
-        "width": DesignToken,
-        "height": DesignToken,
+        "inline-size": DesignToken,
+        "block-size": DesignToken,
         "hover": {
+          "box-shadow": DesignToken,
           "color": DesignToken
         }
       },
       "checked": {
         "background-color": DesignToken
       },
-      "outline-offset": DesignToken,
       "disabled": {
         "background-color": DesignToken
       }
@@ -1013,14 +1202,14 @@ declare const tokens: {
     "table": {
       "color": DesignToken,
       "font-family": DesignToken,
-      "font-weight": DesignToken,
       "font-size": DesignToken,
+      "font-weight": DesignToken,
       "line-height": DesignToken,
       "caption": {
         "font-weight": DesignToken
       },
       "cell": {
-        "border-bottom": DesignToken,
+        "border-block-end": DesignToken,
         "padding-block": DesignToken,
         "padding-inline": DesignToken
       },
@@ -1030,16 +1219,15 @@ declare const tokens: {
     },
     "tabs": {
       "list": {
-        "border-bottom": DesignToken
+        "background-color": DesignToken,
+        "border-block-end": DesignToken
       },
       "button": {
-        "background-color": DesignToken,
-        "border": DesignToken,
         "color": DesignToken,
         "cursor": DesignToken,
         "font-family": DesignToken,
-        "font-weight": DesignToken,
         "font-size": DesignToken,
+        "font-weight": DesignToken,
         "line-height": DesignToken,
         "outline-offset": DesignToken,
         "padding-block": DesignToken,
@@ -1059,13 +1247,14 @@ declare const tokens: {
       }
     },
     "text-area": {
+      "background-color": DesignToken,
       "box-shadow": DesignToken,
       "color": DesignToken,
       "font-family": DesignToken,
       "font-size": DesignToken,
       "font-weight": DesignToken,
       "line-height": DesignToken,
-      "min-height": DesignToken,
+      "min-block-size": DesignToken,
       "outline-offset": DesignToken,
       "padding-block": DesignToken,
       "padding-inline": DesignToken,
@@ -1089,6 +1278,7 @@ declare const tokens: {
       }
     },
     "text-input": {
+      "background-color": DesignToken,
       "box-shadow": DesignToken,
       "color": DesignToken,
       "font-family": DesignToken,
@@ -1116,6 +1306,41 @@ declare const tokens: {
         "color": DesignToken
       }
     },
+    "time-input": {
+      "background-color": DesignToken,
+      "box-shadow": DesignToken,
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "outline-offset": DesignToken,
+      "padding-block": DesignToken,
+      "padding-inline": DesignToken,
+      "calender-picker-indicator": {
+        "background-image": DesignToken
+      },
+      "disabled": {
+        "background-color": DesignToken,
+        "box-shadow": DesignToken,
+        "color": DesignToken,
+        "calender-picker-indicator": {
+          "background-image": DesignToken
+        }
+      },
+      "hover": {
+        "box-shadow": DesignToken,
+        "calender-picker-indicator": {
+          "background-image": DesignToken
+        }
+      },
+      "invalid": {
+        "box-shadow": DesignToken,
+        "hover": {
+          "box-shadow": DesignToken
+        }
+      }
+    },
     "top-task-link": {
       "description": {
         "color": DesignToken,
@@ -1159,6 +1384,10 @@ declare const tokens: {
           "margin-inline-start": DesignToken,
           "padding-inline-start": DesignToken
         }
+      },
+      "small": {
+        "font-size": DesignToken,
+        "line-height": DesignToken
       }
     }
   }