@amsterdam/design-system-tokens 0.5.1 → 0.6.1

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 13 Feb 2024 11:27:27 GMT
+ * Generated on Mon, 11 Mar 2024 17:19:31 GMT
  */
 
 export default tokens;
@@ -48,6 +48,29 @@ declare const tokens: {
       "x-wide": DesignToken,
       "2x-wide": DesignToken
     },
+    "space": {
+      "grid": {
+        "xs": DesignToken,
+        "sm": DesignToken,
+        "md": DesignToken,
+        "lg": DesignToken,
+        "xl": DesignToken
+      },
+      "inside": {
+        "xs": DesignToken,
+        "sm": DesignToken,
+        "md": DesignToken,
+        "lg": DesignToken,
+        "xl": DesignToken
+      },
+      "stack": {
+        "xs": DesignToken,
+        "sm": DesignToken,
+        "md": DesignToken,
+        "lg": DesignToken,
+        "xl": DesignToken
+      }
+    },
     "typography": {
       "font-family": DesignToken,
       "font-weight": {
@@ -85,6 +108,26 @@ declare const tokens: {
         }
       }
     },
+    "action": {
+      "activate": {
+        "cursor": DesignToken
+      },
+      "busy": {
+        "cursor": DesignToken
+      },
+      "disabled": {
+        "cursor": DesignToken
+      },
+      "inert": {
+        "cursor": DesignToken
+      },
+      "navigate": {
+        "cursor": DesignToken
+      },
+      "submit": {
+        "cursor": DesignToken
+      }
+    },
     "border-width": {
       "sm": DesignToken,
       "md": DesignToken,
@@ -125,14 +168,6 @@ declare const tokens: {
         }
       }
     },
