@amsterdam/design-system-tokens 1.0.0 → 2.0.0

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0",
+  "version": "2.0.0",
   "author": "Design System Team, City of Amsterdam <designsystem@amsterdam.nl>",
   "description": "All design tokens from the Amsterdam Design System. Use it to apply its visual design to your website or application.",
   "homepage": "https://designsystem.amsterdam",
@@ -26,7 +26,7 @@
     "change-case": "5.4.4",
     "chokidar-cli": "3.0.0",
     "npm-run-all": "4.1.5",
-    "style-dictionary": "4.4.0"
+    "style-dictionary": "5.0.4"
   },
   "scripts": {
     "clean": "rimraf dist/",

package/src/brand/ams/border.compact.tokens.json

@@ -0,0 +1,12 @@
+{
+  "ams": {
+    "border": {
+      "width": {
+        "s": { "value": "0.0625rem" },
+        "m": { "value": "0.0625rem" },
+        "l": { "value": "0.125rem" },
+        "xl": { "value": "0.1875rem" }
+      }
+    }
+  }
+}

package/src/brand/ams/color.deprecated.tokens.json

@@ -0,0 +1,12 @@
+{
+  "ams": {
+    "color": {
+      "interactive": {
+        "secondary": {
+          "comment": "Use `currentColor` instead",
+          "value": "#181818"
+        }
+      }
+    }
+  }
+}

package/src/brand/ams/color.tokens.json

@@ -18,7 +18,7 @@
         "yellow": { "value": "#ffe600" }
       },
       "interactive": {
-        "contrast": { "value": "#000000" },
+        "contrast": { "value": "#181818" },
         "default": { "value": "#004699" },
         "disabled": { "value": "#767676" },
         "hover": { "value": "#003677" },
@@ -26,8 +26,7 @@
           "default": { "value": "#ec0000" },
           "hover": { "value": "#b70000" }
         },
