@amsterdam/design-system-tokens 3.3.0 → 3.4.0

package/src/components/ams/time-input.tokens.json

@@ -73,16 +73,35 @@
         },
         "cursor": {
           "$value": "{ams.cursor.disabled}"
+        },
+        "calendar-picker-indicator": {
+          "$deprecated": "Will be removed in release 6.0.0.",
+          "background-image": {
+            "$value": "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": {
+            "$deprecated": "Use `ams.time-input.disabled.calendar-picker-indicator.background-image` instead. Will be removed in release 4.0.0.",
+            "$value": "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>\")"
+          }
         }
       },
       "hover": {
         "box-shadow": {
+          "$type": "shadow",
           "$value": "{ams.inputs.hover.box-shadow}"
         },
         "calendar-picker-indicator": {
           "background-image": {
             "$value": "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": {
+            "$deprecated": "Use `ams.time-input.hover.calendar-picker-indicator.background-image` instead. Will be removed in release 4.0.0.",
+            "$value": "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>\")"
+          }
         }
       },
       "invalid": {
@@ -96,6 +115,7 @@
             "$type": "color"
           },
           "box-shadow": {
+            "$type": "shadow",
             "$value": "{ams.inputs.invalid.hover.box-shadow}"
           }
         }
@@ -107,6 +127,16 @@
         "cursor": {
           "$value": "{ams.cursor.interactive}"
         }
+      },
+      "calender-picker-indicator": {
+        "background-image": {
+          "$deprecated": "Use `ams.time-input.calendar-picker-indicator.background-image` instead. Will be removed in release 4.0.0.",
+          "$value": "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": {
+          "$deprecated": "Use `ams.time-input.calendar-picker-indicator.cursor` instead. Will be removed in release 4.0.0.",
+          "$value": "{ams.cursor.interactive}"
+        }
       }
     }
   }

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

@@ -1,13 +0,0 @@
-{
-  "ams": {
-    "color": {
-      "interactive": {
-        "secondary": {
-          "$deprecated": "Use `currentColor` instead",
-          "$value": "#202020",
-          "$type": "color"
-        }
-      }
-    }
-  }
-}

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

@@ -1,26 +0,0 @@
-{
-  "ams": {
-    "typography": {
-      "heading": {
-        "0": {
-          "font-size": {
-            "$deprecated": "Use `ams.typography.heading.1.font-size` instead.",
-            "$value": "clamp(2.1645rem, 2.072rem + 0.4626vw, 2.4883rem)",
-            "$extensions": {
-              "nl.amsterdam.type": "fontSize"
-            }
-          }
-        },
-        "6": {
-          "font-size": {
-            "$deprecated": "Use `ams.typography.heading.5.font-size` instead.",
-            "$value": "{ams.typography.body-text.small.font-size}",
-            "$extensions": {
-              "nl.amsterdam.type": "fontSize"
-            }
-          }
-        }
-      }
-    }
-  }
-}

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

@@ -1,40 +0,0 @@
-{
-  "ams": {
-    "typography": {
-      "heading": {
-        "0": {
-          "font-size": {
-            "$deprecated": "Use `ams.typography.heading.1.font-size` instead.",
-            "$value": "clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem)",
-            "$extensions": {
-              "nl.amsterdam.type": "fontSize"
-            }
-          },
-          "line-height": {
-            "$deprecated": "Use `ams.typography.heading.1.line-height` instead.",
-            "$value": "1.1",
-            "$extensions": {
-              "nl.amsterdam.type": "lineHeight"
-            }
-          }
-        },
-        "6": {
-          "font-size": {
-            "$deprecated": "Use `ams.typography.heading.5.font-size` instead.",
-            "$value": "{ams.typography.body-text.small.font-size}",
-            "$extensions": {
-              "nl.amsterdam.type": "fontSize"
-            }
-          },
-          "line-height": {
-            "$deprecated": "Use `ams.typography.heading.5.line-height` instead.",
-            "$value": "1.4",
-            "$extensions": {
-              "nl.amsterdam.type": "lineHeight"
-            }
-          }
-        }
-      }
-    }
-  }
-}

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

