@amsterdam/design-system-tokens 0.6.1 → 0.7.0

package/src/components/amsterdam/link.tokens.json

@@ -1,61 +0,0 @@
-{
-  "amsterdam": {
-    "link": {
-      "color": { "value": "{amsterdam.link-appearance.color}" },
-      "font-family": { "value": "{amsterdam.typography.font-family}" },
-      "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
-      "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
-      "hover": {
-        "color": { "value": "{amsterdam.link-appearance.hover.color}" }
-      },
-      "inline": {
-        "text-decoration-line": { "value": "{amsterdam.link-appearance.regular.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{amsterdam.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{amsterdam.link-appearance.text-underline-offset}" },
-        "font-family": { "value": "inherit" },
-        "font-size": { "value": "inherit" },
-        "line-height": { "value": "inherit" },
-        "hover": {
-          "text-decoration-thickness": {
-            "value": "{amsterdam.link-appearance.regular.hover.text-decoration-thickness}"
-          },
-          "text-underline-offset": { "value": "{amsterdam.link-appearance.regular.hover.text-underline-offset}" }
-        },
-        "visited": {
-          "color": { "value": "{amsterdam.color.purple}" }
-        }
-      },
-      "standalone": {
-        "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
-        "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
-        "text-decoration-line": { "value": "{amsterdam.link-appearance.regular.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{amsterdam.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{amsterdam.link-appearance.text-underline-offset}" },
-        "hover": {
-          "text-decoration-thickness": {
-            "value": "{amsterdam.link-appearance.regular.hover.text-decoration-thickness}"
-          },
-          "text-underline-offset": { "value": "{amsterdam.link-appearance.regular.hover.text-underline-offset}" }
-        }
-      },
-      "on-background-dark": {
-        "color": { "value": "{amsterdam.link-appearance.on-background-dark.color}" },
-        "hover": {
-          "color": { "value": "{amsterdam.link-appearance.on-background-dark.color}" }
-        },
-        "visited": {
-          "color": { "value": "{amsterdam.link-appearance.on-background-dark.color}" }
-        }
-      },
-      "on-background-light": {
-        "color": { "value": "{amsterdam.link-appearance.on-background-light.color}" },
-        "hover": {
-          "color": { "value": "{amsterdam.link-appearance.on-background-light.color}" }
-        },
-        "visited": {
-          "color": { "value": "{amsterdam.link-appearance.on-background-light.color}" }
-        }
-      }
-    }
-  }
-}

package/src/components/amsterdam/logo.tokens.json

@@ -1,10 +0,0 @@
-{
-  "amsterdam": {
-    "logo": {
-      "height": { "value": "2.5rem" },
-      "emblem": { "color": { "value": "{amsterdam.color.primary-red}" } },
-      "title": { "color": { "value": "{amsterdam.color.primary-red}" } },
-      "subsite": { "color": { "value": "{amsterdam.color.primary-black}" } }
-    }
-  }
-}

package/src/components/amsterdam/margin.tokens.json

@@ -1,11 +0,0 @@
-{
-  "amsterdam": {
-    "margin": {
-      "xs": { "value": "{amsterdam.space.grid.xs}" },
-      "sm": { "value": "{amsterdam.space.grid.sm}" },
-      "md": { "value": "{amsterdam.space.grid.md}" },
-      "lg": { "value": "{amsterdam.space.grid.lg}" },
-      "xl": { "value": "{amsterdam.space.grid.xl}" }
-    }
-  }
-}

package/src/components/amsterdam/mark.tokens.json

@@ -1,7 +0,0 @@
-{
-  "amsterdam": {
-    "mark": {
-      "background-color": { "value": "{amsterdam.color.yellow}" }
-    }
-  }
-}

package/src/components/amsterdam/mega-menu.tokens.json

@@ -1,18 +0,0 @@
-{
-  "amsterdam": {
-    "mega-menu": {
-      "list-category": {
-        "column-gap": {
-          "value": "{amsterdam.space.grid.md}",
-          "comment": "Must have the same value as `amsterdam.grid.column-gap`."
-        },
-        "column-width": { "value": "20rem" },
-        "padding-block-start": { "value": "1rem" },
-        "padding-block-end": {
-          "value": "{amsterdam.space.grid.md}",
-          "comment": "Must have the same value as `amsterdam.grid.row-gap.md`."
-        }
-      }
-    }
-  }
-}

package/src/components/amsterdam/page-heading.tokens.json

