@amsterdam/design-system-tokens 3.3.0 → 3.4.0

package/dist/index.json

@@ -13,22 +13,14 @@
         "s": "0.0625rem",
         "m": "0.125rem",
         "l": "0.1875rem",
-        "xl": "0.25rem"
+        "xl": "0.25rem",
+        "negative": {
+          "m": "-0.125rem",
+          "xl": "-0.25rem"
+        }
       }
     },
     "color": {
-      "interactive": {
-        "secondary": "#202020",
-        "contrast": "#202020",
-        "default": "#004699",
-        "disabled": "#767676",
-        "hover": "#003677",
-        "invalid": {
-          "default": "#ec0000",
-          "hover": "#b70000"
-        },
-        "inverse": "#ffffff"
-      },
       "background": "#ffffff",
       "feedback": {
         "error": "#ec0000",
@@ -45,6 +37,18 @@
         "purple": "#a00078",
         "yellow": "#ffe600"
       },
+      "interactive": {
+        "contrast": "#202020",
+        "default": "#004699",
+        "disabled": "#767676",
+        "hover": "#003677",
+        "invalid": {
+          "default": "#ec0000",
+          "hover": "#b70000"
+        },
+        "inverse": "#ffffff",
+        "secondary": "#202020"
+      },
       "progress": {
         "current": "#00893c",
         "completed": "#00893c",
@@ -73,6 +77,28 @@
       "2xl": "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)"
     },
     "typography": {
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "hyphenate-limit-chars": "auto",
+      "body-text": {
+        "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
+        "font-weight": "400",
+        "line-height": "1.6",
+        "bold": {
+          "font-weight": "800"
+        },
+        "small": {
+          "font-size": "1rem",
+          "line-height": "1.5"
+        },
+        "large": {
+          "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
+          "line-height": "1.5"
+        },
+        "x-large": {
+          "font-size": "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)",
+          "line-height": "1.4"
+        }
+      },
       "heading": {
         "0": {
           "font-size": "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)",
@@ -104,28 +130,6 @@
         },
         "font-weight": "800",
         "text-wrap": "balance"
-      },
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
-      "hyphenate-limit-chars": "auto",
-      "body-text": {
-        "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
-        "font-weight": "400",
-        "line-height": "1.8",
-        "bold": {
-          "font-weight": "800"
-        },
-        "small": {
-          "font-size": "1rem",
-          "line-height": "1.6"
-        },
-        "large": {
-          "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
-          "line-height": "1.6"
-        },
-        "x-large": {
-          "font-size": "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)",
-          "line-height": "1.4"
-        }
       }
     },
     "inputs": {
@@ -187,6 +191,7 @@
       }
     },
     "accordion": {
+      "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
       "button": {
         "font-family": "'Amsterdam Sans', Arial, sans-serif",
         "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
@@ -206,8 +211,7 @@
       "panel": {
         "padding-block": "0",
         "padding-inline": "0"
-      },
-      "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
+      }
     },
     "action-group": {
       "gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
@@ -256,7 +260,7 @@
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-size": "1rem",
       "font-weight": "400",
-      "line-height": "1.6",
+      "line-height": "1.5",
       "padding-block": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
       "padding-inline": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
       "forced-colors": {
@@ -300,7 +304,7 @@
       "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
       "font-weight": "800",
       "gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
-      "line-height": "1.8",
+      "line-height": "1.6",
       "padding-inline": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
       "azure": {
         "background-color": "#009de6",
@@ -345,7 +349,7 @@
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
       "font-weight": "400",
-      "line-height": "1.8",
+      "line-height": "1.6",
       "separator": {
         "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23000000' fill-rule='evenodd' d='m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z'/></svg>\")",
         "block-size": "1ex",
@@ -428,7 +432,7 @@
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
       "font-weight": "400",
-      "line-height": "1.8",
+      "line-height": "1.6",
       "outline-offset": "0.25rem",
       "padding-block": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
       "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
@@ -468,32 +472,68 @@
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-size": "1rem",
       "font-weight": "400",
-      "line-height": "1.6",
+      "line-height": "1.5",
       "error": {
         "color": "#ec0000"
       }
     },
     "checkbox": {
+      "color": "#202020",
+      "cursor": "pointer",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
+      "font-weight": "400",
+      "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
+      "line-height": "1.6",
+      "outline-offset": "0.25rem",
+      "text-decoration-thickness": "0.125rem",
+      "text-underline-offset": "0.15625rem",
+      "disabled": {
+        "cursor": "not-allowed",
+        "color": "#767676"
+      },
       "hover": {
-        "text-decoration-thickness": "0.125rem",
         "color": "#003677",
-        "text-decoration-line": "underline"
+        "text-decoration-line": "underline",
+        "text-decoration-thickness": "0.125rem"
+      },
+      "checked-indicator": {
+        "stroke": "#ffffff"
+      },
+      "hover-indicator": {
+        "hover": {
+          "stroke": "#003677"
+        },
+        "invalid": {
+          "hover": {
+            "stroke": "#b70000"
+          }
+        }
+      },
+      "icon-container": {
+        "block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)",
+        "inline-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"
+      },
+      "indeterminate-indicator": {
+        "stroke": "#ffffff"
       },
       "rectangle": {
+        "fill": "#ffffff",
+        "stroke": "#004699",
         "checked": {
+          "fill": "#004699",
           "disabled": {
+            "fill": "#767676",
             "hover": {
               "fill": "#767676"
-            },
-            "fill": "#767676"
+            }
           },
           "hover": {
+            "fill": "#003677",
             "disabled-invalid": {
               "fill": "#767676"
-            },
-            "fill": "#003677"
+            }
           },
-          "fill": "#004699",
           "invalid": {
             "fill": "#ec0000",
             "hover": {
@@ -501,26 +541,29 @@
             }
           }
         },
+        "disabled": {
+          "stroke": "#767676"
+        },
         "hover": {
+          "stroke": "#003677",
           "disabled-invalid": {
             "stroke": "#767676"
-          },
-          "stroke": "#003677"
+          }
         },
         "indeterminate": {
+          "fill": "#004699",
           "disabled": {
+            "fill": "#767676",
             "hover": {
               "fill": "#767676"
-            },
-            "fill": "#767676"
+            }
           },
           "hover": {
+            "fill": "#003677",
             "disabled-invalid": {
               "fill": "#767676"
-            },
-            "fill": "#003677"
+            }
           },
-          "fill": "#004699",
           "invalid": {
             "fill": "#ec0000",
             "hover": {
@@ -528,51 +571,12 @@
             }
           }
         },
