@amsterdam/design-system-tokens 0.6.0 → 0.7.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 08 Mar 2024 13:00:06 GMT
+ * Generated on Tue, 12 Mar 2024 14:50:53 GMT
  */
 
 export default tokens;
@@ -22,7 +22,7 @@ declare interface DesignToken {
 }
 
 declare const tokens: {
-  "amsterdam": {
+  "ams": {
     "color": {
       "primary-black": DesignToken,
       "primary-white": DesignToken,
@@ -71,13 +71,13 @@ declare const tokens: {
         "xl": DesignToken
       }
     },
-    "typography": {
+    "text": {
       "font-family": DesignToken,
       "font-weight": {
         "normal": DesignToken,
         "bold": DesignToken
       },
-      "text-level": {
+      "level": {
         "0": {
           "font-size": DesignToken,
           "line-height": DesignToken
@@ -298,9 +298,6 @@ declare const tokens: {
       "padding-block": DesignToken,
       "padding-inline": DesignToken,
       "outline-offset": DesignToken,
-      "busy": {
-        "cursor": DesignToken
-      },
       "disabled": {
         "cursor": DesignToken
       },
@@ -516,29 +513,31 @@ declare const tokens: {
       "font-family": DesignToken,
       "font-weight": DesignToken,
       "inverse-color": DesignToken,
-      "level-1": {
-        "font-size": DesignToken,
-        "line-height": DesignToken
-      },
-      "level-2": {
-        "font-size": DesignToken,
-        "line-height": DesignToken
-      },
-      "level-3": {
-        "font-size": DesignToken,
-        "line-height": DesignToken
-      },
-      "level-4": {
-        "font-size": DesignToken,
-        "line-height": DesignToken
-      },
-      "level-5": {
-        "font-size": DesignToken,
-        "line-height": DesignToken
-      },
-      "level-6": {
-        "font-size": DesignToken,
-        "line-height": 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
+        }
       }
     },
     "icon-button": {

package/dist/index.json

@@ -1,5 +1,5 @@
 {
-  "amsterdam": {
+  "ams": {
     "color": {
       "primary-black": "#000000",
       "primary-white": "#FFFFFF",
@@ -34,27 +34,27 @@
         "xl": "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)"
       },
       "inside": {
-        "xs": ".25rem",
-        "sm": ".5rem",
+        "xs": ".5rem",
+        "sm": ".75rem",
         "md": "1rem",
         "lg": "1.5rem",
         "xl": "2rem"
       },
       "stack": {
-        "xs": ".25rem",
-        "sm": ".5rem",
+        "xs": ".5rem",
+        "sm": ".75rem",
         "md": "1rem",
         "lg": "1.5rem",
         "xl": "2rem"
       }
     },
-    "typography": {
+    "text": {
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-weight": {
         "normal": 400,
         "bold": 800
       },
-      "text-level": {
+      "level": {
         "0": {
           "font-size": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
           "line-height": "1.15"
@@ -152,7 +152,7 @@
         "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
         "font-weight": 800,
         "line-height": "1.6",
-        "padding-block": ".5rem",
+        "padding-block": ".75rem",
         "padding-inline": "1rem",
         "focus": {
           "outline-offset": "2px"
@@ -204,7 +204,7 @@
       "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
       "font-weight": 800,
       "line-height": "1.6",
-      "padding-inline": ".25rem",
+      "padding-inline": ".5rem",
       "blue": {
         "background-color": "#009DE6",
         "color": "#000000"
@@ -272,12 +272,9 @@
       "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
       "line-height": "1.6",
       "gap": "1rem",
-      "padding-block": ".25rem",
+      "padding-block": ".5rem",
       "padding-inline": "1rem",
       "outline-offset": "2px",
-      "busy": {
-        "cursor": "wait"
-      },
       "disabled": {
         "cursor": "not-allowed"
       },
@@ -493,29 +490,31 @@
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-weight": 800,
       "inverse-color": "#FFFFFF",
-      "level-1": {
-        "font-size": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)",
-        "line-height": "1.2"
-      },
-      "level-2": {
-        "font-size": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)",
-        "line-height": "1.25"
-      },
-      "level-3": {
-        "font-size": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
-        "line-height": "1.3"
-      },
-      "level-4": {
-        "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
-        "line-height": "1.5"
-      },
-      "level-5": {
-        "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
-        "line-height": "1.6"
-      },
-      "level-6": {
-        "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
-        "line-height": "1.6"
+      "level": {
+        "1": {
+          "font-size": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)",
+          "line-height": "1.2"
+        },
+        "2": {
+          "font-size": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)",
+          "line-height": "1.25"
+        },
+        "3": {
+          "font-size": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
+          "line-height": "1.3"
+        },
+        "4": {
+          "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
+          "line-height": "1.5"
+        },
+        "5": {
+          "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
+          "line-height": "1.6"
+        },
+        "6": {
+          "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
+          "line-height": "1.6"
+        }
       }
     },
     "icon-button": {
@@ -750,7 +749,7 @@
       "line-height": "1.6",
       "button": {
         "outline-offset": "2px",
-        "padding-inline": ".5rem",
+        "padding-inline": ".75rem",
         "text-decoration-line": "none",
         "text-decoration-thickness": "0.125rem",
         "text-underline-offset": "0.375rem",
@@ -830,8 +829,8 @@
     },
     "row": {
       "gap": {
-        "xs": ".25rem",
-        "sm": ".5rem",
+        "xs": ".5rem",
+        "sm": ".75rem",
         "md": "1rem",
         "lg": "1.5rem",
         "xl": "2rem"
@@ -853,8 +852,8 @@
         "hover": {
           "background-color": "#102E62"
         },
-        "padding-block": ".25rem",
-        "padding-inline": ".25rem"
+        "padding-block": ".5rem",
+        "padding-inline": ".5rem"
       },
       "input": {
         "box-shadow": "inset 0 0 0 1px #000000",
@@ -864,7 +863,7 @@
         "font-weight": 400,
         "line-height": "1.6",
         "outline-offset": "2px",
-        "padding-block": ".25rem",
+        "padding-block": ".5rem",
         "padding-inline": "1rem",
         "cancel-button": {
           "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z'/></svg>\")",
@@ -888,7 +887,7 @@
       "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
       "line-height": "1.6",
       "outline-offset": "2px",
-      "padding-block": ".25rem",
+      "padding-block": ".5rem",
       "padding-inline": "1rem",
       "hover": {
         "background-color": "#102E62"
@@ -1026,7 +1025,7 @@
       "font-weight": 400,
       "line-height": "1.6",
       "outline-offset": "2px",
-      "padding-block": ".25rem",
+      "padding-block": ".5rem",
       "padding-inline": "1rem",
       "disabled": {
         "background-color": "#FFFFFF",