@@ -1,12 +0,0 @@
-{
-  "amsterdam": {
-    "page-heading": {
-      "color": { "value": "{amsterdam.color.primary-black}" },
-      "font-family": { "value": "{amsterdam.typography.font-family}" },
-      "font-size": { "value": "{amsterdam.typography.text-level.0.font-size}" },
-      "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
-      "inverse-color": { "value": "{amsterdam.color.primary-white}" },
-      "line-height": { "value": "{amsterdam.typography.text-level.0.font-size}" }
-    }
-  }
-}

package/src/components/amsterdam/page-menu.tokens.json

@@ -1,24 +0,0 @@
-{
-  "amsterdam": {
-    "page-menu": {
-      "column-gap": { "value": "2.5rem" },
-      "row-gap": { "value": "0.5rem" },
-      "item": {
-        "color": { "value": "{amsterdam.link-appearance.color}" },
-        "font-family": { "value": "{amsterdam.typography.font-family}" },
-        "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
-        "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
-        "gap": { "value": "0.5rem" },
-        "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" },
-        "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
-        "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{amsterdam.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{amsterdam.link-appearance.text-underline-offset}" },
-        "hover": {
-          "color": { "value": "{amsterdam.link-appearance.hover.color}" },
-          "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.hover.text-decoration-line}" }
-        }
-      }
-    }
-  }
-}

package/src/components/amsterdam/pagination.tokens.json

@@ -1,25 +0,0 @@
-{
-  "amsterdam": {
-    "pagination": {
-      "color": { "value": "{amsterdam.link-appearance.color}" },
-      "font-family": { "value": "{amsterdam.typography.font-family}" },
-      "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
-      "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
-      "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
-      "button": {
-        "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
-        "padding-inline": { "value": "{amsterdam.space.inside.sm}" },
-        "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{amsterdam.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{amsterdam.link-appearance.text-underline-offset}" },
-        "current": {
-          "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" }
-        },
-        "hover": {
-          "color": { "value": "{amsterdam.link-appearance.hover.color}" },
-          "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.hover.text-decoration-line}" }
-        }
-      }
-    }
-  }
-}

package/src/components/amsterdam/paragraph.tokens.json

@@ -1,22 +0,0 @@
-{
-  "amsterdam": {
-    "paragraph": {
-      "color": { "value": "{amsterdam.color.primary-black}" },
-      "font-family": { "value": "{amsterdam.typography.font-family}" },
-      "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
-      "inverse-color": { "value": "{amsterdam.color.primary-white}" },
-      "small": {
-        "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
-        "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" }
-      },
-      "medium": {
-        "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
-        "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" }
-      },
-      "large": {
-        "font-size": { "value": "{amsterdam.typography.text-level.4.font-size}" },
-        "line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" }
-      }
-    }
-  }
-}

package/src/components/amsterdam/row.tokens.json

@@ -1,13 +0,0 @@
-{
-  "amsterdam": {
-    "row": {
-      "gap": {
-        "xs": { "value": "{amsterdam.space.stack.xs}" },
-        "sm": { "value": "{amsterdam.space.stack.sm}" },
-        "md": { "value": "{amsterdam.space.stack.md}" },
-        "lg": { "value": "{amsterdam.space.stack.lg}" },
-        "xl": { "value": "{amsterdam.space.stack.xl}" }
-      }
-    }
-  }
-}

package/src/components/amsterdam/search-field.tokens.json

@@ -1,45 +0,0 @@
-{
-  "amsterdam": {
-    "search-field": {
-      "button": {
-        "background-color": { "value": "{amsterdam.color.primary-blue}" },
-        "color": { "value": "{amsterdam.color.primary-white}" },
-        "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
-        "hover": {
-          "background-color": { "value": "{amsterdam.color.dark-blue}" }
-        },
-        "padding-block": { "value": "{amsterdam.space.inside.xs}" },
-        "padding-inline": { "value": "{amsterdam.space.inside.xs}" }
-      },
-      "input": {
-        "box-shadow": {
-          "value": "inset 0 0 0 1px {amsterdam.color.primary-black}"
-        },
-        "color": { "value": "{amsterdam.color.primary-black}" },
-        "font-family": { "value": "{amsterdam.typography.font-family}" },
-        "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
-        "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
-        "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" },
-        "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
-        "padding-block": { "value": "{amsterdam.space.inside.xs}" },
-        "padding-inline": { "value": "{amsterdam.space.inside.md}" },
-        "cancel-button": {
-          "background-image": {
-            "value": "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>\")"
-          },
-          "color": { "value": "{amsterdam.color.primary-blue}" },
-          "height": { "value": "{amsterdam.typography.text-level.6.font-size}" },
-          "width": { "value": "{amsterdam.typography.text-level.6.font-size}" }
-        },
-        "hover": {
-          "box-shadow": {
-            "value": "inset 0 0 0 2px {amsterdam.color.primary-black}"
-          }
-        },
-        "placeholder": {
-          "color": { "value": "{amsterdam.color.neutral-grey3}" }
-        }
-      }
-    }
-  }
-}