-        "fill": "#ffffff",
-        "stroke": "#004699",
-        "disabled": {
-          "stroke": "#767676"
-        },
         "invalid": {
           "stroke": "#ec0000",
           "hover": {
             "stroke": "#b70000"
           }
         }
-      },
-      "color": "#202020",
-      "cursor": "pointer",
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
-      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
-      "font-weight": "400",
-      "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
-      "line-height": "1.8",
-      "outline-offset": "0.25rem",
-      "text-decoration-thickness": "0.125rem",
-      "text-underline-offset": "0.15625rem",
-      "disabled": {
-        "cursor": "not-allowed",
-        "color": "#767676"
-      },
-      "checked-indicator": {
-        "stroke": "#ffffff"
-      },
-      "hover-indicator": {
-        "hover": {
-          "stroke": "#003677"
-        },
-        "invalid": {
-          "hover": {
-            "stroke": "#b70000"
-          }
-        }
-      },
-      "icon-container": {
-        "block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8)",
-        "inline-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"
-      },
-      "indeterminate-indicator": {
-        "stroke": "#ffffff"
       }
     },
     "column": {
@@ -585,41 +589,37 @@
       }
     },
     "date-input": {
+      "background-color": "#ffffff",
+      "border-color": "currentColor",
+      "border-style": "solid",
+      "border-width": "0.125rem",
+      "color": "#202020",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
+      "font-weight": "400",
+      "line-height": "1.4",
+      "outline-offset": "0.25rem",
+      "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
+      "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
       "disabled": {
+        "color": "#767676",
+        "cursor": "not-allowed",
         "calendar-picker-indicator": {
           "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
         },
         "calender-picker-indicator": {
           "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
-        },
-        "color": "#767676",
-        "cursor": "not-allowed"
+        }
       },
       "hover": {
-        "calender-picker-indicator": {
-          "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
-        },
         "box-shadow": "0 0 0 #000000",
         "calendar-picker-indicator": {
           "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
+        },
+        "calender-picker-indicator": {
+          "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
         }
       },