-        "inverse": { "value": "#ffffff" },
-        "secondary": { "value": "#181818" }
+        "inverse": { "value": "#ffffff" }
       },
       "separator": { "value": "#d1d1d1" },
       "text": {

package/src/brand/ams/space.compact.tokens.json

@@ -1,12 +1,12 @@
 {
   "ams": {
     "space": {
-      "xs": { "value": "clamp(0.1875rem, 0.1719rem + 0.0781vw, 0.25rem)" },
-      "s": { "value": "clamp(0.375rem, 0.3438rem + 0.1563vw, 0.5rem)" },
-      "m": { "value": "clamp(0.75rem, 0.6875rem + 0.3125vw, 1rem)" },
-      "l": { "value": "clamp(1rem, 0.875rem + 0.625vw, 1.5rem)" },
-      "xl": { "value": "clamp(1.25rem, 1rem + 1.25vw, 2.25rem)" },
-      "2xl": { "value": "clamp(1.5rem, 1.125rem + 1.875vw, 3rem)" }
+      "xs": { "value": "0.25rem" },
+      "s": { "value": "0.5rem" },
+      "m": { "value": "clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem)" },
+      "l": { "value": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)" },
+      "xl": { "value": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)" },
+      "2xl": { "value": "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)" }
     }
   }
 }

package/src/brand/ams/space.tokens.json

@@ -1,12 +1,12 @@
 {
   "ams": {
     "space": {
-      "xs": { "value": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)" },
-      "s": { "value": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)" },
-      "m": { "value": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)" },
-      "l": { "value": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)" },
-      "xl": { "value": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)" },
-      "2xl": { "value": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)" }
+      "xs": { "value": "clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem)" },
+      "s": { "value": "clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem)" },
+      "m": { "value": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)" },
+      "l": { "value": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)" },
+      "xl": { "value": "clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem)" },
+      "2xl": { "value": "clamp(3rem, 2.25rem + 3.75vw, 5.625rem)" }
     }
   }
 }

package/src/brand/ams/typography.compact.tokens.json

@@ -3,38 +3,40 @@
     "typography": {
       "body-text": {
         "font-size": { "value": "1rem" },
+        "line-height": { "value": "1.5" },
         "small": {
-          "font-size": { "value": "clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem)" }
+          "font-size": { "value": "0.875rem" },
+          "line-height": { "value": "1.4" }
         },
         "large": {
-          "font-size": { "value": "clamp(1.1rem, calc(1.0938rem + 0.0313vw), 1.125rem)" }
+          "font-size": { "value": "clamp(1.125rem, 1.1071rem + 0.0893vw, 1.1875rem)" },
+          "line-height": { "value": "1.4" }
         },
         "x-large": {
-          "font-size": { "value": "clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem)" }
+          "font-size": { "value": "clamp(1.25rem, 1.1964rem + 0.2679vw, 1.4375rem)" },
+          "line-height": { "value": "1.3" }
         }
       },
       "heading": {
-        "0": {
-          "font-size": { "value": "clamp(1.6105rem, calc(1.5626rem + 0.2394vw), 1.802rem)" }
-        },
         "1": {
-          "font-size": { "value": "clamp(1.4641rem, calc(1.4297rem + 0.1721vw), 1.6018rem)" }
+          "font-size": { "value": "clamp(1.5rem, 1.4286rem + 0.3571vw, 1.75rem)" },
+          "line-height": { "value": "1.2" }
         },
         "2": {
-          "font-size": { "value": "clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem)" },
-          "line-height": { "value": "1.2133" }
+          "font-size": { "value": "{ams.typography.body-text.x-large.font-size}" },
+          "line-height": { "value": "1.3" }
         },
         "3": {
-          "font-size": { "value": "clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem)" }
+          "font-size": { "value": "{ams.typography.body-text.large.font-size}" },
+          "line-height": { "value": "1.3" }
         },
         "4": {
-          "font-size": { "value": "clamp(1.1rem, calc(1.0938rem + 0.0313vw), 1.125rem)" }
+          "font-size": { "value": "{ams.typography.body-text.font-size}" },
+          "line-height": { "value": "1.4" }
         },
         "5": {
-          "font-size": { "value": "1rem" }
-        },
-        "6": {
-          "font-size": { "value": "clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem)" }
+          "font-size": { "value": "{ams.typography.body-text.small.font-size}" },
+          "line-height": { "value": "1.4" }
         }
       }
     }

package/src/brand/ams/typography.deprecated.compact.tokens.json

@@ -0,0 +1,20 @@
+{
+  "ams": {
+    "typography": {
+      "heading": {
+        "0": {
+          "font-size": {
+            "comment": "Use Heading size 1 instead.",
+            "value": "clamp(2.1645rem, 2.072rem + 0.4626vw, 2.4883rem)"
+          }
+        },
+        "6": {
+          "font-size": {
+            "comment": "Use Heading size 5 instead.",
+            "value": "{ams.typography.body-text.small.font-size}"
+          }
+        }
+      }
+    }
+  }
+}

package/src/brand/ams/typography.deprecated.tokens.json

@@ -0,0 +1,28 @@
+{
+  "ams": {
+    "typography": {
+      "heading": {
+        "0": {
+          "font-size": {
+            "comment": "Use Heading size 1 instead.",
+            "value": "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)"
+          },
+          "line-height": {
+            "comment": "Use Heading size 1 instead.",
+            "value": "1.1"
+          }
+        },
+        "6": {
+          "font-size": {
+            "comment": "Use Heading size 5 instead.",
+            "value": "{ams.typography.body-text.small.font-size}"
+          },
+          "line-height": {
+            "comment": "Use Heading size 5 instead.",
+            "value": "1.4"
+          }
+        }
+      }
+    }
+  }
+}

package/src/brand/ams/typography.tokens.json

@@ -4,55 +4,47 @@
       "font-family": { "value": "'Amsterdam Sans', Arial, sans-serif" },
       "hyphenate-limit-chars": { "value": "12 8 4" },
       "body-text": {
-        "font-size": { "value": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)" },
+        "font-size": { "value": "clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem)" },
         "font-weight": { "value": "400" },
-        "line-height": { "value": "1.6667" },
+        "line-height": { "value": "1.8" },
         "bold": {
           "font-weight": { "value": "800" }
         },
         "small": {
-          "font-size": { "value": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)" },
-          "line-height": { "value": "1.5152" }
+          "font-size": { "value": "1rem" },
+          "line-height": { "value": "1.6" }
         },
         "large": {
-          "font-size": { "value": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)" },
-          "line-height": { "value": "1.5152" }
+          "font-size": { "value": "clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem)" },
+          "line-height": { "value": "1.6" }
         },
         "x-large": {
-          "font-size": { "value": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)" },
-          "line-height": { "value": "1.3776" }
+          "font-size": { "value": "clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem)" },
+          "line-height": { "value": "1.4" }
         }
       },
       "heading": {
         "font-weight": { "value": "800" },
         "text-wrap": { "value": "balance" },
-        "0": {
-          "font-size": { "value": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)" },
-          "line-height": { "value": "1.1386" }
-        },
         "1": {
-          "font-size": { "value": "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)" },
-          "line-height": { "value": "1.1754" }
+          "font-size": { "value": "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)" },
+          "line-height": { "value": "1.2" }
         },
         "2": {
-          "font-size": { "value": "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)" },
-          "line-height": { "value": "1.2133" }
-        },
-        "3": {
           "font-size": { "value": "{ams.typography.body-text.x-large.font-size}" },
-          "line-height": { "value": "1.2524" }
+          "line-height": { "value": "1.3" }
         },
-        "4": {
+        "3": {
           "font-size": { "value": "{ams.typography.body-text.large.font-size}" },
-          "line-height": { "value": "1.2928" }
+          "line-height": { "value": "1.3" }
         },
-        "5": {
+        "4": {
           "font-size": { "value": "{ams.typography.body-text.font-size}" },
-          "line-height": { "value": "1.3345" }
+          "line-height": { "value": "1.4" }
         },
-        "6": {
+        "5": {
           "font-size": { "value": "{ams.typography.body-text.small.font-size}" },
-          "line-height": { "value": "1.3776" }
+          "line-height": { "value": "1.4" }
         }
       }
     }

package/src/common/ams/inputs.tokens.json

@@ -0,0 +1,34 @@
+{
+  "ams": {
+    "inputs": {
+      "background-color": { "value": "{ams.color.background}" },
+      "border-color": { "value": "currentColor" },
+      "border-style": { "value": "solid" },
+      "border-width": { "value": "{ams.border.width.m}" },
+      "color": { "value": "{ams.color.text.default}" },
+      "font-family": { "value": "{ams.typography.font-family}" },
+      "font-size": { "value": "{ams.typography.body-text.font-size}" },
+      "font-weight": { "value": "{ams.typography.body-text.font-weight}" },
+      "line-height": { "value": "1.4" },
+      "outline-offset": { "value": "{ams.focus.outline-offset}" },
+      "padding-block": { "value": "{ams.space.s}" },
+      "padding-inline": { "value": "{ams.space.m}" },
+      "disabled": {
+        "color": { "value": "{ams.color.interactive.disabled}" }
+      },
+      "hover": {
+        "box-shadow": { "value": "inset 0 0 0 {ams.border.width.s}" }
+      },
+      "invalid": {
+        "border-color": { "value": "{ams.color.interactive.invalid.default}" },
+        "hover": {
+          "border-color": { "value": "{ams.color.interactive.invalid.hover}" },
+          "box-shadow": { "value": "inset 0 0 0 {ams.border.width.s} {ams.color.interactive.invalid.hover}" }
+        }
+      },
+      "placeholder": {
+        "color": { "value": "{ams.color.text.secondary}" }
+      }
+    }
+  }
+}

package/src/common/ams/links.tokens.json

@@ -2,12 +2,12 @@
   "ams": {
     "links": {
       "color": { "value": "{ams.color.interactive.default}" },
-      "text-decoration-thickness": { "value": "{ams.border.width.m}" },
-      "text-underline-offset": { "value": "0.3333em" },
+      "text-decoration-thickness": { "comment": "2px", "value": "0.125rem" },
+      "text-underline-offset": { "comment": "2.5px", "value": "0.15625rem" },
       "hover": {
         "color": { "value": "{ams.color.interactive.hover}" },
-        "text-decoration-thickness": { "value": "{ams.border.width.l}" },
-        "text-underline-offset": { "value": "0.2778em" }
+        "text-decoration-thickness": { "comment": "3px", "value": "0.1875rem" },
+        "text-underline-offset": { "comment": "1.5px", "value": "0.09375rem" }
       },
       "subtle": {
         "text-decoration-line": { "value": "none" },

package/src/components/ams/accordion.deprecated.tokens.json

@@ -0,0 +1,17 @@
+{
+  "ams": {
+    "accordion": {
+      "button": {
+        "font-family": { "value": "{ams.typography.font-family}" },
+        "font-size": { "value": "{ams.typography.heading.3.font-size}" },
+        "font-weight": { "value": "{ams.typography.heading.font-weight}" },
+        "line-height": { "value": "{ams.typography.heading.3.line-height}" },
+        "text-wrap": { "value": "{ams.typography.heading.text-wrap}" }
+      },
+      "panel": {
+        "padding-block": { "value": "0" },
+        "padding-inline": { "value": "0" }
+      }
+    }
+  }
+}

package/src/components/ams/accordion.tokens.json

@@ -1,26 +1,17 @@
 {
   "ams": {
     "accordion": {
-      "gap": { "value": "{ams.space.m}" },
+      "gap": { "value": "{ams.space.s}" },
       "button": {
         "color": { "value": "{ams.color.interactive.default}" },
         "cursor": { "value": "{ams.cursor.interactive}" },
-        "font-family": { "value": "{ams.typography.font-family}" },
-        "font-size": { "value": "{ams.typography.heading.4.font-size}" },
-        "font-weight": { "value": "{ams.typography.heading.font-weight}" },
         "gap": { "value": "{ams.space.s}" },
-        "line-height": { "value": "{ams.typography.heading.4.line-height}" },
         "outline-offset": { "value": "{ams.focus.outline-offset}" },
         "padding-block": { "value": "{ams.space.s}" },
         "padding-inline": { "value": "0" },
-        "text-wrap": { "value": "{ams.typography.heading.text-wrap}" },
         "hover": {
           "color": { "value": "{ams.color.interactive.hover}" }
         }
-      },
-      "panel": {
-        "padding-block": { "value": "0" },
-        "padding-inline": { "value": "0" }
       }
     }
   }

package/src/components/ams/breadcrumb.tokens.json

@@ -2,16 +2,16 @@
   "ams": {
     "breadcrumb": {
       "font-family": { "value": "{ams.typography.font-family}" },
-      "font-size": { "value": "{ams.typography.body-text.small.font-size}" },
+      "font-size": { "value": "{ams.typography.body-text.font-size}" },
       "font-weight": { "value": "{ams.typography.body-text.font-weight}" },
-      "line-height": { "value": "{ams.typography.body-text.small.line-height}" },
+      "line-height": { "value": "{ams.typography.body-text.line-height}" },
       "separator": {
         "background-image": {
           "value": "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": { "value": "1ex" },
         "inline-size": { "value": "1ex" },
-        "margin-inline": { "value": "{ams.space.xs}" }
+        "margin-inline": { "value": "{ams.space.s}" }
       },
       "link": {
         "color": { "value": "{ams.links.color}" },

package/src/components/ams/button.tokens.json

@@ -7,7 +7,7 @@
       "font-family": { "value": "{ams.typography.font-family}" },
       "font-size": { "value": "{ams.typography.body-text.font-size}" },
       "font-weight": { "value": "{ams.typography.body-text.font-weight}" },
-      "line-height": { "value": "{ams.typography.body-text.line-height}" },
+      "line-height": { "value": "{ams.inputs.line-height}" },
       "gap": { "value": "{ams.space.s}" },
       "outline-offset": { "value": "{ams.focus.outline-offset}" },
       "padding-block": { "value": "{ams.space.s}" },
@@ -15,6 +15,10 @@
       "disabled": {
         "cursor": { "value": "{ams.cursor.disabled}" }
       },
+      "icon-only": {
+        "padding-block": { "value": "{ams.space.s}" },
+        "padding-inline": { "value": "{ams.space.s}" }
+      },
       "primary": {
         "background-color": { "value": "{ams.color.interactive.default}" },
         "border-color": { "value": "{ams.color.interactive.default}" },
@@ -30,30 +34,28 @@
       },
       "secondary": {
         "background-color": { "value": "{ams.color.background}" },
+        "border-color": { "value": "currentColor" },
         "color": { "value": "{ams.color.interactive.default}" },
+        "disabled": {
+          "border-color": { "value": "{ams.color.interactive.disabled}" },
+          "color": { "value": "{ams.color.interactive.disabled}" }
+        },
         "hover": {
           "box-shadow": { "value": "inset 0 0 0 {ams.border.width.s}" },
           "color": { "value": "{ams.color.interactive.hover}" }
-        },
-        "disabled": {
-          "color": { "value": "{ams.color.interactive.disabled}" }
         }
       },
       "tertiary": {
         "background-color": { "value": "transparent" },
         "border-color": { "value": "transparent" },
         "color": { "value": "{ams.color.interactive.default}" },
+        "disabled": {
+          "color": { "value": "{ams.color.interactive.disabled}" }
+        },
         "hover": {
           "border-color": { "value": "currentColor" },
           "color": { "value": "{ams.color.interactive.hover}" }
-        },
-        "disabled": {
-          "color": { "value": "{ams.color.interactive.disabled}" }
         }
-      },
-      "icon-only": {
-        "padding-block": { "value": "{ams.space.s}" },
-        "padding-inline": { "value": "{ams.space.s}" }
       }
     }
   }

package/src/components/ams/call-to-action-link.tokens.json

@@ -0,0 +1,24 @@
+{
+  "ams": {
+    "call-to-action-link": {
+      "background-color": { "value": "#00a03c" },
+      "color": { "value": "{ams.color.text.inverse}" },
+      "font-family": { "value": "{ams.typography.font-family}" },
+      "font-size": { "value": "{ams.typography.body-text.font-size}" },
+      "font-weight": { "value": "{ams.typography.body-text.font-weight}" },
+      "line-height": { "value": "{ams.typography.body-text.line-height}" },
+      "outline-offset": { "value": "{ams.focus.outline-offset}" },
+      "padding-block": { "value": "{ams.space.xs}" },
+      "padding-inline": { "value": "{ams.space.m}" },
+      "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
+      "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
+      "hover": {
+        "background-color": { "value": "#007c2e" },
+        "text-decoration-thickness": {
+          "value": "{ams.links.hover.text-decoration-thickness}"
+        },
+        "text-underline-offset": { "value": "{ams.links.hover.text-underline-offset}" }
+      }
+    }
+  }
+}

package/src/components/ams/checkbox.deprecated.tokens.json

@@ -0,0 +1,43 @@
+{
+  "ams": {
+    "checkbox": {
+      "hover": {
+        "text-decoration-thickness": {
+          "comment": "Use `ams.checkbox.text-decoration-thickness` instead",
+          "value": "{ams.border.width.m}"
+        }
+      },
+      "rectangle": {
+        "checked": {
+          "disabled": {
+            "hover": {
+              "fill": { "value": "{ams.color.interactive.disabled}" }
+            }
+          },
+          "hover": {
+            "disabled-invalid": {
+              "fill": { "value": "{ams.color.interactive.disabled}" }
+            }
+          }
+        },
+        "hover": {
+          "disabled-invalid": {
+            "stroke": { "value": "{ams.color.interactive.disabled}" }
+          }
+        },
+        "indeterminate": {
+          "disabled": {
+            "hover": {
+              "fill": { "value": "{ams.color.interactive.disabled}" }
+            }
+          },
+          "hover": {
+            "disabled-invalid": {
+              "fill": { "value": "{ams.color.interactive.disabled}" }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/src/components/ams/checkbox.tokens.json

@@ -9,10 +9,17 @@
       "gap": { "value": "{ams.space.s}" },
       "line-height": { "value": "{ams.typography.body-text.line-height}" },
       "outline-offset": { "value": "{ams.focus.outline-offset}" },
-      "checked-indicator": {
-        "stroke": { "value": "{ams.color.interactive.inverse}" }
+      "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
+      "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
+      "disabled": {
+        "cursor": { "value": "{ams.cursor.disabled}" },
+        "color": { "value": "{ams.color.interactive.disabled}" }
       },
-      "indeterminate-indicator": {
+      "hover": {
+        "color": { "value": "{ams.color.interactive.hover}" },
+        "text-decoration-line": { "value": "{ams.links.subtle.hover.text-decoration-line}" }
+      },
+      "checked-indicator": {
         "stroke": { "value": "{ams.color.interactive.inverse}" }
       },
       "hover-indicator": {
@@ -25,22 +32,23 @@
           }
         }
       },
+      "icon-container": {
+        "block-size": { "value": "calc({ams.checkbox.font-size} * {ams.checkbox.line-height})" },
+        "inline-size": { "value": "{ams.checkbox.font-size}" }
+      },
+      "indeterminate-indicator": {
+        "stroke": { "value": "{ams.color.interactive.inverse}" }
+      },
       "rectangle": {
         "fill": { "value": "{ams.color.background}" },
         "stroke": { "value": "{ams.color.interactive.default}" },
         "checked": {
           "fill": { "value": "{ams.color.interactive.default}" },
           "disabled": {
-            "fill": { "value": "{ams.color.interactive.disabled}" },
-            "hover": {
-              "fill": { "value": "{ams.color.interactive.disabled}" }
-            }
+            "fill": { "value": "{ams.color.interactive.disabled}" }
           },
           "hover": {
-            "fill": { "value": "{ams.color.interactive.hover}" },
-            "disabled-invalid": {
-              "fill": { "value": "{ams.color.interactive.disabled}" }
-            }
+            "fill": { "value": "{ams.color.interactive.hover}" }
           },
           "invalid": {
             "fill": { "value": "{ams.color.interactive.invalid.default}" },
@@ -53,24 +61,15 @@
           "stroke": { "value": "{ams.color.interactive.disabled}" }
         },
         "hover": {
-          "stroke": { "value": "{ams.color.interactive.hover}" },
-          "disabled-invalid": {
-            "stroke": { "value": "{ams.color.interactive.disabled}" }
-          }
+          "stroke": { "value": "{ams.color.interactive.hover}" }
         },
         "indeterminate": {
           "fill": { "value": "{ams.color.interactive.default}" },
           "disabled": {
-            "fill": { "value": "{ams.color.interactive.disabled}" },
-            "hover": {
-              "fill": { "value": "{ams.color.interactive.disabled}" }
-            }
+            "fill": { "value": "{ams.color.interactive.disabled}" }
           },
           "hover": {
-            "fill": { "value": "{ams.color.interactive.hover}" },
-            "disabled-invalid": {
-              "fill": { "value": "{ams.color.interactive.disabled}" }
-            }
+            "fill": { "value": "{ams.color.interactive.hover}" }
           },
           "invalid": {
             "fill": { "value": "{ams.color.interactive.invalid.default}" },
@@ -85,18 +84,6 @@
             "stroke": { "value": "{ams.color.interactive.invalid.hover}" }
           }
         }
-      },
-      "icon-container": {
-        "block-size": { "value": "calc({ams.checkbox.font-size} * {ams.checkbox.line-height})" },
-        "inline-size": { "value": "1.5rem" }
-      },
-      "disabled": {
-        "cursor": { "value": "{ams.cursor.disabled}" },
-        "color": { "value": "{ams.color.interactive.disabled}" }
-      },
-      "hover": {
-        "color": { "value": "{ams.color.interactive.hover}" },
-        "text-decoration-thickness": { "value": "{ams.border.width.m}" }
       }
     }
   }