package/src/components/amsterdam/skip-link.tokens.json

@@ -1,18 +0,0 @@
-{
-  "amsterdam": {
-    "skip-link": {
-      "background-color": { "value": "{amsterdam.color.primary-blue}" },
-      "color": { "value": "{amsterdam.color.primary-white}" },
-      "font-family": { "value": "{amsterdam.typography.font-family}" },
-      "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
-      "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
-      "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" },
-      "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
-      "padding-block": { "value": "{amsterdam.space.inside.xs}" },
-      "padding-inline": { "value": "{amsterdam.space.inside.md}" },
-      "hover": {
-        "background-color": { "value": "{amsterdam.color.dark-blue}" }
-      }
-    }
-  }
-}

package/src/components/amsterdam/spotlight.tokens.json

@@ -1,30 +0,0 @@
-{
-  "amsterdam": {
-    "spotlight": {
-      "blue": {
-        "background-color": { "value": "{amsterdam.color.blue}" }
-      },
-      "dark-blue": {
-        "background-color": { "value": "{amsterdam.color.primary-blue}" }
-      },
-      "dark-green": {
-        "background-color": { "value": "{amsterdam.color.dark-green}" }
-      },
-      "green": {
-        "background-color": { "value": "{amsterdam.color.green}" }
-      },
-      "magenta": {
-        "background-color": { "value": "{amsterdam.color.magenta}" }
-      },
-      "orange": {
-        "background-color": { "value": "{amsterdam.color.orange}" }
-      },
-      "purple": {
-        "background-color": { "value": "{amsterdam.color.purple}" }
-      },
-      "yellow": {
-        "background-color": { "value": "{amsterdam.color.yellow}" }
-      }
-    }
-  }
-}

package/src/components/amsterdam/switch.tokens.json

@@ -1,24 +0,0 @@
-{
-  "amsterdam": {
-    "switch": {
-      "font-family": { "value": "{amsterdam.typography.font-family}" },
-      "background-color": { "value": "{amsterdam.color.neutral-grey3}" },
-      "width": { "value": "3.5rem" },
-      "thumb": {
-        "background-color": { "value": "{amsterdam.color.primary-white}" },
-        "width": { "value": "1.75rem" },
-        "height": { "value": "1.75rem" },
-        "hover": {
-          "color": { "value": "{amsterdam.color.dark-blue}" }
-        }
-      },
-      "checked": {
-        "background-color": { "value": "{amsterdam.color.primary-blue}" }
-      },
-      "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
-      "disabled": {
-        "background-color": { "value": "{amsterdam.color.neutral-grey2}" }
-      }
-    }
-  }
-}

package/src/components/amsterdam/table.tokens.json

@@ -1,22 +0,0 @@
-{
-  "amsterdam": {
-    "table": {
-      "color": { "value": "{amsterdam.color.primary-black}" },
-      "font-family": { "value": "{amsterdam.typography.font-family}" },
-      "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
-      "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
-      "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
-      "caption": {
-        "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" }
-      },
-      "cell": {
-        "border-bottom": { "value": "1px solid {amsterdam.color.neutral-grey1}" },
-        "padding-block": { "value": "{amsterdam.space.inside.md}" },
-        "padding-inline": { "value": "{amsterdam.space.inside.md}" }
-      },
-      "header-cell": {
-        "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" }
-      }
-    }
-  }
-}

package/src/components/amsterdam/tabs.tokens.json