-      "calender-picker-indicator": {
-        "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")",
-        "cursor": "pointer"
-      },
-      "background-color": "#ffffff",
-      "border-color": "currentColor",
-      "border-style": "solid",
-      "border-width": "0.125rem",
-      "color": "#202020",
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
-      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
-      "font-weight": "400",
-      "line-height": "1.4",
-      "outline-offset": "0.25rem",
-      "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
-      "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
       "invalid": {
         "border-color": "#ec0000",
         "hover": {
@@ -630,6 +630,10 @@
       "calendar-picker-indicator": {
         "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")",
         "cursor": "pointer"
+      },
+      "calender-picker-indicator": {
+        "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")",
+        "cursor": "pointer"
       }
     },
     "description-list": {
@@ -637,14 +641,17 @@
       "column-gap": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
-      "line-height": "1.8",
+      "line-height": "1.6",
       "row-gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
       "inverse": {
         "color": "#ffffff"
       },
       "term": {
+        "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
         "font-weight": "800",
+        "line-height": "1.4",
         "margin-block-end": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
+        "text-wrap": "balance",
         "vi-medium": {
           "margin-block-end": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
         }
@@ -716,21 +723,9 @@
       "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
       "font-weight": "400",
       "gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
-      "line-height": "1.8"
+      "line-height": "1.6"
     },
     "field-set": {
-      "legend": {
-        "margin-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
-        "color": "#202020",
-        "font-family": "'Amsterdam Sans', Arial, sans-serif",
-        "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
-        "font-weight": "800",
-        "line-height": "1.3",
-        "text-wrap": "balance",
-        "in-fieldset": {
-          "font-weight": "400"
-        }
-      },
       "child": {
         "margin-block-end": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
         "before-error-message": {
@@ -746,6 +741,18 @@
       "invalid": {
         "border-inline-start": "0.1875rem solid #ec0000",
         "padding-inline-start": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
+      },
+      "legend": {
+        "margin-block-end": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
+        "color": "#202020",
+        "font-family": "'Amsterdam Sans', Arial, sans-serif",
+        "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
+        "font-weight": "800",
+        "line-height": "1.3",
+        "text-wrap": "balance",
+        "in-fieldset": {
+          "font-weight": "400"
+        }
       }
     },
     "field": {
@@ -768,7 +775,7 @@
         "font-family": "'Amsterdam Sans', Arial, sans-serif",
         "font-size": "1rem",
         "font-weight": "400",
-        "line-height": "1.6",
+        "line-height": "1.5",
         "inverse": {
           "color": "#ffffff"
         }
@@ -808,7 +815,7 @@
           "cursor": "not-allowed"
         },
         "hover": {
-          "box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor",
+          "box-shadow": "0 0 0 #000000",
           "color": "#003677"
         }
       }
@@ -821,7 +828,7 @@
         "font-size": "1rem",
         "font-weight": "400",
         "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
-        "line-height": "1.6",
+        "line-height": "1.5",
         "details": {
           "color": "#767676"
         },
@@ -928,19 +935,19 @@
       }
     },
     "icon": {
-      "heading-0": {
-        "font-size": "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)",
-        "line-height": "1.1"
-      },
       "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
-      "line-height": "1.8",
+      "line-height": "1.6",
       "small": {
         "font-size": "1rem",
-        "line-height": "1.6"
+        "line-height": "1.5"
       },
       "large": {
         "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
-        "line-height": "1.6"
+        "line-height": "1.5"
+      },
+      "heading-0": {
+        "font-size": "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)",
+        "line-height": "1.1"
       },
       "heading-1": {
         "font-size": "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)",
@@ -1020,18 +1027,18 @@
         "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
         "font-weight": "400",
         "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
-        "line-height": "1.8",
+        "line-height": "1.6",
         "outline-offset": "0.25rem",
         "text-decoration-line": "none",
         "text-decoration-thickness": "0.125rem",
         "text-underline-offset": "0.15625rem",
         "small": {
           "font-size": "1rem",
-          "line-height": "1.6"
+          "line-height": "1.5"
         },
         "large": {
           "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
-          "line-height": "1.6"
+          "line-height": "1.5"
         },
         "hover": {
           "color": "#003677",
@@ -1095,7 +1102,19 @@
       "background-color": "#ffe600"
     },
     "menu": {
+      "background-color": "#004699",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
+      "font-weight": "400",
+      "line-height": "1.6",
+      "padding-block": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
+      "wide": {
+        "max-inline-size": "8rem",
+        "padding-block": "calc(clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) + 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)) clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
+        "padding-inline": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
+      },
       "link": {
+        "color": "#ffffff",
         "contrast": {
           "color": "#202020",
           "hover": {
@@ -1108,7 +1127,6 @@
             "color": "#ffffff"
           }
         },
-        "color": "#ffffff",
         "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
         "outline-offset": "0.25rem",
         "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
@@ -1124,17 +1142,6 @@
           "gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)"
         }
       },
-      "background-color": "#004699",
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
-      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
-      "font-weight": "400",
-      "line-height": "1.8",
-      "padding-block": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
-      "wide": {
-        "max-inline-size": "8rem",
-        "padding-block": "calc(clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem) + 2 * clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)) clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
-        "padding-inline": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)"
-      },
       "list": {
         "gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)"
       }
@@ -1145,11 +1152,11 @@
       "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
       "font-weight": "400",
       "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
-      "line-height": "1.8",
+      "line-height": "1.6",
       "list-style-type": "decimal",
       "small": {
         "font-size": "1rem",
-        "line-height": "1.6"
+        "line-height": "1.5"
       },
       "inverse": {
         "color": "#ffffff"
@@ -1186,7 +1193,7 @@
           "font-family": "'Amsterdam Sans', Arial, sans-serif",
           "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
           "font-weight": "400",
-          "line-height": "1.8",
+          "line-height": "1.6",
           "outline-offset": "0.25rem",
           "text-decoration-line": "none",
           "text-decoration-thickness": "0.125rem",
@@ -1249,7 +1256,7 @@
           "font-family": "'Amsterdam Sans', Arial, sans-serif",
           "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
           "font-weight": "400",
-          "line-height": "1.8",
+          "line-height": "1.6",
           "outline-offset": "0.25rem",
           "padding-block": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
           "hover": {
@@ -1297,7 +1304,7 @@
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
       "font-weight": "400",
-      "line-height": "1.8",
+      "line-height": "1.6",
       "link": {
         "color": "#004699",
         "gap": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)",
@@ -1320,17 +1327,17 @@
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
       "font-weight": "400",
-      "line-height": "1.8",
+      "line-height": "1.6",
       "inverse": {
         "color": "#ffffff"
       },
       "small": {
         "font-size": "1rem",
-        "line-height": "1.6"
+        "line-height": "1.5"
       },
       "large": {
         "font-size": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)",
-        "line-height": "1.6",
+        "line-height": "1.5",
         "text-wrap": "balance"
       }
     },
@@ -1390,6 +1397,21 @@
           }
         }
       },