-    "spacing": {
-      "inset": {
-        "sm": DesignToken,
-        "md": DesignToken,
-        "lg": DesignToken,
-        "xl": DesignToken
-      }
-    },
     "accordion": {
       "button": {
         "color": DesignToken,
@@ -140,22 +175,26 @@ declare const tokens: {
         "font-size": DesignToken,
         "font-weight": DesignToken,
         "line-height": DesignToken,
+        "padding-block": DesignToken,
+        "padding-inline": DesignToken,
         "focus": {
           "outline-offset": DesignToken
         },
         "hover": {
           "box-shadow": DesignToken
         }
+      },
+      "panel": {
+        "padding-block": DesignToken,
+        "padding-inline": DesignToken
       }
     },
     "alert": {
       "border-width": DesignToken,
       "border-style": DesignToken,
       "gap": DesignToken,
-      "padding-block-start": DesignToken,
-      "padding-block-end": DesignToken,
-      "padding-inline-start": DesignToken,
-      "padding-inline-end": DesignToken,
+      "padding-block": DesignToken,
+      "padding-inline": DesignToken,
       "error": {
         "border-color": DesignToken
       },
@@ -251,23 +290,57 @@ declare const tokens: {
       }
     },
     "button": {
+      "cursor": DesignToken,
+      "font-family": DesignToken,
       "font-size": DesignToken,
       "line-height": DesignToken,
-      "secondary": {
+      "gap": DesignToken,
+      "padding-block": DesignToken,
+      "padding-inline": DesignToken,
+      "outline-offset": DesignToken,
+      "disabled": {
+        "cursor": DesignToken
+      },
+      "primary": {
+        "background-color": DesignToken,
         "box-shadow": DesignToken,
+        "color": DesignToken,
+        "disabled": {
+          "background-color": DesignToken,
+          "box-shadow": DesignToken
+        },
         "hover": {
+          "background-color": DesignToken,
           "box-shadow": DesignToken
+        }
+      },
+      "secondary": {
+        "background-color": DesignToken,
+        "color": DesignToken,
+        "box-shadow": DesignToken,
+        "hover": {
+          "box-shadow": DesignToken,
+          "color": DesignToken
         },
         "disabled": {
-          "box-shadow": DesignToken
+          "background-color": DesignToken,
+          "box-shadow": DesignToken,
+          "color": DesignToken
         },
         "focus": {
           "box-shadow": DesignToken
         }
       },
       "tertiary": {
+        "background-color": DesignToken,
+        "color": DesignToken,
         "hover": {
-          "box-shadow": DesignToken
+          "box-shadow": DesignToken,
+          "color": DesignToken
+        },
+        "disabled": {
+          "background-color": DesignToken,
+          "color": DesignToken
         }
       }
     },
@@ -295,6 +368,7 @@ declare const tokens: {
         "border-color": DesignToken,
         "checked": {
           "background-color": DesignToken,
+          "background-image": DesignToken,
           "hover": {
             "background-color": DesignToken
           }
@@ -337,6 +411,7 @@ declare const tokens: {
         },
         "indeterminate": {
           "background-color": DesignToken,
+          "background-image": DesignToken,
           "hover": {
             "background-color": DesignToken
           }
@@ -349,6 +424,15 @@ declare const tokens: {
         "color": DesignToken
       }
     },
+    "column": {
+      "gap": {
+        "xs": DesignToken,
+        "sm": DesignToken,
+        "md": DesignToken,
+        "lg": DesignToken,
+        "xl": DesignToken
+      }
+    },
     "dialog": {
       "background-color": DesignToken,
       "border": DesignToken,
@@ -360,24 +444,26 @@ declare const tokens: {
         "font-weight": DesignToken,
         "line-height": DesignToken
       },
-      "backdrop": {
-        "background": DesignToken
-      },
       "form": {
         "gap": DesignToken,
         "padding-block": DesignToken,
         "padding-inline": DesignToken,
         "max-block-size": DesignToken
       },
-      "article": {
-        "padding-inline-end": DesignToken
-      },
       "header": {
         "gap": DesignToken
       },
       "footer": {
-        "gap": DesignToken,
-        "padding-block": DesignToken
+        "gap": DesignToken
+      }
+    },
+    "fieldset": {
+      "legend": {
+        "color": DesignToken,
+        "font-family": DesignToken,
+        "font-size": DesignToken,
+        "font-weight": DesignToken,
+        "line-height": DesignToken
       }
     },
     "form-label": {
@@ -387,10 +473,27 @@ declare const tokens: {
       "font-weight": DesignToken,
       "line-height": DesignToken
     },
+    "gap": {
+      "xs": DesignToken,
+      "sm": DesignToken,
+      "md": DesignToken,
+      "lg": DesignToken,
+      "xl": DesignToken
+    },
     "grid": {
       "column-count": DesignToken,
-      "gap": DesignToken,
+      "column-gap": DesignToken,
+      "padding-block": {
+        "sm": DesignToken,
+        "md": DesignToken,
+        "lg": DesignToken
+      },
       "padding-inline": DesignToken,
+      "row-gap": {
+        "sm": DesignToken,
+        "md": DesignToken,
+        "lg": DesignToken
+      },
       "medium": {
         "column-count": DesignToken
       },
@@ -399,7 +502,11 @@ declare const tokens: {
       }
     },
     "header": {
-      "column-gap": DesignToken
+      "column-gap": DesignToken,
+      "padding-block": DesignToken,
+      "logo-link": {
+        "outline-offset": DesignToken
+      }
     },
     "heading": {
       "color": DesignToken,
@@ -588,6 +695,13 @@ declare const tokens: {
         "color": DesignToken
       }
     },
+    "margin": {
+      "xs": DesignToken,
+      "sm": DesignToken,
+      "md": DesignToken,
+      "lg": DesignToken,
+      "xl": DesignToken
+    },
     "mark": {
       "background-color": DesignToken
     },
@@ -605,6 +719,7 @@ declare const tokens: {
       "font-size": DesignToken,
       "font-weight": DesignToken,
       "gap": DesignToken,
+      "inverse-color": DesignToken,
       "line-height": DesignToken,
       "list-style-type": DesignToken,
       "item": {
@@ -655,6 +770,7 @@ declare const tokens: {
       "line-height": DesignToken,
       "button": {
         "outline-offset": DesignToken,
+        "padding-inline": DesignToken,
         "text-decoration-line": DesignToken,
         "text-decoration-thickness": DesignToken,
         "text-underline-offset": DesignToken,
@@ -685,6 +801,62 @@ declare const tokens: {
         "line-height": DesignToken
       }
     },
+    "radio": {
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "outline-offset": DesignToken,
+      "circle": {
+        "border-color": DesignToken,
+        "checked": {
+          "background-image": DesignToken,
+          "hover": {
+            "background-image": DesignToken
+          }
+        },
+        "disabled": {
+          "border-color": DesignToken,
+          "checked": {
+            "background-image": DesignToken,
+            "hover": {
+              "background-image": DesignToken
+            }
+          }
+        },
+        "hover": {
+          "border-color": DesignToken
+        },
+        "invalid": {
+          "border-color": DesignToken,
+          "checked": {
+            "background-image": DesignToken,
+            "hover": {
+              "background-image": DesignToken
+            }
+          },
+          "hover": {
+            "border-color": DesignToken
+          }
+        }
+      },
+      "disabled": {
+        "color": DesignToken
+      },
+      "hover": {
+        "color": DesignToken
+      }
+    },
+    "row": {
+      "gap": {
+        "xs": DesignToken,
+        "sm": DesignToken,
+        "md": DesignToken,
+        "lg": DesignToken,
+        "xl": DesignToken
+      }
+    },
     "screen": {
       "wide": {
         "max-width": DesignToken
@@ -700,7 +872,9 @@ declare const tokens: {
         "outline-offset": DesignToken,
         "hover": {
           "background-color": DesignToken
-        }
+        },
+        "padding-block": DesignToken,
+        "padding-inline": DesignToken
       },
       "input": {
         "box-shadow": DesignToken,
@@ -710,6 +884,8 @@ declare const tokens: {
         "font-weight": DesignToken,
         "line-height": DesignToken,
         "outline-offset": DesignToken,
+        "padding-block": DesignToken,
+        "padding-inline": DesignToken,
         "cancel-button": {
           "background-image": DesignToken,
           "color": DesignToken,
@@ -732,6 +908,8 @@ declare const tokens: {
       "font-size": DesignToken,
       "line-height": DesignToken,
       "outline-offset": DesignToken,
+      "padding-block": DesignToken,
+      "padding-inline": DesignToken,
       "hover": {
         "background-color": DesignToken
       }
@@ -792,12 +970,74 @@ declare const tokens: {
         "font-weight": DesignToken
       },
       "cell": {
-        "border-bottom": DesignToken
+        "border-bottom": DesignToken,
+        "padding-block": DesignToken,
+        "padding-inline": DesignToken
       },
       "header-cell": {
         "font-weight": DesignToken
       }
     },
+    "tabs": {
+      "list": {
+        "border-bottom": DesignToken
+      },
+      "button": {
+        "background-color": DesignToken,
+        "border": DesignToken,
+        "color": DesignToken,
+        "cursor": DesignToken,
+        "font-family": DesignToken,
+        "font-weight": DesignToken,
+        "font-size": DesignToken,
+        "line-height": DesignToken,
+        "outline-offset": DesignToken,
+        "padding-block": DesignToken,
+        "padding-inline": DesignToken,
+        "hover": {
+          "color": DesignToken,
+          "box-shadow": DesignToken
+        },
+        "selected": {
+          "background-color": DesignToken,
+          "color": DesignToken
+        },
+        "disabled": {
+          "color": DesignToken,
+          "cursor": DesignToken
+        }
+      }
+    },
+    "text-area": {
+      "box-shadow": DesignToken,
+      "color": DesignToken,
+      "font-family": DesignToken,
+      "font-size": DesignToken,
+      "font-weight": DesignToken,
+      "line-height": DesignToken,
+      "min-height": DesignToken,
+      "outline-offset": DesignToken,
+      "padding-block": DesignToken,
+      "padding-inline": DesignToken,
+      "disabled": {
+        "background-color": DesignToken,
+        "box-shadow": DesignToken,
+        "color": DesignToken,
+        "cursor": DesignToken
+      },
+      "hover": {
+        "box-shadow": DesignToken
+      },
+      "invalid": {
+        "box-shadow": DesignToken,
+        "hover": {
+          "box-shadow": DesignToken
+        }
+      },
+      "placeholder": {
+        "color": DesignToken
+      }
+    },
     "text-input": {
       "box-shadow": DesignToken,
       "color": DesignToken,
@@ -806,6 +1046,8 @@ declare const tokens: {
       "font-weight": DesignToken,
       "line-height": DesignToken,
       "outline-offset": DesignToken,
+      "padding-block": DesignToken,
+      "padding-inline": DesignToken,
       "disabled": {
         "background-color": DesignToken,
         "box-shadow": DesignToken,
@@ -854,6 +1096,7 @@ declare const tokens: {
       "font-size": DesignToken,
       "font-weight": DesignToken,
       "gap": DesignToken,
+      "inverse-color": DesignToken,
       "line-height": DesignToken,
       "list-style-type": DesignToken,
       "item": {
@@ -868,240 +1111,5 @@ declare const tokens: {
         }
       }
     }
-  },
-  "utrecht": {
-    "action": {
-      "activate": {
-        "cursor": DesignToken
-      },
-      "busy": {
-        "cursor": DesignToken
-      },
-      "disabled": {
-        "cursor": DesignToken
-      },
-      "inert": {
-        "cursor": DesignToken
-      },
-      "navigate": {
-        "cursor": DesignToken
-      },
-      "submit": {
-        "cursor": DesignToken
-      }
-    },
-    "focus": {
-      "outline-offset": DesignToken
-    },
-    "button": {
-      "background-color": DesignToken,
-      "border-color": {},
-      "border-radius": {},
-      "border-width": {},
-      "color": DesignToken,
-      "font-family": DesignToken,
-      "font-size": {},
-      "line-height": {},
-      "padding-inline-start": DesignToken,
-      "padding-inline-end": DesignToken,
-      "padding-block-start": DesignToken,
-      "padding-block-end": DesignToken,
-      "margin-inline-start": {},
-      "margin-inline-end": {},
-      "margin-block-start": {},
-      "margin-block-end": {},
-      "icon": {
-        "gap": {}
-      },
-      "disabled": {
-        "background-color": DesignToken,
-        "color": DesignToken,
-        "border-color": {}
-      },
-      "hover": {
-        "background-color": {}
-      },
-      "focus": {
-        "scale": {}
-      },
-      "primary-action": {
-        "background-color": DesignToken,
-        "border-color": {},
-        "border-width": {},
-        "color": DesignToken,
-        "disabled": {
-          "background-color": DesignToken,
-          "color": {},
-          "border-color": {}
-        },
-        "hover": {
-          "background-color": DesignToken,
-          "border-color": {},
-          "color": {}
-        },
-        "focus": {
-          "background-color": {},
-          "border-color": {},
-          "border-width": {}
-        },
-        "ready": {
-          "background-color": {},
-          "border-color": {},
-          "color": {},
-          "disabled": {
-            "border-color": {}
-          },
-          "hover": {
-            "background-color": {},
-            "border-color": {},
-            "color": {}
-          },
-          "focus": {
-            "background-color": {},
-            "border-color": {}
-          }
-        },
-        "warning": {
-          "background-color": {},
-          "border-color": {},
-          "color": {},
-          "disabled": {
-            "border-color": {}
-          },
-          "hover": {
-            "background-color": {},
-            "border-color": {},
-            "color": {}
-          },
-          "focus": {
-            "background-color": {},
-            "border-color": {}
-          }
-        },
-        "danger": {
-          "background-color": {},
-          "border-color": {},
-          "color": {},
-          "disabled": {
-            "border-color": {}
-          },
-          "hover": {
-            "background-color": {},
-            "border-color": {},
-            "color": {}
-          },
-          "focus": {
-            "background-color": {},
-            "border-color": {}
-          }
-        }
-      },
-      "secondary-action": {
-        "background-color": DesignToken,
-        "color": DesignToken,
-        "border-color": {},
-        "border-width": {},
-        "hover": {
-          "background-color": {},
-          "color": DesignToken,
-          "border-color": {}
-        },
-        "disabled": {
-          "background-color": DesignToken,
-          "color": DesignToken,
-          "border-color": {}
-        },
-        "danger": {
-          "background-color": {},
-          "border-color": {},
-          "color": {},
-          "disabled": {
-            "border-color": {}
-          },
-          "hover": {
-            "background-color": {},
-            "border-color": {},
-            "color": {}
-          },
-          "focus": {
-            "background-color": {},
-            "border-color": {}
-          }
-        },
-        "warning": {
-          "background-color": {},
-          "border-color": {},
-          "color": {},
-          "disabled": {
-            "border-color": {}
-          },
-          "hover": {
-            "background-color": {},
-            "border-color": {},
-            "color": {}
-          },
-          "focus": {
-            "background-color": {},
-            "border-color": {}
-          }
-        },
-        "ready": {
-          "background-color": {},
-          "border-color": {},
-          "color": {},
-          "disabled": {
-            "border-color": {}
-          },
-          "hover": {
-            "background-color": {},
-            "border-color": {},
-            "color": {}
-          },
-          "focus": {
-            "background-color": {},
-            "border-color": {}
-          }
-        }
-      },
-      "subtle": {
-        "background-color": DesignToken,
-        "border-color": {},
-        "border-width": {},
-        "color": DesignToken,
-        "font-weight": {},
-        "hover": {
-          "background-color": {},
-          "color": DesignToken,
-          "border-color": {}
-        },
-        "focus": {
-          "background-color": {},
-          "color": DesignToken,
-          "border-color": {}
-        },
-        "disabled": {
-          "background-color": DesignToken,
-          "color": DesignToken
-        },
-        "danger": {
-          "color": {},
-          "hover": {
-            "color": {}
-          },
-          "focus": {
-            "color": {}
-          }
-        },
-        "ready": {
-          "color": {},
-          "hover": {
-            "color": {}
-          },
-          "focus": {
-            "color": {}
-          }
-        }
-      }
-    }
   }
 }