@@ -1,39 +0,0 @@
-{
-  "ams": {
-    "accordion": {
-      "button": {
-        "font-family": {
-          "$value": "{ams.typography.font-family}",
-          "$type": "fontFamily"
-        },
-        "font-size": {
-          "$value": "{ams.typography.heading.3.font-size}",
-          "$extensions": {
-            "nl.amsterdam.type": "fontSize"
-          }
-        },
-        "font-weight": {
-          "$value": "{ams.typography.heading.font-weight}",
-          "$type": "fontWeight"
-        },
-        "line-height": {
-          "$value": "{ams.typography.heading.3.line-height}",
-          "$extensions": {
-            "nl.amsterdam.type": "lineHeight"
-          }
-        },
-        "text-wrap": {
-          "$value": "{ams.typography.heading.text-wrap}"
-        }
-      },
-      "panel": {
-        "padding-block": {
-          "$value": "0"
-        },
-        "padding-inline": {
-          "$value": "0"
-        }
-      }
-    }
-  }
-}

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

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

package/src/components/ams/date-input.deprecated.tokens.json

@@ -1,38 +0,0 @@
-{
-  "ams": {
-    "date-input": {
-      "disabled": {
-        "calendar-picker-indicator": {
-          "background-image": {
-            "$deprecated": "This token will be removed in release 6.0.0",
-            "$value": "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": {
-            "$deprecated": "Use `ams.date-input.disabled.calendar-picker-indicator.background-image` instead",
-            "$value": "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>\")"
-          }
-        }
-      },
-      "hover": {
-        "calender-picker-indicator": {
-          "background-image": {
-            "$deprecated": "Use `ams.date-input.hover.calendar-picker-indicator.background-image` instead",
-            "$value": "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": {
-          "$deprecated": "Use `ams.date-input.calendar-picker-indicator.background-image` instead",
-          "$value": "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": {
-          "$deprecated": "Use `ams.date-input.calendar-picker-indicator.cursor` instead",
-          "$value": "{ams.cursor.interactive}"
-        }
-      }
-    }
-  }
-}

package/src/components/ams/field-set.deprecated.tokens.json

@@ -1,16 +0,0 @@
-{
-  "ams": {
-    "field-set": {
-      "legend": {
-        "margin-block-end": {
-          "$deprecated": "This token will be removed in release 5.0.0",
-          "$value": "{ams.space.s}",
-          "$type": "dimension",
-          "$extensions": {
-            "nl.amsterdam.subtype": "space"
-          }
-        }
-      }
-    }
-  }
-}

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

@@ -1,14 +0,0 @@
-{
-  "ams": {
-    "field": {
-      "gap": {
-        "$deprecated": "This token will be removed in release 5.0.0",
-        "$value": "{ams.space.s}",
-        "$type": "dimension",
-        "$extensions": {
-          "nl.amsterdam.subtype": "space"
-        }
-      }
-    }
-  }
-}

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

@@ -1,22 +0,0 @@
-{
-  "ams": {
-    "icon": {
-      "heading-0": {
-        "font-size": {
-          "$deprecated": "Use `ams.typography.heading.1.font-size` instead.",
-          "$value": "{ams.typography.heading.0.font-size}",
-          "$extensions": {
-            "nl.amsterdam.type": "fontSize"
-          }
-        },
-        "line-height": {
-          "$deprecated": "Use `ams.typography.heading.1.line-height` instead.",
-          "$value": "{ams.typography.heading.0.line-height}",
-          "$extensions": {
-            "nl.amsterdam.type": "lineHeight"
-          }
-        }
-      }
-    }
-  }
-}

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

@@ -1,36 +0,0 @@
-{
-  "ams": {
-    "menu": {
-      "link": {
-        "contrast": {
-          "color": {
-            "$deprecated": "The menu has a dark background now, so this is no longer needed.",
-            "$value": "{ams.links.contrast.color}",
-            "$type": "color"
-          },
-          "hover": {
-            "color": {
-              "$deprecated": "The menu has a dark background now, so this is no longer needed.",
-              "$value": "{ams.links.contrast.hover.color}",
-              "$type": "color"
-            }
-          }
-        },
-        "inverse": {
-          "color": {
-            "$deprecated": "The menu has a dark background now, so this is no longer needed.",
-            "$value": "{ams.links.inverse.color}",
-            "$type": "color"
-          },
-          "hover": {
-            "color": {
-              "$deprecated": "The menu has a dark background now, so this is no longer needed.",
-              "$value": "{ams.links.inverse.hover.color}",
-              "$type": "color"
-            }
-          }
-        }
-      }
-    }
-  }
-}

package/src/components/ams/standalone-link.deprecated.tokens.json

@@ -1,38 +0,0 @@
-{
-  "ams": {
-    "standalone-link": {
-      "hover": {
-        "text-decoration-thickness": {
-          "$deprecated": "Use `ams.standalone-link.text-decoration-thickness` instead",
-          "$value": "{ams.links.hover.text-decoration-thickness}",
-          "$type": "dimension"
-        },
-        "text-underline-offset": {
-          "$deprecated": "Use `ams.standalone-link.text-underline-offset` instead",
-          "$value": "{ams.links.hover.text-underline-offset}",
-          "$type": "dimension",
-          "$extensions": {
-            "nl.amsterdam.subtype": "space"
-          }
-        }
-      },
-      "with-icon": {
-        "text-decoration-line": {
-          "$deprecated": "Use `ams.standalone-link.text-decoration-line` instead",
-          "$value": "{ams.links.subtle.text-decoration-line}"
-        },
-        "text-decoration-thickness": {
-          "$deprecated": "Use `ams.standalone-link.text-decoration-thickness` instead",
-          "$value": "{ams.links.text-decoration-thickness}",
-          "$type": "dimension"
-        },
-        "hover": {
-          "text-decoration-line": {
-            "$deprecated": "Use `ams.standalone-link.hover.text-decoration-line` instead",
-            "$value": "{ams.links.subtle.hover.text-decoration-line}"
-          }
-        }
-      }
-    }
-  }
-}

package/src/components/ams/table-of-contents.deprecated.tokens.json

@@ -1,24 +0,0 @@
-{
-  "ams": {
-    "table-of-contents": {
-      "heading": {
-        "font-weight": {
-          "$value": "{ams.typography.heading.font-weight}",
-          "$type": "fontWeight"
-        },
-        "font-size": {
-          "$value": "{ams.typography.heading.4.font-size}",
-          "$extensions": {
-            "nl.amsterdam.type": "fontSize"
-          }
-        },
-        "line-height": {
-          "$value": "{ams.typography.heading.4.line-height}",
-          "$extensions": {
-            "nl.amsterdam.type": "lineHeight"
-          }
-        }
-      }
-    }
-  }
-}

package/src/components/ams/time-input.deprecated.tokens.json

@@ -1,38 +0,0 @@
-{
-  "ams": {
-    "time-input": {
-      "disabled": {
-        "calendar-picker-indicator": {
-          "$deprecated": "This token will be removed in release 6.0.0",
-          "background-image": {
-            "$value": "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": {
-            "$deprecated": "Use `ams.time-input.disabled.calendar-picker-indicator.background-image` instead",
-            "$value": "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>\")"
-          }
-        }
-      },
-      "hover": {
-        "calender-picker-indicator": {
-          "background-image": {
-            "$deprecated": "Use `ams.time-input.hover.calendar-picker-indicator.background-image` instead",
-            "$value": "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": {
-          "$deprecated": "Use `ams.time-input.calendar-picker-indicator.background-image` instead",
-          "$value": "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": {
-          "$deprecated": "Use `ams.time-input.calendar-picker-indicator.cursor` instead",
-          "$value": "{ams.cursor.interactive}"
-        }
-      }
-    }
-  }
-}