+      "button": {
+        "color": "#004699",
+        "cursor": "pointer",
+        "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
+        "outline-offset": "0.25rem",
+        "padding-block": "0",
+        "padding-inline": "0",
+        "hover": {
+          "color": "#003677"
+        }
+      },
+      "icon": {
+        "transition-duration": "0.3s",
+        "transition-timing-function": "ease"
+      },
       "step": {
         "gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
         "medium": {
@@ -1452,7 +1474,7 @@
             }
           },
           "marker": {
-            "block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8)",
+            "block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)",
             "inline-size": "1.5rem",
             "shape": {
               "block-size": "0.75rem",
@@ -1470,7 +1492,7 @@
             "border-inline-color": "#767676",
             "border-inline-style": "dashed",
             "border-inline-width": "1px",
-            "margin-block-start": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8 / 2)",
+            "margin-block-start": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6 / 2)",
             "last-child": {
               "border-inline-color": "#ffffff"
             }
@@ -1513,7 +1535,7 @@
       "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
       "font-weight": "400",
       "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
-      "line-height": "1.8",
+      "line-height": "1.6",
       "outline-offset": "0.25rem",
       "text-decoration-thickness": "0.125rem",
       "text-underline-offset": "0.15625rem",
@@ -1579,7 +1601,7 @@
         "text-decoration-line": "underline"
       },
       "icon-container": {
-        "block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.8)",
+        "block-size": "calc(clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem) * 1.6)",
         "inline-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)"
       }
     },