@@ -1,34 +0,0 @@
-{
-  "amsterdam": {
-    "tabs": {
-      "list": {
-        "border-bottom": { "value": ".125rem solid {amsterdam.color.primary-blue}" }
-      },
-      "button": {
-        "background-color": { "value": "transparent" },
-        "border": { "value": "none" },
-        "color": { "value": "{amsterdam.color.primary-blue}" },
-        "cursor": { "value": "{amsterdam.action.activate.cursor}" },
-        "font-family": { "value": "{amsterdam.typography.font-family}" },
-        "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
-        "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
-        "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
-        "outline-offset": { "value": "-0.25rem" },
-        "padding-block": { "value": ".5rem" },
-        "padding-inline": { "value": "1rem" },
-        "hover": {
-          "color": { "value": "{amsterdam.color.dark-blue}" },
-          "box-shadow": { "value": "inset 0 -0.125rem 0 0 {amsterdam.color.dark-blue}" }
-        },
-        "selected": {
-          "background-color": { "value": "{amsterdam.color.primary-blue}" },
-          "color": { "value": "{amsterdam.color.primary-white}" }
-        },
-        "disabled": {
-          "color": { "value": "{amsterdam.color.neutral-grey2}" },
-          "cursor": { "value": "{amsterdam.action.disabled.cursor}" }
-        }
-      }
-    }
-  }
-}

package/src/components/amsterdam/text-area.tokens.json

@@ -1,36 +0,0 @@
-{
-  "amsterdam": {
-    "text-area": {
-      "box-shadow": { "value": "inset 0 0 0 1px {amsterdam.color.primary-black}" },
-      "color": { "value": "{amsterdam.color.primary-black}" },
-      "font-family": { "value": "{amsterdam.typography.font-family}" },
-      "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
-      "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
-      "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" },
-      "min-height": {
-        "value": "calc({amsterdam.typography.text-level.6.line-height} * 1em + 2 * {amsterdam.text-area.padding-block})"
-      },
-      "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
-      "padding-block": { "value": "0.5rem" },
-      "padding-inline": { "value": "1rem" },
-      "disabled": {
-        "background-color": { "value": "{amsterdam.color.primary-white}" },
-        "box-shadow": { "value": "inset 0 0 0 1px {amsterdam.color.neutral-grey2}" },
-        "color": { "value": "{amsterdam.color.neutral-grey2}" },
-        "cursor": { "value": "{amsterdam.action.disabled.cursor}" }
-      },
-      "hover": {
-        "box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.primary-black}" }
-      },
-      "invalid": {
-        "box-shadow": { "value": "inset 0 0 0 1px {amsterdam.color.primary-red}" },
-        "hover": {
-          "box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.primary-red}" }
-        }
-      },
-      "placeholder": {
-        "color": { "value": "{amsterdam.color.neutral-grey3}" }
-      }
-    }
-  }
-}

package/src/components/amsterdam/text-input.tokens.json

@@ -1,32 +0,0 @@
-{
-  "amsterdam": {
-    "text-input": {
-      "box-shadow": { "value": "inset 0 0 0 1px {amsterdam.color.primary-black}" },
-      "color": { "value": "{amsterdam.color.primary-black}" },
-      "font-family": { "value": "{amsterdam.typography.font-family}" },
-      "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
-      "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
-      "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" },
-      "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
-      "padding-block": { "value": "{amsterdam.space.inside.xs}" },
-      "padding-inline": { "value": "{amsterdam.space.inside.md}" },
-      "disabled": {
-        "background-color": { "value": "{amsterdam.color.primary-white}" },
-        "box-shadow": { "value": "inset 0 0 0 1px {amsterdam.color.neutral-grey2}" },
-        "color": { "value": "{amsterdam.color.neutral-grey2}" }
-      },
-      "hover": {
-        "box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.primary-black}" }
-      },
-      "invalid": {
-        "box-shadow": { "value": "inset 0 0 0 1px {amsterdam.color.primary-red}" },
-        "hover": {
-          "box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.primary-red}" }
-        }
-      },
-      "placeholder": {
-        "color": { "value": "{amsterdam.color.neutral-grey3}" }
-      }
-    }
-  }
-}

package/src/components/amsterdam/top-task-link.tokens.json

@@ -1,28 +0,0 @@
-{
-  "amsterdam": {
-    "top-task-link": {
-      "description": {
-        "color": { "value": "{amsterdam.color.primary-black}" },
-        "font-family": { "value": "{amsterdam.typography.font-family}" },
-        "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
-        "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
-        "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" }
-      },
-      "label": {
-        "color": { "value": "{amsterdam.link-appearance.color}" },
-        "font-family": { "value": "{amsterdam.typography.font-family}" },
-        "font-size": { "value": "{amsterdam.typography.text-level.4.font-size}" },
-        "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
-        "line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" },
-        "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{amsterdam.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{amsterdam.link-appearance.text-underline-offset}" },
-        "hover": {
-          "color": { "value": "{amsterdam.color.dark-blue}" },
-          "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.hover.text-decoration-line}" }
-        }
-      },
-      "outline-offset": { "value": "{amsterdam.focus.outline-offset}" }
-    }
-  }
-}