/**
 * Do not edit directly, this file was auto-generated.
 */

export default tokens;

declare interface DesignToken {
  value?: any;
  type?: string;
  comment?: string;
  name?: string;
  themeable?: boolean;
  attributes?: Record<string, unknown>;
  [key: string]: any;
}

declare const tokens: {
  "haarlem": {
    "color": {
      "oceaan": {
        "10": DesignToken,
        "25": DesignToken,
        "50": DesignToken,
        "75": DesignToken,
        "100": DesignToken
      },
      "jade": {
        "10": DesignToken,
        "25": DesignToken,
        "50": DesignToken,
        "75": DesignToken,
        "100": DesignToken
      },
      "zand": {
        "10": DesignToken,
        "25": DesignToken,
        "50": DesignToken,
        "75": DesignToken,
        "100": DesignToken
      },
      "rood": {
        "10": DesignToken,
        "25": DesignToken,
        "50": DesignToken,
        "75": DesignToken,
        "100": DesignToken
      },
      "indigo": {
        "10": DesignToken,
        "25": DesignToken,
        "50": DesignToken,
        "75": DesignToken,
        "100": DesignToken
      },
      "dark-mode": {
        "10": DesignToken,
        "25": DesignToken,
        "50": DesignToken,
        "75": DesignToken,
        "100": DesignToken
      },
      "white": DesignToken,
      "black": DesignToken
    },
    "space": {
      "12": DesignToken,
      "25": DesignToken,
      "33": DesignToken,
      "55": DesignToken,
      "66": DesignToken,
      "75": DesignToken,
      "100": DesignToken,
      "112": DesignToken,
      "125": DesignToken,
      "133": DesignToken,
      "150": DesignToken,
      "166": DesignToken,
      "175": DesignToken,
      "200": DesignToken,
      "250": DesignToken,
      "300": DesignToken,
      "350": DesignToken,
      "400": DesignToken
    }
  },
  "hlzv": {
    "typography": {
      "scale": {
        "14": DesignToken,
        "16": DesignToken,
        "19": DesignToken,
        "24": DesignToken,
        "36": DesignToken,
        "48": DesignToken,
        "70": DesignToken
      },
      "common": {
        "body-large": {
          "font-size": DesignToken
        },
        "body": {
          "font-size": DesignToken
        },
        "body–small": {
          "font-size": DesignToken
        },
        "body–link": {
          "font-size": DesignToken
        },
        "body-link–small": {
          "font-size": DesignToken
        },
        "body-bold": {
          "font-weight": DesignToken
        },
        "font-weight": {
          "700": DesignToken,
          "normal": DesignToken
        },
        "font-family": {
          "sans-serif": DesignToken,
          "sans-serif-fallback": DesignToken
        }
      }
    }
  },
  "utrecht": {
    "focus": {
      "outline-style": DesignToken,
      "outline-color": DesignToken,
      "outline-width": DesignToken
    },
    "alert": {
      "background-color": {},
      "border-color": {},
      "border-width": {},
      "color": {},
      "padding-block-start": DesignToken,
      "padding-block-end": DesignToken,
      "padding-inline-start": DesignToken,
      "padding-inline-end": DesignToken,
      "margin-block-start": DesignToken,
      "margin-block-end": DesignToken,
      "error": {
        "background-color": DesignToken,
        "color": DesignToken
      },
      "ok": {
        "background-color": DesignToken,
        "color": DesignToken
      },
      "icon": {
        "color": {},
        "error": {
          "color": {}
        },
        "warning": {
          "color": {}
        },
        "ok": {
          "color": {}
        }
      }
    },
    "button-group": {
      "background-color": DesignToken,
      "column-gap": {},
      "margin-block-end": DesignToken,
      "margin-block-start": DesignToken,
      "padding-block-end": DesignToken,
      "padding-block-start": DesignToken,
      "row-gap": {}
    },
    "button": {
      "background-color": DesignToken,
      "border-color": DesignToken,
      "border-radius": {},
      "border-width": DesignToken,
      "color": DesignToken,
      "font-family": {},
      "font-size": DesignToken,
      "font-weight": DesignToken,
      "inline-size": {},
      "letter-spacing": DesignToken,
      "line-height": DesignToken,
      "margin-block-start": DesignToken,
      "margin-block-end": DesignToken,
      "margin-inline-start": {},
      "margin-inline-end": {},
      "min-block-size": {},
      "min-inline-size": {},
      "padding-block-start": DesignToken,
      "padding-block-end": DesignToken,
      "padding-inline-start": DesignToken,
      "padding-inline-end": DesignToken,
      "text-transform": {},
      "active": {
        "background-color": {},
        "border-color": {},
        "color": {}
      },
      "icon": {
        "gap": DesignToken,
        "size": DesignToken
      },
      "disabled": {
        "background-color": {},
        "border-color": DesignToken,
        "color": DesignToken
      },
      "focus": {
        "background-color": DesignToken,
        "border-color": {},
        "color": {},
        "transform-scale": {}
      },
      "hover": {
        "background-color": DesignToken,
        "border-color": {},
        "color": {}
      },
      "primary-action": {
        "background-color": {},
        "border-color": {},
        "border-width": {},
        "color": {},
        "font-weight": {},
        "active": {
          "background-color": {},
          "border-color": {},
          "color": {}
        },
        "disabled": {
          "background-color": {},
          "border-color": {},
          "color": {}
        },
        "hover": {
          "background-color": {},
          "border-color": {},
          "color": {}
        },
        "focus": {
          "background-color": {},
          "border-color": {},
          "color": {}
        }
      },
      "secondary-action": {
        "background-color": {},
        "border-color": {},
        "border-width": {},
        "color": {},
        "font-weight": {},
        "active": {
          "background-color": {},
          "border-color": {},
          "color": {}
        },
        "disabled": {
          "background-color": {},
          "border-color": {},
          "color": {}
        },
        "hover": {
          "background-color": {},
          "border-color": {},
          "color": {}
        },
        "focus": {
          "background-color": {},
          "border-color": {},
          "color": {}
        }
      },
      "subtle": {
        "background-color": DesignToken,
        "border-width": DesignToken,
        "color": {},
        "hover": {},
        "disabled": {
          "background-color": DesignToken,
          "color": DesignToken
        },
        "danger": {
          "color": {},
          "hover": {
            "color": {}
          },
          "focus": {
            "color": {}
          }
        },
        "ready": {
          "color": {},
          "hover": {
            "color": {}
          },
          "focus": {
            "color": {}
          }
        }
      }
    },
    "custom-checkbox": {
      "background-color": DesignToken,
      "border-color": DesignToken,
      "border-radius": {},
      "border-width": DesignToken,
      "color": DesignToken,
      "size": DesignToken,
      "active": {
        "border-color": {},
        "border-width": {},
        "background-color": {},
        "color": {}
      },
      "hover": {
        "border-color": DesignToken,
        "border-width": DesignToken,
        "background-color": {},
        "color": {}
      },
      "focus": {
        "border-color": DesignToken,
        "border-width": DesignToken,
        "background-color": {},
        "color": {}
      },
      "disabled": {
        "border-color": {},
        "border-width": {},
        "background-color": {},
        "color": {}
      },
      "checked": {
        "border-color": {},
        "border-width": {},
        "background-color": DesignToken,
        "color": DesignToken
      },
      "indeterminate": {
        "color": {}
      },
      "invalid": {
        "border-color": {},
        "border-width": {},
        "background-color": {},
        "color": {}
      }
    },
    "document": {
      "background-color": DesignToken,
      "color": DesignToken,
      "font-family": DesignToken,
      "font-size": DesignToken,
      "line-height": DesignToken
    },
    "form-field-description": {
      "color": DesignToken,
      "font-family": DesignToken,
      "font-size": DesignToken,
      "font-style": {},
      "margin-block-start": DesignToken,
      "margin-block-end": DesignToken,
      "invalid": {
        "font-weight": {},
        "color": DesignToken
      },
      "valid": {
        "color": {}
      }
    },
    "form-field": {
      "margin-block-start": DesignToken,
      "margin-block-end": DesignToken,
      "invalid": {
        "border-inline-start-color": {},
        "border-inline-start-width": DesignToken,
        "padding-inline-start": DesignToken
      },
      "label": {
        "margin-block-end": DesignToken
      },
      "description": {
        "margin-block-start": DesignToken,
        "margin-block-end": DesignToken
      }
    },
    "form-fieldset": {
      "margin-block-start": DesignToken,
      "margin-block-end": DesignToken,
      "section": {
        "background-color": {},
        "color": {}
      },
      "legend": {
        "color": {},
        "font-family": {},
        "font-size": DesignToken,
        "font-weight": DesignToken,
        "line-height": DesignToken,
        "margin-block-end": DesignToken,
        "margin-block-start": DesignToken,
        "text-transform": {},
        "disabled": {
          "color": DesignToken
        }
      }
    },
    "form-label": {
      "color": DesignToken,
      "font-size": DesignToken,
      "font-weight": DesignToken,
      "line-height": DesignToken,
      "checkbox": {},
      "checkbox-checked": {},
      "radio": {
        "font-weight": DesignToken
      }
    },
    "heading-1": {
      "color": DesignToken,
      "font-family": DesignToken,
      "font-size": DesignToken,
      "font-weight": DesignToken,
      "line-height": DesignToken,
      "margin-block-end": DesignToken,
      "margin-block-start": DesignToken
    },
    "heading-2": {
      "color": DesignToken,
      "font-family": DesignToken,
      "font-size": DesignToken,
      "font-weight": DesignToken,
      "line-height": DesignToken,
      "margin-block-end": DesignToken,
      "margin-block-start": DesignToken
    },
    "heading-3": {
      "color": DesignToken,
      "font-family": DesignToken,
      "font-size": DesignToken,
      "font-weight": DesignToken,
      "line-height": DesignToken,
      "margin-block-end": DesignToken,
      "margin-block-start": DesignToken
    },
    "heading-4": {
      "color": DesignToken,
      "font-family": DesignToken,
      "font-size": DesignToken,
      "font-weight": DesignToken,
      "line-height": DesignToken,
      "margin-block-end": {},
      "margin-block-start": {}
    },
    "link": {
      "color": DesignToken,
      "text-decoration": {},
      "text-decoration-thickness": DesignToken,
      "text-underline-offset": DesignToken,
      "text-decoration-color": DesignToken,
      "active": {
        "color": {}
      },
      "focus": {
        "color": {},
        "text-decoration": DesignToken,
        "text-decoration-thickness": DesignToken
      },
      "hover": {
        "color": {},
        "text-decoration": DesignToken,
        "text-decoration-thickness": DesignToken
      },
      "placeholder": {
        "color": {}
      },
      "visited": {
        "color": {}
      },
      "icon": {
        "size": {}
      }
    },
    "page-content": {
      "padding-block-end": DesignToken,
      "padding-block-start": DesignToken
    },
    "page-footer": {
      "color": {},
      "background-color": DesignToken,
      "background-image": DesignToken,
      "padding-inline-end": DesignToken,
      "padding-inline-start": DesignToken,
      "padding-block-end": DesignToken,
      "padding-block-start": DesignToken
    },
    "page-header": {
      "padding-inline-end": DesignToken,
      "padding-inline-start": DesignToken,
      "padding-block-end": DesignToken,
      "padding-block-start": DesignToken
    },
    "page": {
      "background-color": DesignToken,
      "color": DesignToken,
      "margin-inline-start": DesignToken,
      "margin-inline-end": DesignToken,
      "max-inline-size": DesignToken,
      "padding-block-start": DesignToken,
      "padding-inline-end": DesignToken,
      "padding-block-end": DesignToken,
      "padding-inline-start": DesignToken
    },
    "paragraph": {
      "color": DesignToken,
      "font-family": DesignToken,
      "font-size": DesignToken,
      "font-weight": DesignToken,
      "line-height": DesignToken,
      "margin-block-start": DesignToken,
      "margin-block-end": {},
      "lead": {
        "color": {},
        "font-size": DesignToken,
        "font-weight": DesignToken,
        "line-height": DesignToken
      }
    },
    "radio-button": {
      "color": DesignToken,
      "background-color": DesignToken,
      "border-color": DesignToken,
      "border-width": DesignToken,
      "margin-inline-end": DesignToken,
      "size": DesignToken,
      "margin-block-start": {},
      "active": {
        "border-color": {},
        "border-width": {},
        "background-color": {},
        "color": {}
      },
      "checked": {
        "border-color": DesignToken,
        "border-width": {},
        "background-color": DesignToken,
        "color": DesignToken
      },
      "hover": {
        "border-color": DesignToken,
        "border-width": DesignToken,
        "background-color": {},
        "color": {}
      },
      "focus": {
        "border-color": DesignToken,
        "border-width": DesignToken,
        "background-color": {},
        "color": {}
      },
      "disabled": {
        "border-color": DesignToken,
        "border-width": {},
        "background-color": DesignToken,
        "color": DesignToken
      },
      "invalid": {
        "border-color": DesignToken,
        "border-width": DesignToken,
        "background-color": {},
        "color": {}
      }
    },
    "search-bar": {
      "button": {
        "border-color": {},
        "hover": {
          "transform-scale": {}
        },
        "font-weight": DesignToken,
        "letter-spacing": {},
        "text-transform": DesignToken,
        "primary-action": {
          "background-color": {},
          "color": {},
          "hover": {
            "background-color": {}
          }
        }
      },
      "textbox": {
        "padding-inline-start": DesignToken,
        "border-bottom-width": {}
      },
      "input": {
        "background-image": {},
        "background-position-x": {},
        "background-position-y": {},
        "background-repeat": {},
        "background-size": {}
      }
    },
    "select": {
      "background-color": DesignToken,
      "border-bottom-width": DesignToken,
      "border-radius": DesignToken,
      "border-width": DesignToken,
      "color": DesignToken,
      "font-family": {},
      "font-size": DesignToken,
      "max-inline-size": DesignToken,
      "padding-block-end": DesignToken,
      "padding-block-start": DesignToken,
      "padding-inline-end": DesignToken,
      "padding-inline-start": DesignToken,
      "disabled": {
        "background-color": {},
        "border-color": DesignToken,
        "color": DesignToken
      },
      "focus": {
        "background-color": {},
        "border-color": {},
        "color": {}
      },
      "invalid": {
        "background-color": {},
        "border-color": DesignToken,
        "border-width": {}
      }
    },
    "separator": {
      "color": DesignToken,
      "block-size": DesignToken,
      "margin-block-end": DesignToken,
      "margin-block-start": DesignToken
    },
    "textbox": {
      "background-color": {},
      "border-bottom-width": {},
      "border-color": DesignToken,
      "border-radius": {},
      "border-width": DesignToken,
      "color": DesignToken,
      "font-family": {},
      "font-size": DesignToken,
      "max-inline-size": {},
      "padding-block-end": DesignToken,
      "padding-block-start": DesignToken,
      "padding-inline-end": DesignToken,
      "padding-inline-start": DesignToken,
      "placeholder": {
        "color": {}
      },
      "disabled": {
        "background-color": {},
        "border-color": {},
        "color": {}
      },
      "focus": {
        "background-color": {},
        "border-color": DesignToken,
        "border-width": DesignToken
      },
      "invalid": {
        "background-color": {},
        "border-color": DesignToken,
        "border-width": DesignToken
      },
      "read-only": {
        "border-color": {},
        "color": {}
      }
    },
    "unordered-list": {
      "font-size": DesignToken,
      "line-height": DesignToken,
      "margin-block-start": {},
      "margin-block-end": DesignToken,
      "padding-inline-start": DesignToken,
      "item": {
        "margin-block-start": {},
        "margin-block-end": {},
        "padding-inline-start": {}
      },
      "marker": {
        "color": DesignToken
      }
    }
  }
}