@@ -1649,14 +1671,14 @@
         "cursor": "not-allowed"
       },
       "hover": {
-        "box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor",
+        "box-shadow": "0 0 0 #000000",
         "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23003677' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")"
       },
       "invalid": {
         "border-color": "#ec0000",
         "hover": {
           "border-color": "#b70000",
-          "box-shadow": "inset 0rem 0rem 0rem 0.0625rem #b70000"
+          "box-shadow": "0 0 0 #000000"
         }
       },
       "option": {
@@ -1671,7 +1693,7 @@
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
       "font-weight": "400",
-      "line-height": "1.8",
+      "line-height": "1.6",
       "outline-offset": "0.25rem",
       "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
       "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
@@ -1701,11 +1723,21 @@
       }
     },
     "standalone-link": {
+      "color": "#004699",
+      "column-gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
+      "font-weight": "400",
+      "line-height": "1.6",
+      "outline-offset": "0.25rem",
+      "text-decoration-line": "none",
+      "text-decoration-thickness": "0.125rem",
+      "text-underline-offset": "0.15625rem",
       "hover": {
-        "text-decoration-thickness": "0.1875rem",
-        "text-underline-offset": "0.09375rem",
         "color": "#003677",
-        "text-decoration-line": "underline"
+        "text-decoration-line": "underline",
+        "text-decoration-thickness": "0.1875rem",
+        "text-underline-offset": "0.09375rem"
       },
       "with-icon": {
         "text-decoration-line": "none",
@@ -1714,16 +1746,6 @@
           "text-decoration-line": "underline"
         }
       },
-      "color": "#004699",
-      "column-gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
-      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
-      "font-weight": "400",
-      "line-height": "1.8",
-      "outline-offset": "0.25rem",
-      "text-decoration-line": "none",
-      "text-decoration-thickness": "0.125rem",
-      "text-underline-offset": "0.15625rem",
       "contrast": {
         "color": "#202020",
         "hover": {
@@ -1747,7 +1769,7 @@
         "block-size": "1.75rem",
         "inline-size": "1.75rem",
         "hover": {
-          "box-shadow": "0 0 0 0.125rem #003677",
+          "box-shadow": "0rem 0rem 0rem 0.125rem #003677",
           "color": "#003677"
         }
       },
@@ -1760,16 +1782,16 @@
       }
     },
     "table-of-contents": {
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
+      "font-weight": "400",
+      "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
+      "line-height": "1.6",
       "heading": {
         "font-weight": "800",
         "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
         "line-height": "1.4"
       },
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
-      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
-      "font-weight": "400",
-      "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
-      "line-height": "1.8",
       "link": {
         "color": "#004699",
         "outline-offset": "0.25rem",
@@ -1794,7 +1816,7 @@
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
       "font-weight": "400",
-      "line-height": "1.8",
+      "line-height": "1.6",
       "caption": {
         "font-weight": "800"
       },
@@ -1810,7 +1832,7 @@
     "tabs": {
       "gap": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
       "list": {
-        "box-shadow": "inset 0rem calc(0.125rem * -1) 0rem 0rem #d1d1d1"
+        "box-shadow": "inset 0rem -0.125rem 0rem 0rem #d1d1d1"
       },
       "button": {
         "color": "#004699",
@@ -1818,16 +1840,16 @@
         "font-family": "'Amsterdam Sans', Arial, sans-serif",
         "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
         "font-weight": "400",
-        "line-height": "1.8",
+        "line-height": "1.6",
         "outline-offset": "calc(0.25rem * -1)",
         "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
         "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
         "hover": {
-          "box-shadow": "inset 0rem calc(0.125rem * -1) 0rem 0rem currentColor",
+          "box-shadow": "inset 0rem -0.125rem 0rem 0rem currentColor",
           "color": "#003677"
         },
         "selected": {
-          "box-shadow": "inset 0rem calc(0.25rem * -1) 0rem 0rem currentColor",
+          "box-shadow": "inset 0rem -0.25rem 0rem 0rem currentColor",
           "font-weight": "800"
         },
         "disabled": {
@@ -1846,7 +1868,7 @@
       "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
       "font-weight": "400",
       "line-height": "1.4",
-      "min-block-size": "calc(1.8 * 1em + 2 * clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem))",
+      "min-block-size": "calc(1.6 * 1em + 2 * clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem))",
       "outline-offset": "0.25rem",
       "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
       "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
@@ -1886,13 +1908,13 @@
         "cursor": "not-allowed"
       },
       "hover": {
-        "box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor"
+        "box-shadow": "0 0 0 #000000"
       },
       "invalid": {
         "border-color": "#ec0000",
         "hover": {
           "border-color": "#b70000",
-          "box-shadow": "inset 0rem 0rem 0rem 0.0625rem #b70000"
+          "box-shadow": "0 0 0 #000000"
         }
       },
       "placeholder": {
@@ -1900,51 +1922,51 @@
       }
     },
     "time-input": {
+      "background-color": "#ffffff",
+      "border-color": "currentColor",
+      "border-style": "solid",
+      "border-width": "0.125rem",
+      "color": "#202020",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
+      "font-weight": "400",
+      "line-height": "1.4",
+      "outline-offset": "0.25rem",
+      "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
+      "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
       "disabled": {
+        "color": "#767676",
+        "cursor": "not-allowed",
         "calendar-picker-indicator": {
           "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"
         },
         "calender-picker-indicator": {
           "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"
-        },
-        "color": "#767676",
-        "cursor": "not-allowed"
+        }
       },
       "hover": {
-        "calender-picker-indicator": {
+        "box-shadow": "0 0 0 #000000",
+        "calendar-picker-indicator": {
           "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"
         },
-        "box-shadow": "inset 0rem 0rem 0rem 0.0625rem currentColor",
-        "calendar-picker-indicator": {
+        "calender-picker-indicator": {
           "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"
         }
       },
-      "calender-picker-indicator": {
-        "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23004699'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")",
-        "cursor": "pointer"
-      },
-      "background-color": "#ffffff",
-      "border-color": "currentColor",
-      "border-style": "solid",
-      "border-width": "0.125rem",
-      "color": "#202020",
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
-      "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
-      "font-weight": "400",
-      "line-height": "1.4",
-      "outline-offset": "0.25rem",
-      "padding-block": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
-      "padding-inline": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
       "invalid": {
         "border-color": "#ec0000",
         "hover": {
           "border-color": "#b70000",
-          "box-shadow": "inset 0rem 0rem 0rem 0.0625rem #b70000"
+          "box-shadow": "0 0 0 #000000"
         }
       },
       "calendar-picker-indicator": {
         "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23004699'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")",
         "cursor": "pointer"
+      },
+      "calender-picker-indicator": {
+        "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23004699'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")",
+        "cursor": "pointer"
       }
     },
     "unordered-list": {
@@ -1953,14 +1975,14 @@
       "font-size": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)",
       "font-weight": "400",
       "gap": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)",
-      "line-height": "1.8",
+      "line-height": "1.6",
       "list-style-type": "'\\2022'",
       "inverse": {
         "color": "#ffffff"
       },
       "small": {
         "font-size": "1rem",
-        "line-height": "1.6"
+        "line-height": "1.5"
       },
       "item": {
         "margin-inline-start": "1.625rem",